YoVDO

Structure Angular Apps with Angular Material Components

Offered By: egghead.io

Tags

Angular Material Courses Web Development Courses Application Development Courses User Interface Design Courses Data Management Courses

Course Description

Overview

In this course we will explore integral Angular Material components. We will start with components related to navigation, layout, and structure. We will then move through the utility, input, and datatable components, demonstrating how each can be used to suit your project’s needs. Finally we will touch on theming your application to create a custom look and feel that fits within the Material Design guidelines.
By the end of the course you will be comfortable leveraging the Angular Material library to create an outstanding interface and user experience!

Syllabus

  • Angular Material Components Course Overview
  • Install and Configure a Project with Angular Material
  • Use the Angular Material Sidenav Component
  • Create an Extended Header Using Angular Material Toolbars
  • Utilize Material Design Icons for App Icons and Buttons
  • Manage User Input with Angular Material Inputs
  • Manage Loading with Angular Material Progress Bars and Spinners
  • Create Tabbed Interfaces using Angular Material Tabs
  • Manage Date Selection with the Angular Material Datepicker
  • Manage Notifications with the Angular Material Snackbar
  • Manage Application Dialogs with the Angular Material Dialog Component
  • Manage Tabular Data with the Angular Material Datatable Component
  • Create and Manage Themes with Angular Material Theming

Taught by

Brian Troncone

Related Courses

Front-End JavaScript Frameworks: Angular
The Hong Kong University of Science and Technology via Coursera
Material for Angular 6 - UI UX Ivy League Instructor
Udemy
Angular (Full App) with Angular Material, Angularfire & NgRx
Udemy
Angular 7/8 - Material Design + Node.js + MongoDB + Firebase
Udemy
Angular: Progressive Web Apps
LinkedIn Learning