Course Outline
Introduction
- What is Angular?
- What's new in Angular 9?
Overview of Typescript and ES6 JavaScript
- TypeScript Syntax
- Using the TypeScript transpiler
- Setting up Angular 9 and Typescript
Overview of Angular 9's Parts
- Angular CLI
- Components
- Directives
- Inputs and Outputs
- Data Binding and Interpolation
- Event Binding
- Data Modelling
- Bootstrapping
Creating Your First Angular Application
- Planning the Application
- Setting Up an Angular Project
- Creating a mobile friendly UI using Bootstrap 4 and Sass
Creating a Component
- Understanding the Component Lifecycle
- Data Flow
- Using Templates and Styles
- Projecting Content
- Working with AppModule
- Working with Custom Components
- Using View Encapsulation
- Implementing Lifecycle Hooks
- Using ViewChildren and ContentChildren
Data Binding in Angular 9
- Understanding Property and 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 9 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
Switching Pages with Routing
- Understanding the Different Navigation Methods
- Routing Strategies
- Setting Up Routes
- Configuring and Loading Routes
- Using Parameters in Routes
- Creating Nested Routes
- Using Redirect and Wildcard Routes
- Understanding Route Guards
Using RxJS to Create and Work with Observables in Angular
- Overview of Observables
- Overview of RxJS
- Building & Using Observables in Angular
Generating Forms for User Input
- Using the Template Driven Forms
- Using the Reactive Forms
- Creating custom validation
- Validating, filtering, and sanitizing form data
Using Pipes
- Transforming output
- Built-in Pipes
- Async Pipe
- Custom Pipes
Making Calls to External HTTP APIs
- Sending requests
Using Angular Modules
Testing the Angular 9 Application
- Using Jasmine for unit testing
- Using Protractor for end-to-end testing
Debugging the Application
- Understanding Error Messages in Angular
- Using Sourcemaps to Debug Code in the Browser
- Reading TypeScript Compilor diagnostics
- Using Augury
Optimizing the Angular 9 Application
- Understanding the Ivy compiler, runtime, and renderer
- Reworking the code
- Reducing bundle size and eliminating dead-code
Angular 9 Security
- How authentication works
- Using JWT authentication
- What should and shouldn't be written in Angular
Deploying an Angular 9 Application to Production
- Deploying to IIS, Apache, Nginx, etc.
Angular 9 Best Practices
Troubleshooting
Summary and Conclusion
Requirements
- Familiarity with basic HTML, CSS, and JavaScript
Audience
- Developers
Testimonials (10)
The practical experience of actually working with the code
Chad Roskuge - ALTRON
Course - AngularJS Basics
interesting showing the topic
Adam Boroch - SPOC S.A.
Course - Angular JavaScript
The labs were interesting and probably the most useful learning tool to me. Anything I missed or forgot about was relearned or reinforced in the labs.
Joseph Fuerst
Course - Building Web Apps using the MEAN stack
I liked your jokes
Dermot - Griffiths & Armour
Course - Angular 2 Fundamentals
I mostly enjoyed the hands-on training code.
Tomislav Brajkovic - HSE - Healthlink
Course - Angular 4: Create Single-Page Applications Using HTML, CSS and JavaScript
Step by step analysis. Each line of code explanation. Every problem I had during the course was successfully solved and Łukasz told me the reason. I also liked good practices that have been presented. Never have I been convinced about TDD style - I just dont find it useful and worth its time. Łukasz pointed out so many advantages of TDD, it completely changed my opinion.
Michał Uściński - Devapo Sp. z o. o.
Course - Testing Angular Applications
część o RxJS
Kacper - INWEBIT Sp. z o.o.
Course - Reactive Programming with Angular RxJS
I liked the communication and way of passing knowledge.
Marcin Wojdowski - PSI Polska Sp. z o.o.
Course - Angular 5
Good material! The trainer is a really nice guy which helps a lot!
Xander Knol - Conclusion Learning Centers
Course - Angular 6
Good examples and interactive course !