Course description
The Angular Development course focuses on using modern Angular to develop Single-Page Applications (SPAs). This course teaches the use of Angular directives and expressions in HTML5 documents, and the writing of Angular components and services to build complete SPAs
This course covers Angular from Version 2 upwards, currently delivered using Version 7. TypeScript is used as the primary language and Microsoft Visual Studio Code together with Google Chrome as the development environment.
Exercises and examples are used throughout the course to give practical hands-on experience with the techniques covered.
The delegate will learn and acquire skills as follows:
- Creating dynamic data-driven components
- Using Angular expressions for data binding
- Creating services and exploiting dependency injection
- Building Angular template-driven and reactive forms
- Making HTTP requests
- Configuring routes
- Exploiting RxJS Observables for inter-component communications
- Managing application state using Redux
- Testing Angular SPAs
The Angular Development course is aimed at front-end developers and engineers using Angular, HTML5 and TypeScript along with modern assistive technologies such as Node.js and Git, to develop quality software. Programmers, designers, testers, quality analysts and anyone who needs a good understanding of the use of Angular within web development would also benefit.
This course aims to provide the delegate with the knowledge to be able to construct an Angular SPA that neatly separates presentation from business logic concerns and exploits all core elements of the framework including: components, form validation, dependency injection, property binding, event handling, services, and routing.
Substantial prior experience with HTML, CSS, and JavaScript. This knowledge can be obtained by attendance on the pre-requisite HTML & CSS and JavaScript 1 courses.
- HTML & CSS
- JavaScript 1
- HTML5 & CSS3 with JavaScript
- JavaScript 2
- PHP Programming
- Course technical content is subject to change without notice.
- Course content is structured as sessions, this does not strictly map to course timings. Concepts, content and practicals often span sessions.
Course Contents - DAY 1
Course Introduction
- Administration and Course Materials
- Course Structure and Agenda
- Delegate and Trainer Introductions
Session 1: ANGULAR PRECURSORS
- Single-Page Applications (SPAs)
- ES6
- Transpilers
- Polyfills
- TypeScript
Session 2: INTRODUCING ANGULAR
- What is Angular?
- The Development Environment
- A Simple Application
- Angular Architecture
Session 3: ANGULAR TEMPLATES
- Interpolation
- Event Binding
- Pipes
- Built-in Directives
Session 4: DEPENDENCY INJECTION
- What is Dependency Injection?
- Services
- NgModule
- @Injectable
- Provider Registration
Course Contents - DAY 2
Session 5: ANGULAR FORMS
- Form Modules
- Template-driven Forms
- Reactive Forms
Session 6: HTTP INTERACTIONS
- HTTP Modules
- Making Requests
- HTTP Options
- Rejections and Wrapping
- Interceptors
- Using Promises
Session 7: ROUTING
- Routing Components
- Routing Configuration
- Route Parameters
- Optional Parameters
- Child Routing
- Route Access Control (Guards)
Course Contents - DAY 3
Session 8: OBSERVABLES & REACTIVE PROGRAMMING
- What is Reactive Programming?
- RxJS
- Creating and Consuming Observables
- Differences between Observables and Promises
- Inter-component Communications
Session 9: ANGULAR & REDUX
- What is Flux?
- What is Redux?
- Actions
- Creators
- Reducers
- The Store
- Data Flow
- ngrx
- Redux Dev Tools
Session 10: TESTING ANGULAR APPLICATIONS
- Using Jasmine
- Using Karma
- Angular Testing Framework
- Angular Test Bed
- Testing Components, HTTP Services, Routes
- E2E Testing
The Angular Development course focuses on using modern Angular to develop Single-Page Applications (SPAs). This course teaches the use of Angular directives and expressions in HTML5 documents, and the writing of Angular components and services to build complete SPAs
This course covers Angular from Version 2 upwards, currently delivered using Version 7. TypeScript is used as the primary language and Microsoft Visual Studio Code together with Google Chrome as the development environment.
Exercises and examples are used throughout the course to give practical hands-on experience with the techniques covered.
The delegate will learn and acquire skills as follows:
- Creating dynamic data-driven components
- Using Angular expressions for data binding
- Creating services and exploiting dependency injection
- Building Angular template-driven and reactive forms
- Making HTTP requests
- Configuring routes
- Exploiting RxJS Observables for inter-component communications
- Managing application state using Redux
- Testing Angular SPAs
The Angular Development course is aimed at front-end developers and engineers using Angular, HTML5 and TypeScript along with modern assistive technologies such as Node.js and Git, to develop quality software. Programmers, designers, testers, quality analysts and anyone who needs a good understanding of the use of Angular within web development would also benefit.
This course aims to provide the delegate with the knowledge to be able to construct an Angular SPA that neatly separates presentation from business logic concerns and exploits all core elements of the framework including: components, form validation, dependency injection, property binding, event handling, services, and routing.
Substantial prior experience with HTML, CSS, and JavaScript. This knowledge can be obtained by attendance on the pre-requisite HTML & CSS and JavaScript 1 courses.
- HTML & CSS
- JavaScript 1
- HTML5 & CSS3 with JavaScript
- JavaScript 2
- PHP Programming
- Course technical content is subject to change without notice.
- Course content is structured as sessions, this does not strictly map to course timings. Concepts, content and practicals often span sessions.
Course Contents - DAY 1
Course Introduction
- Administration and Course Materials
- Course Structure and Agenda
- Delegate and Trainer Introductions
Session 1: ANGULAR PRECURSORS
- Single-Page Applications (SPAs)
- ES6
- Transpilers
- Polyfills
- TypeScript
Session 2: INTRODUCING ANGULAR
- What is Angular?
- The Development Environment
- A Simple Application
- Angular Architecture
Session 3: ANGULAR TEMPLATES
- Interpolation
- Event Binding
- Pipes
- Built-in Directives
Session 4: DEPENDENCY INJECTION
- What is Dependency Injection?
- Services
- NgModule
- @Injectable
- Provider Registration
Course Contents - DAY 2
Session 5: ANGULAR FORMS
- Form Modules
- Template-driven Forms
- Reactive Forms
Session 6: HTTP INTERACTIONS
- HTTP Modules
- Making Requests
- HTTP Options
- Rejections and Wrapping
- Interceptors
- Using Promises
Session 7: ROUTING
- Routing Components
- Routing Configuration
- Route Parameters
- Optional Parameters
- Child Routing
- Route Access Control (Guards)
Course Contents - DAY 3
Session 8: OBSERVABLES & REACTIVE PROGRAMMING
- What is Reactive Programming?
- RxJS
- Creating and Consuming Observables
- Differences between Observables and Promises
- Inter-component Communications
Session 9: ANGULAR & REDUX
- What is Flux?
- What is Redux?
- Actions
- Creators
- Reducers
- The Store
- Data Flow
- ngrx
- Redux Dev Tools
Session 10: TESTING ANGULAR APPLICATIONS
- Using Jasmine
- Using Karma
- Angular Testing Framework
- Angular Test Bed
- Testing Components, HTTP Services, Routes
- E2E Testing
Expenses
Continuing Studies
Customer Outreach Award
We believe that it should be easy for you to find and compare training courses.
Our Customer Outreach Award is presented to trusted providers who are excellent at responding to enquiries, making your search quicker, more efficient and easier, too.
About provider
Live Virtual Training with our live Course Instructor is offered for all our courses. Take the course from the comfort of your office, home or any location of your choice, nationally and internationally. Public schedule and Closed Company courses. Flexibility...
Request info
Contact info
StayAhead Training
Reviews
Average rating 5
Based on 4 reviews
Find out more about this Angular Development course - simply fill out your details:
Are you curious about the L&D strategies of some of the U.K.'s top companies?
Find out what they're up to in findcourses.co.uk's second annual U.K. L&D Report!
 |
Read the course |
|
 |
Fill in your details and Request information |
|
 |
Receive all the info you need |