Angular JS Classes & Training Certification Courses

Overview
Introduction to Angular training covers everything you need to know to get started with this next generation of the Angular framework. Angular (version 4 and above using TypeScript) makes the creation of single page applications even easier that before. In this course developers will learn to use Angular Directives and to create Angular Components and Services to develop applications based on the Model-View-Controller (MVC) architecture. You will learn to use HTML Templates to define views and to connect views with code using output, two-way, event and property bindings. The course reviews the benefits and challenges of Single Page Applications and how to overcome those challenges using the Angular Router. The course also covers everything you need to know about Typescript - a programming language based on JavaScript that is used to create Angular applications.

Learning Objectives
In this training, attendees will learn how to:
Create single page web applications using the MVC pattern of Angular
Understand how write and organize Angular code
Program Angular View Components and Services
Use Angular output, two-way, event and property bindings
Work with Angular Pipes to format data
Create and work with Angular Forms
Angular Component Router

Prerequisites
Students should have some prior understanding of web development using, HTML, CSS and JavaScript. Students should also have basic programming experience in at least one of the following programming languages, html, c#, VB, VB.net, css, javascript, typescript, ASP, ASP.net or another web or application programming language. Experience developing with AngularJS or Angular (the prior versions) is not required. Lab exercises provide essential and real world practical hands-on experience for each topic.

Course Outline

Section 1. Introducing Angular
Creating a Simple Reddit Clone
Understanding Requirements and Recommendations for Running an Angular 4 Application
Running an Application - Components
Adding Data to a Component
Working with Arrays
Using the User Item Component
Understanding Bootstrap
Working with the Application Component
Deploying your Applications

Section 2. How Angular Works
Applications and the Navigation Component
Using the Breadcrumbs Component
Using the Product List Component
Building a Product Model
Using the Component Decorator
Adding Products to your Application
Understanding View and Controller using the Product List Component
Using the Product Row Component
Additional Angular Product Components - Image, Display and Department
Using NgModule and Booting Applications
Introduction to Data Architecture

Section 3. Built in Directives
Using the NgIf Directive
Using the NgSwitch Directive
Using the NgStyle Directive
Using the NgClass Directive
Using the NgFor Directive and Indexing
Using the NgNonBindable Directive

Section 4. Forms in Angular
Using Forms in Angular
FormControl and FormGroups
Loading the FormsModule
Using the FormBuilder
Understanding Reactive Forms
Adding Form Validation
Using ngModel with Forms

Section 5. Routing
Using When to Use Routing
How Client Siding Routing Works
Writing Routes in Angular
Understanding the Components of Angular Routing
Routing Strategies
Understanding Route Parameters
Router Hooks
Nesting Routes

Section 6. Dependency Injection
Using Dependency Injectors
Dependency Injection Parts
Providing Dependencies with NgModule
Understanding Class and Factory Providers
Dependency Injections in Apps

Overview
This class is the second part of our Introduction Angular Programming series. Combined with the Angular Programming: Level 1, these classes provide a comprehensive overview of Angular programming based on the TypeScript language.

Version Note
This Angular training is relevant for users of Angular (version 4 and above using TypeScript).

Prerequisites
Students should be experienced with Angular programming and should have taken or at least be familiar with topics covered in our Angular Programming: Level 1 course. In addition, individuals taking this class should be have Basic knowledge of RxJS (the JavaScript library for reactive).

Course Outline

Module 1: Data Architecture with Observables
Section 1: Observables and RxJS
Section 2: Chat App Overview
Section 3: Implementing UsersService
Section 4: The MessagesService
Section 5: The ThreadsService
Section 6: The AppComponent Top-Level Component
Section 7: The ChatThreadsComponent
Section 8: The Single ChatThreadComponent
Section 9: The ChatWindowComponent
Section 10: The ChatMessageComponent
Section 11: The ChatNavBarComponent

Module 2: Introduction to Redux with TypeScript
Section 1: Redux and Core Redux Ideas
Section 2: Storing States
Section 3: A Messaging App
Section 4: Using Redux in Angular
Section 5: Planning an App
Section 6: Setting Up Redux
Section 7: Providing Stores
Section 8: Bootstrapping Apps

Module 3: Intermediate Redux in Angular
Section 1: Building the Reducers and Action Creators
Section 2: Building the Angular Chat App
Section 3: Building the ChatNavBarComponent
Section 4: Building the ChatThreadsComponent
Section 5: The Single ChatThreadComponent
Section 6: Building the ChatWindowComponent
Section 7: The ChatMessageComponent

Module 4: Advanced Components
Section 1: Styling
Section 2: Referencing and Modifying Host Elements
Section 3: Creating a Message Pane with Content Projections
Section 4: Querying Neighbor Directives
Section 5: Lifecycle Hooks
Section 6: Advanced Templates
Section 7: Change Detection

*** This is an On-Demand (self-study) course, 180-day, 24/7 access via the internet ***
(Applicable State and Local taxes may be added for On-Demand purchases, depending on your location.)
You may take this course at any time; there are no set dates. This On-Demand (self-study) training course includes expert lectures, demonstrations and exercises. Note: The 180-day course access period begins at time of purchase.

Course Overview
Level 1 is an introduction to Angular training covering everything you need to know to get started with this next generation of the Angular framework. Levels 1 and 2 combined, provide a comprehensive overview of Angular programming based on the TypeScript language. Note: This Angular training is relevant for users of Angular (version 4 and above using TypeScript.

What You Need to Take this Training
You must have the product software (free trial or purchased version) on your computer, a high-speed internet connection and Google Chrome Browser. We highly recommend the use of two screens so you can view the instructor's presentation on a screen that's separate and alongside the screen you will be using to complete the labs.

Prerequisites:
Students should have some prior understanding of web development using, HTML, CSS and JavaScript. Students should also have basic programming experience in at least one of the following programming languages, html, c#, VB, VB.net, css, javascript,typescript, ASP, ASP.net or another web or application programming language.In addition, individuals taking this class should be have Basic knowledge of RxJS (the JavaScript library for reactive).
Experience developing with AngularJS or Angular (the prior versions) is not required.

Do You Still Prefer a Live, Instructor-led Class?
Already know On-Demand, Self-Study training is not right for you? We also offer this same course content in a live, instructor-led format. For details, click on the links below:
Angular Programming: Level 1
Angular Programming: Level 2

Duration
You have 24/7 access for 180-days to this digital course that includes 22h 11m of video presentation. As a traditional course it would be a 5-day class.

Course Outline

Angular Programming-Level 1:

Section 1. Introducing Angular
Creating a Simple Reddit Clone
Understanding Requirements and Recommendations for Running an Angular 4 Application
Running an Application - Components
Adding Data to a Component
Working with Arrays
Using the User Item Component
Understanding Bootstrap
Working with the Application Component
Deploying your Applications

Section 2. How Angular Works
Applications and the Navigation Component
Using the Breadcrumbs Component
Using the Product List Component
Building a Product Model
Using the Component Decorator
Adding Products to your Application
Understanding View and Controller using the Product List Component
Using the Product Row Component
Additional Angular Product Components - Image, Display and Department
Using NgModule and Booting Applications
Introduction to Data Architecture

Section 3. Built in Directives
Using the NgIf Directive
Using the NgSwitch Directive
Using the NgStyle Directive
Using the NgClass Directive
Using the NgFor Directive and Indexing
Using the NgNonBindable Directive

Section 4. Forms in Angular
Using Forms in Angular
FormControl and FormGroups
Loading the FormsModule
Using the FormBuilder
Understanding Reactive Forms
Adding Form Validation
Using ngModel with Forms

Section 5. Routing
Using When to Use Routing
How Client Siding Routing Works
Writing Routes in Angular
Understanding the Components of Angular Routing
Routing Strategies
Understanding Route Parameters
Router Hooks
Nesting Routes

Section 6. Dependency Injection
Using Dependency Injectors
Dependency Injection Parts
Providing Dependencies with NgModule
Understanding Class and Factory Providers
Dependency Injections in Apps

Angular Programming-Level 2:

Module 1: Data Architecture with Observables
Observables and RxJS
Chat App Overview
Implementing UsersService
The MessagesService
The ThreadsService
The AppComponent Top-Level Component
The ChatThreadsComponent
The Single ChatThreadComponent
The ChatWindowComponent
The ChatMessageComponent
The ChatNavBarComponent

Module 2: Introduction to Redux with TypeScript
Redux and Core Redux Ideas
Storing States
A Messaging App
Using Redux in Angular
Planning an App
Setting Up Redux
Providing Stores
Bootstrapping Apps

Module 3: Intermediate Redux in Angular
Building the Reducers and Action Creators
Building the Angular Chat App
Building the ChatNavBarComponent
Building the ChatThreadsComponent
The Single ChatThreadComponent
Building the ChatWindowComponent
The ChatMessageComponent

Module 4: Advanced Components
Styling
Referencing and Modifying Host Elements
Creating a Message Pane with Content Projections
Querying Neighbor Directives
Lifecycle Hooks
Advanced Templates
Change Detection