Course Outline
Introduction
- What's new in Angular 7?
Overview of Typescript and ES6 JavaScript
- TypeScript Syntax
- Using the TypeScript transpiler
- Setting up Angular 7 and Typescript
Overview of Angular 7'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
- 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 7
- 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 7 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
Using Pipes
- Built-in Pipes
- Async Pipe
- Custom Pipes
Making Calls to External HTTP APIs
Using Angular Modules
Testing the Angular 7 Application
- Using Jasmine for unit testing
Debugging the Application
- Understanding Error Messages in Angular
- Using Sourcemaps to Debug Code in the Browser
- Using Augury
Optimizing the Angular 7 Application
Angular 7 Security
- Authentication
- What should and shouldn't be written in Angular
Deploying an Angular 7 Application to Production
- Deploying to IIS, Apache, Nginx, etc.
Troubleshooting
Closing Remarks
Requirements
- Familiarity with basic HTML, CSS, and JavaScript
Audience
- Developers
Testimonials (7)
Good examples and interactive course !
Ioannis Fotinis - National geografisch instituut
Course - Angular 7
I liked that it was a hands-on experience, where we could do exercises and apply the concepts & knowledge that were presented. Also the fact that I was able to gather some insight into a modern framework like Angular (almost all UI frameworks were foreign to me before)
Laurentiu Rudeanu - Technology Reply
Course - Angular 7
Started from 0, and we had multiple ways to do a certain facility
Madalin Iordache - Technology Reply
Course - Angular 7
Clear examples and willingness to explain in depth.
Iulkian Gafencu - TECHNOLOGY REPLY SRL
Course - Angular 7
The flexibility of trainer.He always asked if the way is he teaching is good or should be changed.I think this is very good method of teaching for everyone(inclusive the teacher, who knows what to teach.I also liked the mix between theoretical & practical exercise.
Bogdan Anechitoaei - TECHNOLOGY REPLY SRL
Course - Angular 7
I liked the most the fact that every subject had its exercises which made it easier to understand. The trainer had patience and a lot of knowledge about the subject and also he helped everyone who needed help.
Boca Eleonora Alexandra - TECHNOLOGY REPLY SRL
Course - Angular 7
The explanations for every feature and why/when we should use it.