Let us help you find the training program you are looking for.

If you can't find what you are looking for, contact us, we'll help you find it. We have over 800 training programs to choose from.

Loading Events

Angular – 5 Day Training Course

  • $ 2100.00

  • Enroll now
  • Course Dates: 9/26/2022Course Duration: 5 DAYS
  • Course Category: AngularCourse Code: ANGR

Course Objectives

  • Create fully featured dynamic single-page web apps with Angular that allow user inputs and responds to events
  • Explain how TypeScript allows you to write future JavaScript today
  • Understand and use Angular components, one-way and two-way binding, property binding, expressions
  • Employ Angular Component Router
  • Consume RESTful Ajax services through promises and observables
  • Exchange data with network servers using the Angular HTTP Client
  • Create and work with Angular Forms and form validation
  • Employ best practices for Angular application style and organization

Outline

  1. Intro to Angular 
  • What Angular does for you
  • How it evolved
  • The heart of Angular
  • It’s opinionated!
  • The infrastructure
  1. The Angular CLI 
  • Why the CLI?
  • Installing
  • Scaffoling an app
  • Scaffolding components
  • How to develop with the CLI
  • Using the built-in node server
  • Going to production
  1. The Big Picture 
  • Components are the heart
  • Properties vs attributes
  • How it all fits together
  • Modules
  • Separation of logic from view
  • The four kinds of bindings
  • How Angular runs
  • Why SPAs?
  1. TypeScript 
  • JavaScript versions (es2015, 16, 17 to the present)
  • Why use TypeScript?
  • How TypeScript works behind the scenes
  • TypeScript features needed for Angular
  • Modules, arrow functions, and classes
  • Public/private members
  • Static typing with TypeScript
  • Constructor shorthand
  • Decorators
  1. Components Introduction 
  • To create a component
  • Interpolation – binding data from the class to the view
  • Template references
  • Expressions deep dive
  • The 3 methods of styling a component
  • Stylesheets
  • styleUrls vs. styles
  1. Built-in Directives 
  • The 5 different types of directives
  • Attribute directives
  • ngStyle and ngClass
  • The structural directives
  • *ngIf
  • *ngSwitchCase
  • *ngFor
  1. Angular Routing 
  • How Angular handles SPAs
  • The steps to routing
  • Setting the root of your SPA
  • The router-outlet
  • How to design and code your routes
  • Handline a direct URL
  • Pushing the user to a route via JavaScript
  • Creating well-designed links
  • Reading route parameters
  • Reading queryStrings
  1. Event Binding 
  • All the events Angular supports
  • How to wire up the events
  • Handling the event object
  1. Forms and two-way binding 
  • Two-way binding with ngModel
  • Avoiding the common mistakes
  • Validation with status tokens
  • Error tokens
  • Automatic CSS class settings
  1. Composition with Components 
  • The case for components
  • The steps to compose
  • Passing data from host to inner
  • The trick to passing data back up
  • Emitting custom events
  • Two-way binding between components
  1. Ajax in Angular 
  • Why Angular is the perfect place to handle Ajax and RESTful calls
  • HttpClient and HttpClientModule
  • How to handle the callback with Promises and async/await
  • What’s in the response object
  • How to unwrap it
  1. Observables 
  • What is an observable?
  • How they’re different from Promises
  • How to create and process an observable
  • Observables are lazy – why
  • Pipeable (lettable) operators
  • Using them with HTTP and RESTful services
  1. Services in Angular
  • Dispelling the wrong beliefs about services – What they really are
  • Best practices and patterns
  • How to add services
  • Best placement in your project
  • Writing and using custom services
  1. Angular Pipes
  • Pipes are like Unix pipes
  • All the built-in Angular pipes
  • How to create custom pipes
  1. Modules
  • Why modules?
  • Shared modules
  • Creating modules
  • What goes in the decorators?

 

Course Content

Angular 5-Day Training Course

Live Online Instructor Led Training Course

After understanding how HTML5 and JavaScript work together you soon realize that to create truly capable web applications, the code becomes complex and expensive to maintain. That’s where Angular comes in.  This framework allows us to drastically reduce the amount of JavaScript code written, making our web apps easier to understand at all levels.  Angular lets developers think of their pages as sets of components and makes our web apps truly abstract.

Angular is the framework of choice for organizations who are creating the best and newest web applications.  This fun and interactive course will get your developers ready to begin using Angular to keep you at the cutting edge of technology.

 

Course Dates: Monday, September 26, 2022 – Friday, September 30, 2022

Cost per individual: $2100.00

Course Time: 9:30am EST – 4:30pm EST Daily

Top 10 Training Outcomes

  1. Boost job satisfaction, morale, and motivation
  2. Streamline efficiencies in processes, and time saved
  3. Adopt new technologies and methods
  4. Catapult innovation in strategic and tactical execution
  5. Swifter decision making
  6. Reduce employee turnover
  7. Even the playing field within the organization
  8. Stay ahead of the competition
  9. Energize teamwork, collaboration, and engagement
  10. Ongoing training is a talent recruiting differentiator
  11. (Bonus Outcome) Saving IT team time, resources, budget

 

 

Who should attend

Client-side web developers with experience in HTML5 and JavaScript

Prerequisites

Understanding of HTML5 and a strong grasp of object-oriented JavaScript.  Please ask about our 5-day JavaScript course which will prepare you for the high-level of JavaScript fluency needed for this course.