Course Outline
Introduction
- What is Angular?
- Angular vs React vs Vue
- Overview of Angular 16 features and architecture
- Setting up the Development Environment
Getting Started
- Creating a new Angular 16 project using Angular CLI
- Exploring the project structure and files
- Running and serving the application
- Displaying data using interpolation and expressions
Components
- Understanding the role of components in Angular 16
- Creating and using components
- Passing data between components using inputs and outputs
- Using component lifecycle hooks
Directives
- Understanding the difference between structural and attribute directives
- Creating and using built-in directives such as ngIf, ngFor, ngSwitch, etc.
- Creating and using custom directives
Pipes
- Understanding the purpose of pipes in Angular 16
- Creating and using built-in pipes such as date, currency, json, etc.
- Creating and using custom pipes
Services
- Understanding the role of services in Angular 16
- Creating and using services
- Injecting dependencies using providers
Modules
- Understanding the role of modules in Angular 16
- Creating and using modules
- Importing and exporting modules
Data Binding
- Understanding the difference between one-way and two-way data binding
- Creating and using property binding, event binding, and banana-in-a-box syntax
- Using template reference variables
Routing
- Understanding the role of routing in Angular 16
- Creating and configuring routes
- Navigating between routes using routerLink and router.navigate
- Using route parameters, query parameters, and fragments
Forms
- Understanding the difference between template-driven and reactive forms
- Creating and validating forms using form controls, form groups, form arrays, etc.
- Using built-in validators such as required, minLength, maxLength, etc.
- Creating and using custom validators
HTTP Client
- Understanding the role of HTTP client in Angular 16
- Creating and using HTTP requests to communicate with backend services
- Using observables to handle asynchronous data streams
- Using interceptors to modify or handle HTTP requests or responses
Debugging
- Understanding the common errors and bugs in Angular 16 applications
- Using Chrome DevTools to inspect elements, sources, network, console, etc.
- Using breakpoints, watch expressions, call stack, etc. to debug code
Testing
- Understanding the importance of testing in Angular 16 applications
- Using Jest as an alternative testing framework
- Using Karma as a test runner for unit tests
- Using Protractor as an end-to-end testing tool
Summary and Next Steps
Requirements
- An understanding of HTML, CSS, and JavaScript
- Experience with TypeScript and RxJS
- Web development experience
Audience
- Developers who wish to learn how to use Angular 16 to create dynamic and responsive web applications
- Developers who wish to upgrade their skills from previous versions of Angular
- Programmers who wish to explore the new features and updates of Angular 16
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 !