Angular 6 Development: Material & Elements

Angular    |    Intermediate
  • 10 videos | 35m 39s
  • Includes Assessment
  • Earns a Badge
Rating 4.4 of 61 users Rating 4.4 of 61 users (61)
Angular Material provides a set of components and themes for creating stunning web apps. Angular Elements lets you turn Angular components into web components. During this course, you will discover the basics of using Angular Material and Elements. See how to add support for Angular elements. Learn to create, use, and package components to use as custom elements. Configure an Angular app to use Angular Material via a schematic. Build an Angular Material dashboard or an Angular Material navigation app. Finally, as an exercise, you make a custom element from an Angular component.

WHAT YOU WILL LEARN

  • Install support for creating custom elements using angular 6
    Create an angular 6 component geared towards becoming a custom element
    Register an angular 6 component for conversion to a custom element
    Build and test a custom element from an angular 6 app
    Package a custom element for easy movement
  • Use an angular 6 generated custom element in a regular html app
    Configure an angular app to use angular material via a schematic
    Create a dashboard component using an angular material starter component
    Create a sidebar-based navigation app using an angular material starter component
    Use material components in an angular app

IN THIS COURSE

  • 2m 27s
    In this video, find out how to install support for creating custom elements using Angular 6. FREE ACCESS
  • 4m 16s
    Find out how to create an Angular 6 component that can be used as a custom element. FREE ACCESS
  • Locked
    3.  Registering an Angular Component as a Custom Element
    3m 33s
    During this video, you will learn how to register an Angular 6 component to be converted into a custom element. FREE ACCESS
  • Locked
    4.  Building a Custom Element
    3m 25s
    In this video, learn how to build and test a custom element from an Angular 6 app. FREE ACCESS
  • Locked
    5.  Packaging a Custom Element
    3m 40s
    During this video, you will learn how to package a custom element for easy transport. FREE ACCESS
  • Locked
    6.  Using a Custom Element
    4m 53s
    Learn how to use a custom element generated by Angular 6 in a regular HTML app. FREE ACCESS
  • Locked
    7.  Adding Support for Angular Material
    2m 12s
    In this video, you will learn how to configure an Angular app to use Angular Material. FREE ACCESS
  • Locked
    8.  Creating an Angular Material Dashboard
    3m 43s
    In this video, you will create a dashboard component using an Angular material starter component. FREE ACCESS
  • Locked
    9.  Creating an Angular Material Navigation App
    4m 8s
    Find out how to create a sidebar-based navigation app using an Angular material starter component. FREE ACCESS
  • Locked
    10.  Exercise: Using Material Components with Angular
    3m 22s
    In this video, learn how to use Material components in an Angular application. FREE ACCESS

EARN A DIGITAL BADGE WHEN YOU COMPLETE THIS COURSE

Skillsoft is providing you the opportunity to earn a digital badge upon successful completion on some of our courses, which can be shared on any social network or business platform.

Digital badges are yours to keep, forever.

YOU MIGHT ALSO LIKE

Course Angular 11: Introduction to Components
Rating 4.6 of 265 users Rating 4.6 of 265 users (265)
Course Angular 11: Directives & Pipes
Rating 4.4 of 134 users Rating 4.4 of 134 users (134)
Book Practical Highcharts with Angular: Your Essential Guide to Creating Real-time Dashboards, 2nd Edition

PEOPLE WHO VIEWED THIS ALSO VIEWED THESE

Course Programming in C#: Using Types
Rating 4.2 of 78 users Rating 4.2 of 78 users (78)
Course Angular 6 Development: Libraries
Rating 4.5 of 21 users Rating 4.5 of 21 users (21)
Course Angular, Reactive, & Observable
Rating 4.5 of 22 users Rating 4.5 of 22 users (22)