Course Outline
Introduction
- What's new in Angular 6?
Overview of TypeScript and ES6 JavaScript
- TypeScript Syntax
- Using the TypeScript transpiler
- Setting up Angular 6 and TypeScript
Overview of Angular 6's Components
- Creating Components
- Data Binding and String Interpolation
- Property Binding
- Event Binding
- Two-Way Data Binding
- Data Modeling
- Directives
- Bootstrapping
- Inputs & Outputs
- Angular CLI
Creating Your First Angular Application
- Planning the Application
- Setting Up an Angular Project and App Using the CLI
- Creating a Basic Project Setup Using Bootstrap 4 and Sass
Working with Angular 6 Components
- Data Flow
- Working with AppModule
- Working with Custom Components
- Using Templates and Styles
- Using View Encapsulation
- Content Projection
- Understanding Component Lifecycle and Lifecycle Hooks
- Using ViewChildren and ContentChildren
Data Binding in Angular 6
- Overview of Property & Event Binding
- Binding and Assigning Aliases to Custom Properties
- Binding and Assigning Aliases to Custom Events
Working with Directives
- Built-in Directives
- Custom Directives
Angular 6 Services
- Creating a Logging Service
- Creating a Data Service
Using Dependency Injection and Providers
- Injectors, Provider, and Tokens
- Configuring Dependency Injection
- Configuring Your Provider
- Injecting Services into Components, Directives, and Services
Page Navigation with Routing
- Setting Up Routes
- Configuring and Loading Routes
- Understanding Different Navigation Methods
- Using Parameters in Routes
- Creating Nested Routes
- Using Redirect and Wildcard Routes
- Understanding Route Guards
- Understanding Routing Strategies
Using RxJS to Create and Work with Observables in Angular
- Overview of Observables
- Overview of RxJS
- Building & Using Observables in Angular
Handling Forms
- Using Template-Driven Forms
- Using Reactive Forms
Using Pipes
- Built-in Pipes
- Async Pipe
- Custom Pipes
Making Calls to External HTTP APIs
Using Angular Modules
Testing the Angular 6 Application
- Using Jasmine for unit testing
Debugging the Application
- Understanding Error Messages in Angular
- Using Source Maps to Debug Code in the Browser
- Using Augury
Optimizing the Angular 6 Application
Angular 6 Security
- Authentication
- Best Practices for What Should and Should Not Be Written in Angular
Deploying an Angular 6 Application to Production
- Deploying to IIS, Apache, Nginx, etc.
Troubleshooting
Closing Remarks
Requirements
- Familiarity with basic HTML, CSS, and JavaScript.
Audience
- Developers
Testimonials (6)
Good material! The trainer is a really nice guy which helps a lot!
Xander Knol - Conclusion Learning Centers
Course - Angular 6
Practical exercises!
William Limberger - Conclusion Learning Centers
Course - Angular 6
Learning the whole ecosystem of angular, typescript, ad especially routing
Ryan Delport - Leaseweb
Course - Angular 6
Practising with actually doing it myself.
Christiaan Sloof - Leaseweb
Course - Angular 6
I genuinely enjoyed the trainer is a great specialist.
Lukasz Cysewski - PSI Polska
Course - Angular 6
The tutorials, they allowed us to take the knowledge that we had learnt from the lecture and implement it into a real example. It also gave us an opportunity to ask questions if we were unsure on how something works.
