Description
Course info
Rating
(134)
Level
Beginner
Updated
Feb 16, 2016
Duration
2h 46m
Description

AngularJS Material provides a set of reusable, well-tested, and accessible UI components based on Google's Material Design specification. This course will teach you the basics required to get up and running with development and building great looking responsive websites leveraging Material Design.

About the author
About the author

Ajden has worked on everything from embedded devices to large-scale enterprise systems during his 10+ years in commercial software development. Since 2007, Ajden has focused on Microsoft technologies and, more recently, on web technologies. Ajden is also a speaker at conferences and has a passion for teaching.

More from the author
Angular Material
Beginner
3h 8m
Jan 5, 2018
Section Introduction Transcripts
Section Introduction Transcripts

Course Overview
Hi everyone. My name is Ajden Towfeek, and welcome to my course Angular Material Fundamentals. I'm an independent software consultant at Towfeek Solutions. I teach and speak to whoever will listen. I also code, blog, and record screencasts on the latest web technology. Make sure to follow me on YouTube and Twitter for weekly updates. Angular Material provides a set of reusable, well-tested, and accessible UI components based on material design. For developers using AngularJS, Angular Material is their reference implementation of Google's Material Design Specification. Some of the major topics that we will cover include core concepts of material design, setting up the development environment, using the components and services in the library, building forms that validates user input. By the end of this course, you'll know how to build great looking responsive websites using the Angular Material library and be familiar with the core concepts of material design. Before beginning the course, you should be familiar with AngularJS. If you have not done so already, be sure to check out some of the many Angular titles in the library. I hope you'll join me on this journey to learn Angular Material with the Angular Material Fundamentals course at Pluralsight.

Introduction
Hi, this is Ajden Towfeek, and welcome to Angular Material Fundamentals. This is a code-oriented course that will get you up to speed with Angular Material. You'll learn about the core concepts of material design and how to build great-looking responsive websites using paradigms that AngularJS developers are already familiar with. What is Angular Material? For developers using AngularJS, Angular Material is the reference implementation of Google's Material Design Specification. Angular Material provides a set of reusable, well-tested, and accessible UI components based on material design. Before we begin, let's take a quick glance at what we'll build throughout the course. This is going to be a totally code-focused course. In this course, we're going to build a contact manager app from the ground up that will look good on all devices. We'll explore the application design and features more in-depth later on in this introduction module. This is just for you to get a glance at what you'll be able to build after completing this course.

Forms
Hi, this is Ajden Towfeek with Angular Material Fundamentals. In this module, we will extend our Contact Manager app with forms for adding users and adding user notes. We'll also learn how to enable validation in our forms by leveraging the Angular Material components along with the Angular Messages module. To save some time, I've gone ahead and created a CreateUser class that we'll use in the addUsers form, that looks pretty similar to the users class. The main difference is that we are taking in the first name and the last name separately since we're going to use two different input controls for taking the user name, and we're not taking any notes to our CreateUser constructor. And also, we added a static method to our user class that allows us to create a user class by passing in a CreateUser class, and as always, I'm running two command prompts in the background. One running the TypeScript compiler with the W flag to watch my files and transpile upon save, and one live- server that will serve the application from the app folder. Now, let's implement those forms.