Highlights
- Gain an introduction to Angular
- Discuss Angular vs. Angular 1 vs. jQuery
- Write a Hello World program and learn about Components and bindings
- Learn To develop engaging, Single Page web applications with Angular
- Learn about strong typing and TypeScript / ES6 / ES7
- Explore Patterns and DI: Learn How DI works in Angular
- Utilise JavaScript with IIFE and closure
- Explore Test methods and Test Automation
- Create Forms with validation and watching
- Build Pipes and built-in pipes
- Explore Components and Services
- Learn more about RXJS, AJAX, REST and JSONP
- Utilise Bare Components and Directives
- Learn how Routing works with HTML5, SPA and SEO
- Understand IVY to generate readable code
Course Details
Overview
- Current Angular version vs previous Angular versions (especially Angular 1)
- Component based architecture vs. MVC
- Angular vs. jQuery
Components
- Hello World
- Binding actions
- Binding to the DOM
- Binding to attributes
- Templates
- Backtick inline template syntax
- binding events
- Throwing custom events
- Transclusion
- One way binding
- Two way binding
- Nesting Components
TypeScript / ES6 / ES7
- Angular with ES5
- Transpiling
- Annotations
- Strong Typing
- Classes
- Fat Arrows
- Babel
- Traceur
- IE compatibility and polyfills
- Reflection and Metadata
Patterns
- DI with ES5 and TypeScript
- How DI works in Angular
- Annotations
- Decorators
- Writing a decorator
- Leveraging the Shadow DOM
JavaScript
- IIFE
- Closure
Testing
- Karma
- Protractor
- Test Automation
Forms
- Validation
- Watching
Pipes
- Built in pipes
- Building a pipe
- Components
- Classes
- Decorators
- Services
RXJS
- Observables
- Streams
- Observables with AJAX
- Debouncing
AJAX
- REST
- JSONP
- CORS
Directives
- Bare Components
- Building a directive
Routing
- How Routing works
- HTML5 mode
- SPA
- SEO
- Accessibility
Ivy
- Generated code that is easier to read and debug at runtime
- Faster re-build time
- Improved payload size (Real world applications should see some size improvements, but many more improvements are planned)
- Improved template type checking
- Great backwards compatibility
Who should attend
Web and IT professionals who know Javascript and wish to progress and take advantage of the latest libraries.
weather.com is built with Angular - it gives you one of the most precise weather forecasting reports and is highly recommended. It gives you weather updates from all over the world which keeps on updating at regular intervals.
Feedback
4.8 out of 5 average
"I found the course very engaging and interesting - best course yet! Each new item that we learned was contextualised very well. The exercises were also a great idea to reinforce what we had learned and highlight what we needed to look back on."
AA, Consultant, Angular, April 2021
“JBI did a great job of customizing their syllabus to suit our business needs and also bringing our team up to speed on the current best practices. Our teams varied widely in terms of experience and the Instructor handled this particularly well - very impressive”
Brian F, Team Lead, RBS, Data Analysis Course, 20 April 2022
