Angular Material - Quickstart
4.2 (211 ratings)
Instead of using a simple lifetime average, Udemy calculates a course's star rating by considering a number of different factors such as the number of ratings, the age of ratings, and the likelihood of fraudulent ratings.
5,821 students enrolled
Wishlisted Wishlist

Please confirm that you want to add Angular Material - Quickstart to your Wishlist.

Add to Wishlist

Angular Material - Quickstart

Course is for Angular developers who want to make their apps look nicer by including style library Angular Material
4.2 (211 ratings)
Instead of using a simple lifetime average, Udemy calculates a course's star rating by considering a number of different factors such as the number of ratings, the age of ratings, and the likelihood of fraudulent ratings.
5,821 students enrolled
Created by Janez Čadež
Last updated 6/2017
English
English
Price: Free
Includes:
  • 42 mins on-demand video
  • 11 Supplemental Resources
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
What Will I Learn?
  • Include and use Angular Material design library and make beautiful Angular applications
  • Navigate the Angular Material documentation and use the style components in their application
View Curriculum
Requirements
  • You should know the basics of Javascript
  • You should know the basics of Angular (2+)
Description

Warning - Course videos uses Angular Material 2.0.0-beta.2, Angular 2.4.0 and Angular CLI 1.0.0-rc.0 

However, the course material is updated to the latest versions of these packages and you can use them as a reference (currently: Angular Material 2.0.0-beta.7, Angular 4.2.4, Angular CLI 1.1.3).

Welcome to the course about styling Angular Material - Quickstart. If you want to be on the cutting edge of web development, you should use a library like Angular or React. Often for us, developers, designing the app is one of the most unpleasing activities. But there is hope. By using a standard design library like Angular Material (based of Material design), you can easily style your app and make it future-proof.

You will learn how to:

  • Setup Angular environment using the Angular CLI
  • Add Angular Material style library to your Angular project
  • Use Angular Material components by building a sample phonebook applciation
  • Custom theme your app using theming provided by Angular Material Library
Who is the target audience?
  • This course is for Angular developers who want to make their apps look nicer by including style library Angular Material (Material Design).
Students Who Viewed This Course Also Viewed
Curriculum For This Course
+
Overview
2 Lectures 01:37

Introduction to Styling Angular applications with Angular Material video. A little info about me, what is Angular Material.

Introduction
01:28

Warning
00:09
+
Setup
2 Lectures 04:12

In this lecture, I will show you how to install NodeJS, setup Angular CLI from NPM and run your newly generated phonebook Angular application by serving it in the browser.

Create Angular project
01:21

Adding Angular Material
02:51
+
Building phonebook application
8 Lectures 28:49
Adding components and services
01:47

Defining routes
02:47

Adding toolbar and sidenav
05:57

Providing sample data
02:26

Popular contacts
02:52

Contacts
02:25

Adding contacts
09:08

Deleting contacts
01:27
+
Theming
1 Lecture 07:07
Adding primary and dark theme
07:07
+
Wrapping up
1 Lecture 00:36
The end
00:36
About the Instructor
Janez Čadež
4.2 Average rating
210 Reviews
5,821 Students
1 Course
Software engineer at 4th Office

Hi! I'm Janez Čadež. I am a web enthusiast and a frontend software developer. 

Together we will explore new cutting edge web and mobile technologies and I will help you to not fall behind as a software developer. I am specializing in web technologies like Javascript (Angular, React) and backend technologies like .NET (C#).