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