Introduction to Angular 16 Essentials (TT4165)

Geared for experienced web developers, Introduction to Angular 16 Essentials is a three-day hands-on program that explores the latest features and benefits Angular has to offer. It provides you with the practical “real-world” foundational and advanced Angular skills required to solve the usual challenges you might face when developing modern web applications with JavaScript.  You’ll leave the course equipped with basic skills required to construct robust, scalable, and feature-rich web applications using Angular 16. This course is also available for prior editions. Please inquire for details and options.The course starts off with a solid introduction to the core features of the Angular CLI and TypeScript. You’ll then jump right into  component-driven development with Angular components, covering data-binding, directives, services, SPA routing, the RxJS library, forms,  unit testing, and HTTP/REST. By the end of this course, you’ll have developed a streamlined yet feature-rich application. This application will integrate components for website structuring, directives for dynamic interactivity, custom pipes for content filtration and formatting, and reactive forms for enhanced user engagement. You’ll also employ SPA routing for quick navigation, services for efficient data management, and REST APIs for modern, effective communication with web servers.

  • Price: $1,995.00
  • Duration: 3 days
  • Delivery Methods: Virtual
Date Time Price Option
01/27/2025 09:00 AM - 05:00 PM CT $1,995.00
03/24/2025 08:00 AM - 04:00 PM CT $1,995.00
06/02/2025 08:00 AM - 04:00 PM CT $1,995.00
08/11/2025 08:00 AM - 04:00 PM CT $1,995.00
10/20/2025 08:00 AM - 04:00 PM CT $1,995.00
12/01/2025 09:00 AM - 05:00 PM CT $1,995.00
For questions call: (469) 721-6100
Find More Training

Why choose TOPTALENT?

  • Get assistance every step of the way from our Texas-based team, ensuring your training experience is hassle-free and aligned with your goals.
  • Access an expansive range of over 3,000 training courses with a strong focus on Information Technology, Business Applications, and Leadership Development.
  • Have confidence in an exceptional 95% approval rating from our students, reflecting outstanding satisfaction with our course content, program support, and overall customer service.
  • Benefit from being taught by Professionally Certified Instructors with expertise in their fields and a strong commitment to making sure you learn and succeed.

Please note that this list of topics is based on our standard course offering, evolved from typical industry uses and trends. We’ll work with you to tune this course and level of coverage to target the skills you need most. Topics, agenda and labs are subject to change, and may adjust during live delivery based on audience skill level, interests and participation.

Getting Started with Angular 

  1. Overview of Angular Architecture
  • Angular Versioning
  • Data Binding
  • Components and Dependency Injection
  • Services and Events
  • Common Component Lifecycles and Hooks
  1. TypeScript
  • Angular, ES6 and TypeScript
  • Typing and Classes
  • Abstract Classes and Interfaces
  • Annotations
  • Generics
  • Optional Chaining
  • Nullish coalescing
  • Decorators
  • Partial, Record, Union types
  1. Bootstrapping with Angular CLI
  • Angular CLI Overview
  • New Projects with CLI
  • Testing and Generating with CLI
  • Angular Console – NX Console
  1. Angular Basics
  • Configuration Files
  • Working with angular.json
  • Top-Level Directories
  • Contents of app folder
  • Angular DevTools

Working with Angular

  1. Components and Events
  • Data Binding and Components
  • Event Binding
  • Custom Events
  • Parent/Child Events
  • EventEmitter/emit()
  1. Third Party Libraries
  • Angular and the Need for Libraries
  • Options for adding Libraries
  • Working with npm install
  1. Dynamic Views – Directives
  • View Encapsulation
  • Structural/Attribute Directives
  • Conditional Styling
  1. Pipes
  • Overview of Pipes
  • Built-in Pipes
  • Formatting and Conversions
  • Parameterizing Pipes
  • Pure vs. Impure Pipes
  • Customizing Pipes

Angular Forms

  1. Forms and the Forms API
  • Forms and NgModel
  • NG Form Groups
  • NG Form Validation
  • Model-Driven Reactive Forms
  • FormBuilder API
  • Reactive Form Validation

Single Page Applications and Routes

  1. Single Page Applications – Routing
  • Overview of the SPA Concept
  • Routing for Page Display
  • Working with ActivatedRoute
  • Location Strategies
  • Nested Routes
  1. Services (Dependency Injection)
  • Angular’s DI Framework
  • Components and Injectables
  • Tree-shakeable providers
  • Service Interfaces and DI
  • Constructor Injection
  1. Modules
  • Overview of Modules
  • Feature Modules
  • Feature Module Routing
  • Shared Modules

Using RESTful Services

  1. Angular and REST
  • REST in Angular
  • Promises, Observables, Subject
  • HttpClient and Observables
  • async Pipes and HttpClient Interceptors

Learning Objectives

The course includes plenty of hands-on lab work designed to immerse you in the skills required to get you up and running with Angular right away.  Guided by our engaging, highly-experienced instructor, you’ll explore:

  • What Angular is and why should you use it
  • How Angular reduces the amount of code that you must write to add rich functionality to both existing and new web pages
  • What TypeScript is, why it is useful, and how to use it with Angular
  • How to facilitate development and deployment using Angular CLI
  • How to work with the various aspects of the Angular architecture to implement clean, responsive web interfaces
  • How Routers can support navigation within a Single Page Application
  • What the best practices are for using Angular so that it works unobtrusively and performs well
  • How to use Angular with HTTP to support JSON, REST, and other services

If your team requires different topics, additional skills or a custom approach, our team will collaborate with you to adjust the course to focus on your specific learning objectives and goals.

Need different skills or topics?  If your team requires different topics or tools, additional skills or custom approach, this course may be easily adjusted to accommodate.  We offer additional Angular and web development and design courses which may be blended with this course for a track that best suits your development objectives.

The content is appropriate for experienced web developers new to Angular. In order to be successful in the course, you should have solid, current hands-on experience developing basic web applications, and be well versed in HTML5, CSS3 and JavaScript.

Attendees should have experience with the topics in the following courses, or should have recently attended these as a pre-requisite:

  • Introduction to HTML5, CSS3 & JavaScript

Ten (10) business days’ notice is required to reschedule a class with no additional fees. Notify TOPTALENT LEARNING as soon as possible at 469-721-6100 or by written notification to info@toptalentlearning.com to avoid rescheduling penalties.

Please contact our team at 469-721-6100; we will gladly guide you through the online purchasing process.

You will receive a receipt and an enrollment confirmation sent to the email you submitted at purchase. Your enrollment email will have instructions on how to access the class. Any additional questions our team is here to support you. Please call us at 469-721-6100.

If a student is 15 minutes late, they risk losing their seat to a standby student. If a student is 30 minutes late or more, they will need to reschedule. A no-show fee will apply. Retakes are enrolled on a stand-by basis. The student must supply previously issued courseware. Additional fees may apply.

You will receive a ‘Certificate of Completion’ once you complete the class. If you purchased an exam voucher for the class, a team member from TOPTALENT LEARNING will reach out to discuss your readiness for the voucher and make arrangements to send it.