Course Outline
Introduction
- What's new in Angular 5?
Overview of Typescript and ES6 JavaScript
- TypeScript Syntax
- Using the TypeScript transpiler
- Setting up Angular 5 and Typescript
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 5's Parts
- Creating Components
- Databinding and String Interpolation
- Property Binding
- Event Binding
- Two-Way-Databinding
- Data Modelling
- Directives
- Bootstrapping
- Inputs & Outputs
Using Angular 5 Components
- Data Flow
- Working with AppModule
- Working with Custom Components
- Using Templates and Styles
- Using View Encapsulation
- Projecting Content
- Understanding Component Lifecycle and Lifecycle Hooks
- Using ViewChildren and ContentChildren
Databinding in Angular 5
- 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
Debugging the Application
- Understanding Error Messages in Angular
- Using Sourcemaps to Debug Code in the Browser
- Using Augury
Angular 5 Services
- Learning the Importance of 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
- Setting Up Routes
- Configuring and Loading Routes
- Understanding the 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 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
Optimizing the Angular 5 Application
Testing the Angular 5 Application
- Using Jasmine for unit testing
Angular 5 Security
- Authentication
- What should and shouldn't be written in Angular
Deploying an Angular 5 Application to Production
- Deploying to IIS, Apache, Nginx, etc.
Troubleshooting
Closing Remarks
Requirements
- Familiarity with basic HTML, CSS, and JavaScript
Audience
- Beginners in web development
- Experienced frontend developers
- Anyone interested in learning how to develop apps using Angular
Delivery Options
Private Group Training
Our identity is rooted in delivering exactly what our clients need.
- Pre-course call with your trainer
- Customisation of the learning experience to achieve your goals -
- Bespoke outlines
- Practical hands-on exercises containing data / scenarios recognisable to the learners
- Training scheduled on a date of your choice
- Delivered online, onsite/classroom or hybrid by experts sharing real world experience
Private Group Prices RRP from €9120 online delivery, based on a group of 2 delegates, €2880 per additional delegate (excludes any certification / exam costs). We recommend a maximum group size of 12 for most learning events.
Contact us for an exact quote and to hear our latest promotions
Public Training
Please see our public courses
Testimonials (1)
I liked the communication and way of passing knowledge.