Angular Course Syllabus:
MODULE 1: UNDERSTANDING JAVASCRIPT:
Introduction to Javascript
Control Structures
Loops in Javascript
Operators in Javascript
Handling functions
Objects and Functions in Javascript
Javascript DOM
Javascript Events and Event Handling
MODULE 2: GETTING INTO THE ANGULAR WORLD
Angular Advantages
Opportunities for Angular
Angular Versions
AngularJS to Angular 5
Semantic Versioning
MODULE 3: INTRODUCTION TO TYPESCRIPT
Understanding TypeScript
Basic Types
Working with Variables
Working with Arrays
Working with Classes
Working with Objects
Working with Interfaces
Working with Constructors
Type Definitions
Compiling TypeScript
Linting
MODULE 4: ES2015 PRIMER
Understanding Let and Const
Working with Template Strings
Mastering Lambda Functions
Working with Generics
Working with Modules
MODULE 5: ENVIRONMENT SETUP
Node / NPM
Polyfills
Babels
TypeScript
Module Bundler (Webpack)
Code Linting
Test Setup
Application File Structure
AngularCLI
Code Editors
MODULE 6: MODULES
Why and when to use Modules
Understanding NgModule
Working with Declarations in Modules
Using Providers
Managing Imports
How to use Bootstrapping
The Core Module
Shared Modules
MODULE 7: COMPONENTS
Introduction to Components
Working with Component Architecture Patterns
Decorator Metadata
State & Behaviour in Angular
Inputs and Outputs
MODULE 8: TEMPLATES
Inline vs External
Mastering Template Expressions
Data Bindings
Data Bindings Syntax
Working with Data & Event Bindings
Working with Built-in Structural Directives
Working with Built-in Attribute Directives
MODULE 9: CUSTOM DIRECTIVES
Directives Overview
Types of Directive
Create your own Attribute Directive
Writing Attribute Directive Code
Respond to User Initiated Events
Pass values into the directive with an @Input data binding
Binding to an @Input property
Bind to an @Input alias
Write a harness to try it
Create your own Structural Directive
NgIf case study
Inside *ngFor
Inside NgSwitch directives
The <ng-template>
Working with <ng-container>
TemplateRef and ViewContainerRef
MODULE 10: PIPES
Using pipes
Built-in pipes
Parameterizing a pipe
Chaining pipes
Custom pipes
The Pipe Transform interface
Power Boost Calculator
Pipes and change detection
Pure and impure pipes
Next steps
MODULE 11: SERVICES & DEPENDENCY INJECTION
Getting familiar with Services
Building a Service
Getting familiar with Dependency Injection
Working with Injectors
Working with Providers
Registering Providers with real time examples
MODULE 12: LIFECYCLE HOOKS & CHANGE DETECTION
Understanding Component LifeCycle
Using ngOnInit
All lifecycle Hooks
Understanding Change Detection
Working with Zone.js
MODULE 13: ROUTING & ADVANCED ROUTING
The Component Router
Defining Routes
Working with Navigation
Understanding Route Params
Child Routes
Route Guards
Route Resolves
MODULE 14: MASTERING TEMPLATE-DRIVEN FORMS & MODEL-DRIVEN FORMS
Introduction to forms
Overview of Template-driven forms
Understanding Validations
Introduction to ‘Reactive’ forms
Form Group & Form Control Class
Validators Class
MODULE 15: ASYNCHRONOUS OPERATIONS & ADVANCED HTTP
Introduction to Async
Promises
Working with Observables
EventEmitter
Async Pipes
Handling HTTP Request / Response
Headers & Request Settings
Providing HTTP
MODULE 16: COMPONENT STYLING
Introduction to Angular Styling
Using Component Styling
Style Scope
Shadow DOM
Loading Component Styles
MODULE 17: WORKING WITH ANIMATIONS
Introduction to Animations
Animations Setup
Understanding States & Transitions
Entering and Leaving from States
Animatable Units
Automatic property calculation
Understanding Animation Timing
Multistep Animation using Keyframes
MODULE 18: TESTING ANGULAR APPLICATIONS
Introduction to Testing
Unit Testing
E2E Testing & Protractor
Setup Jasmine Framework
Component Test Basics
Component Test Scenarios
Karma
MODULE 19: SECURITY & INTERNATIONALIZATION
Importance of Security
Security in Angular
Sanitize the Dangerous Values
Trusting Values
bypassSecurityTrustHtml
bypassSecurityTrustScript
bypassSecurityTrustStyle
bypassSecurityTrustUrl
bypassSecurityTrustResourceUrl
Cross-site Request Forgery
Pre-compiled and runtime
Using ng2-Translate
MODULE 20: PERFORMANCE, OPTIMIZATION & DEPLOYMENT
Change Detection Strategy
Running outside the Zone
Production Mode
Understanding Web Workers
Precompiling (AoT)
Lazy Loading
Deployment Best Practices
