Angular Crash Course for Busy Developers
- Offered byUDEMY
Angular Crash Course for Busy Developers at UDEMY Overview
Duration | 17 hours |
Mode of learning | Online |
Difficulty level | Intermediate |
Credential | Certificate |
Angular Crash Course for Busy Developers at UDEMY Highlights
- 4.5 Hours of Learning
- Earn a certificate upon successful completion
- Gain Lifetime Access to Courseware
Angular Crash Course for Busy Developers at UDEMY Course details
- Basic familiarity with HTML, CSS and JavaScript
- No prior knowledge of earlier versions of Angular is required
- Web developers wanting to build apps with Angular 2+
- Fundamentals of TypeScript and object-oriented programming
- Displaying data and handling events
- Building re-usable components
- Manipulating the DOM using directives
- Formatting data using pipes
- Building template-driven and reactive forms
- Consuming HTTP services
- Handling HTTP errors properly
- Using Reactive Extensions and observables
- Adding routing and navigation
- you'll learn about:
- Fundamentals of TypeScript and object-oriented programming
- Displaying data and handling events
- Building re-usable components
- Manipulating the DOM using directives
- Formatting data using pipes
- Building template-driven and reactive forms
- Consuming HTTP services
- Handling HTTP errors properly
- Using Reactive Extensions and observables
- Adding routing and navigation
Angular Crash Course for Busy Developers at UDEMY Curriculum
Getting Started
Course Introduction
What is Angular
Architecture of Angular Apps
Setting Up the Development Environment
Your First Angular App
Structure of Angular Projects
Webpack
Angular Version History
TypeScript Fundamentals
Introduction
What is TypeScript
Your First TypeScript Program
Declaring Variables
Types
Type Assertions
Arrow Functions
Interfaces
Classes
Objects
Constructors
Access Modifiers
Access Modifiers in Constructor Parameters
Properties
Modules
Exercise
Solution
Angular Fundamentals
Introduction
Building Blocks of Angular Apps
Components
Generating Components Using Angular CLI
Templates
Directives
Services
Dependency Injection
Generating Services Using Angular CLI
Displaying Data and Handling Events
Introduction
Property Binding
Attribute Binding
Adding Bootstrap
Class Binding
Style Binding
Event Binding
Event Filtering
Template Variables
Two-way Binding
Pipes
Custom Pipes
Favorite Component
Building Resuable Components
Introduction
Component API
Input Properties
Aliasing Input Properties
Output Properties
Passing Event Data
Aliasing Output Properties
Templates
Styles
View Encapsulation
ngContent
ngContainer
Directives
Introduction
ngIf
Hidden Property
ngSwitchCase
ngFor
ngFor and Change Detection
ngFor and trackBy
The Leading Asterisk
ngClass
ngStyle
Safe Traversal
Operator
Creating Custom Directives
Template-driven Forms
Introduction
Building a Bootstrap Form
Types of Forms
ngModel
Adding Validation
Specific Validation Errors
Styling Invalid Input Fields
Cleaner Templates
ngForm
ngModelGroup
Control Classes and Directives
Disabling the Submit Button
Working with Check Boxes
Working with Drop-down Lists
Working with Radio Buttons
Reactive Forms
Introduction
Building a Bootstrap Form
Creating Controls Programmatically
Adding Validation
Specific Validation Errors
Implementing Custom Validation
Asynchronous Operations
Asynchronous Validation
Showing a Loader Image
Validating the Form Upon Submit
Nested FormGroups
FormArray
FormBuilder
Quick Recap
Consuming HTTP service
Introduction
JSONPlaceHolder
Getting Data
Creating Data
Updating Data
Deleting Data
OnInit Interface
Separation of Concerns
Extracting a Service
Handling Errors
Handling Unexpected Errors
Handling Expected Errors
Throwing Application-specific Errors
Handling Bad Request Errors
Importing Observable
Operators and Factory Methods
Global Error Handling
Extracting a Reusable Error Handling Method
Extracting a Reusable Data Service
The Map Operator
Optimistic vs Pessimistic Updates
Observables vs Promises
Routing and Navigation
Introduction
Routing in a Nutshell
Configuring Routes
RouterOutlet
RouterLink
RouterLinkActive
Getting the Route Parameters
Why Route Parameters Are Observable
Routes with Multiple Parameters
Query Parameters
Subscribing to Multiple Observables
SwitchMap Operator
Programmatic Navigation