Autoplay
Autocomplete
Previous Lesson
Complete and Continue
Angular 4 Crash Course for Busy Developers
Getting Started
1- Introduction
2- What is Angular
3- Architecture of Angular Apps
4- Setting Up the Development Environment
5- Your First Angular App
6- Structure of Angular Projects
7- Webpack
8- Angular Version History
TypeScript and Object-oriented Programming Fundamentals
1- Introduction
2- What is TypeScript
3- Your First TypeScript Program
4- Declaring Variables
5- Types
6- Type Assertions
7- Arrow Functions
8- Interfaces
9- Classes
10- Objects
11- Constructors
12- Access Modifiers
13- Access Modifiers in Constructor Parameters
14- Properties
15- Modules
16- Exercise
17- Solution
Angular Fundamentals
1- Introduction
2- Building Blocks of Angular Apps
3- Creating Components
4- Creating Components Using Angular CLI
5- Templates
6- Directives
7- Services
8- Dependency Injection
9- Generating Services Using Angular CLI
10- Exercise- Authors
11- Solution
Displaying Data and Handling Events
1- Introduction
2- Property Binding
3- Attribute Binding
4- Adding Bootstrap
5- Class Binding
6- Style Binding
7- Event Binding
8- Event Filtering
9- Template Variables
10- Two-way Binding
11- Pipes
12- Custom Pipes
13- Exercise- Favorite Component
14- Solution- Favorite Component
15- Exercise- TitleCase
16- Solution- Title Case
Building Re-usable Components
1- Introduction
2- Component API
3- Input Properties
4- Aliasing Input Properties
5- Output Properties
6- Passing Event Data
7- Aliasing Output Properties
8- Templates
9- Styles
10- View Encapsulation
11- ngContent
12- ngContainer
13- Exercise- LikeComponent
14- Solution- LikeComponent
Directives
1- Introduction
2- ngIf
3- Hidden Property
4- ngSwitchCase
5- ngFor
6- ngFor and Change Detection
7- ngFor and TrackBy
8- The Leading Asterisk
9- ngClass
10- ngStyle
11- Safe Traversal Operator
12- Creating Custom Directives
13- Exercise- Zippy
14- Solution- Zippy
Template-driven Forms
1- Introduction
2- Building a Basic Bootstrap Form
3- Types of Forms
4- ngModel
5- Adding Validation
6- Specific Validation Errors
7- Styling Invalid Input Fields
8- Cleaner Templates
9- ngForm
10- ngModelGroup
11- Control Classes and Directives
12- Disabling the Submit Button
13- Working with Check Boxes
14- Working with Drop-down Lists
15- Working with Radio Buttons
16- Exercise- Create Course Form
17- Solution- Course Form
Reactive Forms
1- Introduction
2- Building a Bootstrap Form
3- Creating Controls Programatically
4- Adding Validation
5- Specific Validation Errors
6- Implementing Custom Validation
7- Async Operations
8- Async Validators
9- Displaying a Loader Image
10- Validating Upon Submitting the Form
11- Nested FormGroups
12- FormArray
13- FormBuilder
14- Quick Recap
15- Exercise- Change Password Form
16- Solution- Change Password Form
Consuming HTTP Services
1- Introduction
2- JSONPlaceHolder
3- Getting Data
4- Creating Data
5- Updating Data
6- Deleting Data
7- OnInit Interface
8- Separation of Concerns
9- Extracting a Service
10- Handling Errors
11- Handling Unexpected Errors
12- Handling Expected Errors
13- Throwing Application-specific Errors
14- Code Review
15- Importing Observable Operators and Factory Methods
16- Global Error Handling+
17- Extracting a Reusable Error Handling Method
18- Extracting a Reusable Data Service
19- The Map Operator
20- Optimistic vs Pessimistic Updates
21- Observables vs Promises
22- Exercise
23- Solution
Routing and Navigation
1- Introduction
2- Routing in a Nutshell
3- Configuring Routes
4- RouterOutlet
5- RouterLink
6- RouterLinkActive
7- Accessing Route Parameters
8- Why Route Parameters Are Observables
9- Routes with Multiple Parameters
10- Query Parameters
11- Subscribing to Multiple Observables
12- The SwitchMap Operator
13- Programmatic Navigation
14- Exercise-Blog Archives
15- Solution
Authentication and Authorization
1- Introduction
2- Application Overview
3- Architecture
4- JSON Web Tokens
5- The Starter Code
6- Implementing the Login
7- Implementing the Logout
8- Showing : Hiding Elements
9- Showing - Hiding Elements Based on the User's Role
10- Getting the Current User
11- CanActivate Interface
12- Redirecting the Users After Logging In
13- Protecting Routes Based on the User's Role
14- Accessing Protected API Resources
15- Quick Recap
Deployment
1- Introduction
2- Preparing for Deployment
3- JIT vs AOT Compilation
4- Angular Compiler in Action
5- Building Applications with Angular CLI
6- Environments
7- Adding a Custom Environment
8- Linting with Angular CLI
9- Linting in VSCode
10- Other Deployment Options
11- Deploying to GitHub Pages
12- Deploying to Firebase
13- Heroku
14- Deploying to Heroku
15- Engines
16- Exercise
20- Optimistic vs Pessimistic Updates
Lesson content locked
If you're already enrolled,
you'll need to login
.
Enroll in Course to Unlock