Angular Course Syllabus:

MODULE 1: UNDERSTANDING JAVASCRIPT:

  1. Introduction to Javascript
  2. Control Structures
  3. Loops in Javascript
  4. Operators in Javascript
  5. Handling functions
  6. Objects and Functions in Javascript
  7. Javascript DOM
  8. Javascript Events and Event Handling

MODULE 2: GETTING INTO THE ANGULAR WORLD

  1. Angular Advantages
  2. Opportunities for Angular
  3. Angular Versions
  4. AngularJS to Angular 5
  5. Semantic Versioning

MODULE 3: INTRODUCTION TO TYPESCRIPT

  1. Understanding TypeScript
  2. Basic Types
  3. Working with Variables
  4. Working with Arrays
  5. Working with Classes
  6. Working with Objects
  7. Working with Interfaces
  8. Working with Constructors
  9. Type Definitions
  10. Compiling TypeScript
  11. Linting

MODULE 4: ES2015 PRIMER

  1. Understanding Let and Const
  2. Working with Template Strings
  3. Mastering Lambda Functions
  4. Working with Generics
  5. Working with Modules

MODULE 5: ENVIRONMENT SETUP

  1. Node / NPM
  2. Polyfills
  3. Babels
  4. TypeScript
  5. Module Bundler (Webpack)
  6. Code Linting
  7. Test Setup
  8. Application File Structure
  9. AngularCLI
  10. Code Editors

MODULE 6: MODULES

  1. Why and when to use Modules
  2. Understanding NgModule
  3. Working with Declarations in Modules
  4. Using Providers
  5. Managing Imports
  6. How to use Bootstrapping
  7. The Core Module
  8. Shared Modules

MODULE 7: COMPONENTS

  1. Introduction to Components
  2. Working with Component Architecture Patterns
  3. Decorator Metadata
  4. State & Behaviour in Angular
  5. Inputs and Outputs

MODULE 8: TEMPLATES

  1. Inline vs External
  2. Mastering Template Expressions
  3. Data Bindings
  4. Data Bindings Syntax
  5. Working with Data & Event Bindings
  6. Working with Built-in Structural Directives
  7. Working with Built-in Attribute Directives

MODULE 9: CUSTOM DIRECTIVES

  1. Directives Overview
  2. Types of Directive
  3. Create your own Attribute Directive
  4. Writing Attribute Directive Code
  5. Respond to User Initiated Events
  6. Pass values into the directive with an @Input data binding
  7. Binding to an @Input property
  8. Bind to an @Input alias
  9. Write a harness to try it
  10. Create your own Structural Directive
  11. NgIf case study
  12. Inside *ngFor
  13. Inside NgSwitch directives
  14. The <ng-template>
  15. Working with <ng-container>
  16. TemplateRef and ViewContainerRef

MODULE 10: PIPES

  1. Using pipes
  2. Built-in pipes
  3. Parameterizing a pipe
  4. Chaining pipes
  5. Custom pipes
  6. The Pipe Transform interface
  7. Power Boost Calculator
  8. Pipes and change detection
  9. Pure and impure pipes
  10. Next steps

MODULE 11: SERVICES & DEPENDENCY INJECTION

  1. Getting familiar with Services
  2. Building a Service
  3. Getting familiar with Dependency Injection
  4. Working with Injectors
  5. Working with Providers
  6. Registering Providers with real time examples

MODULE 12: LIFECYCLE HOOKS & CHANGE DETECTION

  1. Understanding Component LifeCycle
  2. Using ngOnInit
  3. All lifecycle Hooks
  4. Understanding Change Detection
  5. Working with Zone.js

MODULE 13: ROUTING & ADVANCED ROUTING

  1. The Component Router
  2. Defining Routes
  3. Working with Navigation
  4. Understanding Route Params
  5. Child Routes
  6. Route Guards
  7. Route Resolves

MODULE 14: MASTERING TEMPLATE-DRIVEN FORMS & MODEL-DRIVEN FORMS

  1. Introduction to forms
  2. Overview of Template-driven forms
  3. Understanding Validations
  4. Introduction to ‘Reactive’ forms
  5. Form Group & Form Control Class
  6. Validators Class

MODULE 15: ASYNCHRONOUS OPERATIONS & ADVANCED HTTP

  1. Introduction to Async
  2. Promises
  3. Working with Observables
  4. EventEmitter
  5. Async Pipes
  6. Handling HTTP Request / Response
  7. Headers & Request Settings
  8. Providing HTTP

MODULE 16: COMPONENT STYLING

  1. Introduction to Angular Styling
  2. Using Component Styling
  3. Style Scope
  4. Shadow DOM
  5. Loading Component Styles

MODULE 17: WORKING WITH ANIMATIONS

  1. Introduction to Animations
  2. Animations Setup
  3. Understanding States & Transitions
  4. Entering and Leaving from States
  5. Animatable Units
  6. Automatic property calculation
  7. Understanding Animation Timing
  8. Multistep Animation using Keyframes

MODULE 18: TESTING ANGULAR APPLICATIONS

  1. Introduction to Testing
  2. Unit Testing
  3. E2E Testing & Protractor
  4. Setup Jasmine Framework
  5. Component Test Basics
  6. Component Test Scenarios
  7. Karma

MODULE 19: SECURITY & INTERNATIONALIZATION

  1. Importance of Security
  2. Security in Angular
  3. Sanitize the Dangerous Values
  4. Trusting Values
  5. bypassSecurityTrustHtml
  6. bypassSecurityTrustScript
  7. bypassSecurityTrustStyle
  8. bypassSecurityTrustUrl
  9. bypassSecurityTrustResourceUrl
  10. Cross-site Request Forgery
  11. Pre-compiled and runtime
  12. Using ng2-Translate

MODULE 20: PERFORMANCE, OPTIMIZATION & DEPLOYMENT

  1. Change Detection Strategy
  2. Running outside the Zone
  3. Production Mode
  4. Understanding Web Workers
  5. Precompiling (AoT)
  6. Lazy Loading
  7. Deployment Best Practices