Udemy
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
Development
Web Development Data Science Mobile Development Programming Languages Game Development Database Design & Development Software Testing Software Engineering Development Tools No-Code Development
Business
Entrepreneurship Communications Management Sales Business Strategy Operations Project Management Business Law Business Analytics & Intelligence Human Resources Industry E-Commerce Media Real Estate Other Business
Finance & Accounting
Accounting & Bookkeeping Compliance Cryptocurrency & Blockchain Economics Finance Finance Cert & Exam Prep Financial Modeling & Analysis Investing & Trading Money Management Tools Taxes Other Finance & Accounting
IT & Software
IT Certification Network & Security Hardware Operating Systems Other IT & Software
Office Productivity
Microsoft Apple Google SAP Oracle Other Office Productivity
Personal Development
Personal Transformation Personal Productivity Leadership Career Development Parenting & Relationships Happiness Esoteric Practices Religion & Spirituality Personal Brand Building Creativity Influence Self Esteem & Confidence Stress Management Memory & Study Skills Motivation Other Personal Development
Design
Web Design Graphic Design & Illustration Design Tools User Experience Design Game Design Design Thinking 3D & Animation Fashion Design Architectural Design Interior Design Other Design
Marketing
Digital Marketing Search Engine Optimization Social Media Marketing Branding Marketing Fundamentals Marketing Analytics & Automation Public Relations Advertising Video & Mobile Marketing Content Marketing Growth Hacking Affiliate Marketing Product Marketing Other Marketing
Lifestyle
Arts & Crafts Beauty & Makeup Esoteric Practices Food & Beverage Gaming Home Improvement Pet Care & Training Travel Other Lifestyle
Photography & Video
Digital Photography Photography Portrait Photography Photography Tools Commercial Photography Video Design Other Photography & Video
Health & Fitness
Fitness General Health Sports Nutrition Yoga Mental Health Dieting Self Defense Safety & First Aid Dance Meditation Other Health & Fitness
Music
Instruments Music Production Music Fundamentals Vocal Music Techniques Music Software Other Music
Teaching & Academics
Engineering Humanities Math Science Online Education Social Science Language Teacher Training Test Prep Other Teaching & Academics
AWS Certification Microsoft Certification AWS Certified Solutions Architect - Associate AWS Certified Cloud Practitioner CompTIA A+ Cisco CCNA Amazon AWS CompTIA Security+ Microsoft AZ-900
Graphic Design Photoshop Adobe Illustrator Drawing Digital Painting InDesign Character Design Canva Figure Drawing
Life Coach Training Neuro-Linguistic Programming Personal Development Mindfulness Personal Transformation Life Purpose Meditation CBT Emotional Intelligence
Web Development JavaScript React CSS Angular PHP Node.Js WordPress Vue JS
Google Flutter Android Development iOS Development React Native Swift Dart Programming Language Mobile Development Kotlin SwiftUI
Digital Marketing Google Ads (Adwords) Social Media Marketing Google Ads (AdWords) Certification Marketing Strategy Internet Marketing YouTube Marketing Email Marketing Retargeting
Microsoft Power BI SQL Tableau Business Analysis Data Modeling Business Intelligence MySQL Data Analysis Blockchain
Business Fundamentals Entrepreneurship Fundamentals Business Strategy Business Plan Startup Online Business Freelancing Blogging Home Business
Unity Game Development Fundamentals Unreal Engine C# 3D Game Development C++ 2D Game Development Unreal Engine Blueprints Blender
30-Day Money-Back Guarantee
Development Web Development Angular

Angular Material Masterclass & FREE E-Book

Practical Guide for Building Angular 11 Applications with Angular Material
Rating: 4.5 out of 54.5 (444 ratings)
2,772 students
Created by Angular University
Last updated 4/2021
English
English [Auto]
30-Day Money-Back Guarantee

What you'll learn

  • Code in Github repository with downloadable ZIP files per section
  • Learn how to use the Angular Material Widget Library
  • Learn how to setup the Navigation Menu of your Angular Material Application
  • Learn how to use the most commonly needed Angular Material Form Widgets
  • Master the Angular Material Data Table, learn server-side Pagination, Sorting and Filtering
  • Learn how to build Angular Material Custom Dialogs
  • Learn how to build an Angular Material Custom Theme
Curated for the Udemy for Business collection

Course content

6 sections • 36 lectures • 2h 59m total length

  • Preview04:01
  • IMPORTANT - Recommended Software Versions
    00:14
  • The Typescript Jumpstart Ebook
    03:27
  • Preview03:40
  • Preview05:35

  • Navigation and Containers - Section Introduction
    05:43
  • Preview07:21
  • Material Dropdown Navigation Menu - Step-by-Step Implementation
    03:57
  • Container Components - Tab Containers and Material Cards
    08:14
  • The Material SideNav Navigation Menu
    05:17

  • Data Table New Section Introduction -Server Pagination, Sorting and Filtering
    06:34
  • Preview05:37
  • Material Data Table Up and Running - Data Source and Custom Look and Feel
    08:33
  • Material Data Table Client-Side Filtering with MatTableDataSource
    04:16
  • Angular Material Custom Data Source - Initial Implementation
    04:28
  • Angular Material Data Source - Loading Data From The Backend
    05:41
  • Custom Data Source - Error Handling and Server Data Demo
    05:02
  • Material Data Table Server Side Pagination
    07:21
  • Material Data Table Loading Indicator
    04:47
  • Angular Expression has Changed Error - Debugging and Explanation
    06:29
  • How to Fix ExpressionChangedAfterItHasBeenCheckedError
    03:09
  • Material Data Table Server-Side Sorting
    07:53
  • Material Data Table Server-Side Filtering
    05:45

  • New Section Kickoff - Material Dialog and Form Components
    02:08
  • Preview05:43
  • Receiving Input Data Inside the Material Dialog
    03:30
  • Material Dialog Body Implementation
    06:30
  • Angular Material Select Box
    03:55
  • Angular Material DatePicker with MomentJs Integration
    04:40
  • Dialog Section Conclusion - Sending Dialog Output Data
    04:09

  • Preview08:45
  • Angular Material Custom Theme - Dark Themes
    06:27
  • Angular Material Custom Theme - Defining a custom Palette
    04:26

  • Other Courses
    02:17
  • Bonus Lecture
    01:27
  • Angular Material Course Conclusion and Key Takeaways
    02:18

Requirements

  • Just some previous knowledge of Angular and Typescript

Description

This Course In a Nutshell (includes the Typescript Jumpstart Ebook)

Angular by itself is an amazing framework, that together with the Angular CLI makes our life as developers simpler than ever. But imagine what it would mean if adopting this new framework would mean also that we would have to write manually our own form controls as well: such as for example date pickers, dropdowns and other commonly needed widgets.

Developing solid form controls, containers, navigation menus and modal components on top of pure Angular still requires a lot of time and effort, especially if we are looking for a consistently themed component suite with commonly needed advanced features such as for example great ergonomics, design and user experience (including animations).

The good news is that we don't have to do that anymore because together with Angular we now have available an amazing suite of Material Design components, ready to be used! And that is what this course is all about: The Angular Material component suite.

Course Overview

We will start first by scaffolding an Angular Material application for scratch from an empty folder, add it a theme and gesture support. Next, we will start exploring the Angular Material components starting with some navigation menu and icons.

The goal here is to show that its also possible to use Angular Material components also in a more incremental way, by mixing Angular Material Components with a couple of custom-made components and just some HTML/CSS. Later in this section, we will use a more advanced menu system where Angular Material is essentially taking over the whole application layout, with a side menu component.

We are then going to introduce container components such as for example Tab Containers and Material Cards, and we will show a complete example of how to use a data table with a data source, pagination and sorting. We will also show how to use Modals to edit some of data in the data table, for which we will use multiple different types of form components to build an editable form: date pickers, slider, and more.

At the end of the course, we will show we can customize the look and feel of the Angular Material component suite, by building our own custom theme.

What Will You be able to do at the End Of This Course?

You will be able to comfortably build an Angular application using Angular Material and the Angular CLI. You will be able to scaffold an application from an empty folder, and have gestures and animations working out of the box.

You will be able to setup the navigation menu of the application using the Angular Router and different types of Angular Material menus. You will be able to setup the main layout of your application using standard Angular Material container components such as Tab Containers or Cards, and use common components such as: data tables, lists, date pickers, and all sorts of form controls.

You will be able to build your own Modal dialogs, setup a custom theme and much more, and you will be able to focus your development effort on building the application core functionality itself, instead of building the infrastructure-level UI widgets, the UI design and the enhanced user experience that we get immediately out of the box with Angular Material.

Have a look at the course free lessons below, and please enjoy the course!

Who this course is for:

  • Developers looking to get in-depth knowledge on the Angular Material Library

Instructor

Angular University
Best Selling Angular Courses | 95,000+ students | 16 courses
Angular University
  • 4.5 Instructor Rating
  • 16,566 Reviews
  • 105,447 Students
  • 17 Courses

About the Angular University:

The Angular University aims to be the one place that you go in order to learn and keep up with the whole Angular ecosystem. We provide premium quality video tutorials, screencast style.

No matter if you are a beginner, intermediate or advanced in Angular, we have several courses for you.

About the course instructor:

Hello, my name is Vasco  and I'm a Software Developer with 17 years of experience, very seasoned building user interfaces with Angular. I've worked as a Frontend Developer/Architect in a large variety of enterprise projects throughout the years.   

I worked on a ton of projects, everything from single page applications to help build the European Criminal Record Information Exchange System, to brand new e-banking portals, to corporate banking portals, and more. I've been a key part of internal framework teams that built frameworks for in-house departments of tens of developers.

I also love to teach, write and talk about technology.  I am looking forward to be your Angular instructor,

Kind Regards,

Vasco

  • Udemy for Business
  • Teach on Udemy
  • Get the app
  • About us
  • Contact us
  • Careers
  • Blog
  • Help and Support
  • Affiliate
  • Impressum Kontakt
  • Terms
  • Privacy policy
  • Cookie settings
  • Sitemap
  • Featured courses
Udemy
© 2021 Udemy, Inc.