Maxtrain.com - info@maxtrain.com - 513-322-8888 - 866-595-6863
Introduction to Angular | Angular JumpStart
Description
Introduction to Angular | Angular JumpStart Introduction
Introduction to Angular | Angular JumpStart is a focused, three-day course tailored for seasoned web developers, designed to impart essential and advanced skills for building modern web applications using Angular 16. The course emphasizes the practical applications of Angular’s latest features, ensuring that participants acquire robust knowledge in developing scalable, feature-rich applications.
The course begins by laying a strong foundation with an introduction to Angular CLI and TypeScript, crucial for efficient Angular development. Participants will dive into component-based development, learning how to harness Angular’s core functionalities such as data-binding, directives, services, and SPA routing. The curriculum extends to advanced topics like RxJS, forms, unit testing, and HTTP/REST interactions, offering a comprehensive understanding of Angular.
By the end of the course, participants will have created a streamlined, feature-rich application, showcasing their proficiency in Angular 16.
They will adeptly utilize various Angular components, effectively apply directives for dynamic interactivity, leverage custom pipes for data manipulation, and build reactive forms to enhance user experience.
Introduction to Angular | Angular JumpStart Course 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
Prerequisites
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 – 3 days
Audience
- 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.
- NOTE: For additional topics, labs and skills coverage beyond the basics you might consider our Mastering Angular 15 Bootcamp five-day superset of this course as an alternative.
Introduction to Angular | Angular JumpStart Course Outline
Overview and Introduction to Angular Architecture
- Angular Versioning
- Data Binding
- Components and Dependency Injection
- Services and Events
- Common Component Lifecycles and Hooks
TypeScript
- Angular, ES6 and TypeScript
- Typing and Classes
- Abstract Classes and Interfaces
- Annotations
- Generics
- Optional Chaining
- Nullish coalescing
- Decorators
- Partial, Record, Union types
Bootstrapping with Angular CLI
- Angular CLI Overview
- New Projects with CLI
- Testing and Generating with CLI
- Angular Console – NX Console
Angular Basics
- Configuration Files
- Working with angular.json
- Top-Level Directories
- Contents of app folder
- Angular DevTools
Working with Angular
Components and Events
- Data Binding and Components
- Event Binding
- Custom Events
- Parent/Child Events
- EventEmitter/emit()
Third Party Libraries
- Angular and the Need for Libraries
- Options for adding Libraries
- Working with npm install
Dynamic Views – Directives
- View Encapsulation
- Structural/Attribute Directives
- Conditional Styling
Pipes
- Overview of Pipes
- Built-in Pipes
- Formatting and Conversions
- Parameterizing Pipes
- Pure vs. Impure Pipes
- Customizing Pipes
Angular Forms
- 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
Single Page Applications – Routing
- Overview of the SPA Concept
- Routing for Page Display
- Working with ActivatedRoute
- Location Strategies
- Nested Routes
Services (Dependency Injection)
- Angular’s DI Framework
- Components and Injectables
- Tree-shakeable providers
- Service Interfaces and DI
- Constructor Injection
Modules
- Overview of Modules
- Feature Modules
- Feature Module Routing
- Shared Modules
Using RESTful Services
Angular and REST
- REST in Angular
- Promises, Observables, Subject
- HttpClient and Observables
- async Pipes and HttpClient Interceptors
$1895.00
|
3 Days Course |