Skip to main content
Request a Training Proposal

Instructor-led training

Comprehensive Angular Training in Keokuk, Iowa

Foundations of Web Design & Web Authoring training from Hartmann Software Group, delivered onsite in Keokuk, Iowa or live online.

Request a Training Proposal View Course Outline

What you'll learn

Angular is the framework of choice for organizations that 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.

Prerequisites

Understanding of HTML5 and a strong grasp of object-oriented JavaScript.

Course Outline

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

Training locations

Comprehensive Angular training across the U.S. and beyond.

We provide Comprehensive Angular training onsite and live online for organizations throughout the United States and internationally.

View all Comprehensive Angular training locations

Train your team with HSG

Private, instructor-led training customized for your organization.

  • Onsite or live online delivery
  • Customized curriculum
  • Training for groups of 3 or more
  • Flexible scheduling
  • Experienced instructors
Request a Training Proposal

Questions? Call us at 303.377.6176
or email info@hartmannsoftware.com

Browse all Foundations of Web Design & Web Authoring courses →

Ready to train your team?

Let's customize this training for your organization.

Tell us about your employees, your goals, and your preferred schedule. We'll prepare a training proposal covering scope, delivery format, and pricing.

Request a Training Proposal

or call 303.377.6176