Creating Responsive Mobile Web Apps with Angular and Angular MaterialNew
Today's web programming is no longer stuck on the desktop. Modern web apps live on mobile smartphones and tablets. In this hands-on session, Troy Miles shares how using Google’s Angular and Angular Material allows your single codebase to move easily among all these environments. Angular Material, the DOM implementation of Google's Material Design Specification, is similar to Twitter's Bootstrap framework in purpose but relies on Angular directives rather than CSS classes. A full UI toolkit, it adds widgets for everything from buttons to sidenavs. In addition to supplying widgets, Angular Material supports themes, which are sets of colors applied to the components. Want to change the look of your app quickly or allow users to customize it? Use a Material theme. Join Troy to walk through Angular basics and how to add Angular Material to existing Angular 2 apps. See how to handle different resolutions, so your application will be ready for the smallest smartphone or the largest 4k monitor. Dive into how to set up your workflow, emulate devices with modern browsers, and debug your code. Leave with the confidence to use Angular Material in your next project.
Laptop Required: This is a hands-on class so bring a laptop with the following downloaded and installed—
- Node JS version 7.0+ with npm version 4.0+ (included with node)
- Angular CLI version 1.0+, installed globally
- Git version 2.9+