Certified Angular 8 Developer
- Offered byVSkills
Certified Angular 8 Developer at VSkills Overview
Duration | 43 hours |
Total fee | ₹3,499 |
Mode of learning | Online |
Credential | Certificate |
Certified Angular 8 Developer at VSkills Highlights
- Earn a certificate of completion from Vskills
Certified Angular 8 Developer at VSkills Course details
- For web developers, programmers and graduates wanting to excel in web application development areas
- This course will help you to learn all about components, directives, services, forms, HTTP access, authentication, optimizing an Angular app with modules and offline compilation, and much more
- This course will also show you how to use the Angular CLI and feature a complete project, which allows you to practice the things learned throughout the course
- Angular is one of the most modern, performance-efficient and powerful frontend frameworks you can learn today
Certified Angular 8 Developer at VSkills Curriculum
Getting Started
Course Introduction
What is Angular?
Angular vs Angular 2 vs Angular 8
Project Setup and First App
Editing the First App
The Course Structure
How to get the Most out of the Course
What is TypeScript?
A Basic Project Setup using Bootstrap for Styling
The Basics
Module Introduction
How an Angular App gets Loaded and Started
Components are Important!
Creating a New Component
Understanding the Role of AppModule and Component Declaration
Using Custom Components
Creating Components with the CLI & Nesting Components
Working with Component Templates
Working with Component Styles
Fully Understanding the Component Selector
Assignment Solution
What is Databinding?
String Interpolation
Property Binding
Property Binding vs String Interpolation
Event Binding
Passing and Using Data with Event Binding
Two-Way-Databinding
Combining all Forms of Databinding
Assignment Solution
Understanding Directives
Using ngIf to Output Data Conditionally
Enhancing ngIf with an Else Condition
Styling Elements Dynamically with ngStyle
Applying CSS Classes Dynamically with ngClass
Outputting Lists with ngFor
Assignment Solution
Getting the Index when using ngFor
Course Project - The Basics
Project Introduction
Planning the App
Setting up the Application
Creating the Components
Using the Components
Adding a Navigation Bar
Creating a "Recipe" Model
Adding Content to the Recipes Components
Outputting a List of Recipes with ngFor
Displaying Recipe Details
Working on the ShoppingListComponent
Creating an "Ingredient" Model
Creating and Outputting the Shopping List
Adding a Shopping List Edit Section
Wrap Up & Next Steps
Debugging
Understanding Angular Error Messages
Debugging Code in the Browser Using Sourcemaps
Using Augury to Dive into Angular Apps
Components & Databinding Deep Dive
Module Introduction
Splitting Apps into Components
Property & Event Binding Overview
Binding to Custom Properties
Assigning an Alias to Custom Properties
Binding to Custom Events
Assigning an Alias to Custom Events
Custom Property and Event Binding Summary
Understanding View Encapsulation
More on View Encapsulation
Using Local References in Templates
Getting Access to the Template & DOM with @ViewChild
Projecting Content into Components with ng-content
Understanding the Component Lifecycle
Seeing Lifecycle Hooks in Action
Lifecycle Hooks and Template Access
Getting Access to ng-content with @ContentChild
Wrap Up
Assignment Solution
Course Project - Components & Databinding
Introduction
Adding Navigation with Event Binding and ngIf
Passing Recipe Data with Property Binding
Passing Data with Event and Property Binding (Combined)
Allowing the User to Add Ingredients to the Shopping List
Directives Deep Dive
Module Introduction
ngFor and ngIf Recap
ngClass and ngStyle Recap
Creating a Basic Attribute Directive
Using the Renderer to build a Better Attribute Directive
Using HostListener to Listen to Host Events
Using HostBinding to Bind to Host Properties
Binding to Directive Properties
What Happens behind the Scenes on Structural Directives?
Building a Structural Directive
Understanding ngSwitch
Course Project – Directives
Building and Using a Dropdown Directive