Angular Programming On-Demand: Comprehensive (Level 1 & Level 2) - On-Demand Course

  The Angular Programming: Level 1 course is designed for web and application developers to build applications using the Angular Framwork.

Students will learn to use Angular Directives and to create Angular Components and Services to develop applications using Model-View-Controller (MVC) architecture. Students will also learn about using HTML Templates, Typescript and the effective usage of the Angular Router.

Topics covered in the course include:

• 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

Target Student: This course is ideal for students who have previous experience with web development using, HTML, CSS and JavaScript. Students will also want to 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.

Angular Programming-Level 1:

Topic 1. Introducing Angular
Create 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
How to use the User Item Component
Understanding Bootstrap
Working with the Application Component
Deploying your Applications

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

Topic 3. Built in Directives
How to use the NgIf Directive
How to use the NgSwitch Directive
How to use the NgStyle Directive
How to use the NgClass Directive
How to use the NgFor Directive and Indexing
How to use the NgNonBindable Directive

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

Topic 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

Topic 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
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: Create a Message Pane with Content Projections
Section 4: Querying Neighbor Directives
Section 5: Lifecycle Hooks
Section 6: Advanced Templates
Section 7: Change Detection