Module 1: Getting Started with HTML
- HTML Tags
- HTML Attributes
- HTML Editors
- HTML Document Structure
- HTML Headings
- HTML Paragraphs
- HTML Styles
- HTML Comments
- HTML Blocks, Classes, Ids
- HTML Tables
- HTML Lists
- HTML Images
- HTML Forms
- HTML File Paths
Module 2: Basics of CSS
- CSS Selectors
- Inserting CSS in to HTML(Inline, Internal, External)
- Colors, Borders, Background, margins, padding.
- Working with core concepts of CSS
- Box/Model, Outline, Fonts, Links, Lists, Tables, Combinations
Module 3: TypeScript Basics
- Introduction to TypeScript
- Type Script Compiler
- Variables
- Datatypes
- Object oriented programming
- Classes
- Inheritance
- polymorphism
- Abstraction
- Interfaces
- Abstract classes
- Enums
- Type Inference
- Type Compatibility
- Advanced Types
- Symbols
- Iterators and Generators
- Namespaces
- Modules
- Generics
Module 4: Key Concepts in Angular
- Introduction to Angular
- Different versions of Angular
- Differences between Angularjs, Angular 2/4/5/6/7.
- Building blocks of Angular.
- Environment Setup
- First Application using Angular.
- Components
- Generating Components using Angular CLI
- Templates
- Directives
- Services
- Dependency Injection
- Generating Services using CLI.
Module 5: Events and Data Binding
- Property Binding
- Attribute Binding
- Adding Bootstrap
- Class Binding
- Style Binding
- Event Binding
- Event Filtering
- Template Variables
- Two-way Binding
- Pipes
- Custom Pipes
Module 6: Deep Dive into Key Components of Angular
- Input Properties
- Aliasing Input Properties
- Output Properties
- Passing Event Data
- Aliasing Output Properties
- Templates
- ngContent
- ngContainer
- Adding Styles
- View Encapsulation
Module 6: Directives Deep Dive
- Introduction to Directives
- ngIf
- ngSwitchCase
- ngFor
- ngStyle
- Hidden Property
- ngFor and Change Detection
- The Leading Asterisk
- ngClass
- Safe Traversal Operator
- Creating Custom Directives
Module 7: Handling Forms in Angular Apps
- Intro to Template driven forms
- Building a Bootstrap Form
- Adding Validation
- Types of Forms
- ngModel
- Specific Validation Errors
- Styling Invalid Input Fields
- Intro to Template-driven forms
- Cleaner Templates
- ngForm
- ngModelGroup
- Disabling the Submit Button
- Working with Radio Buttons
- Working with Checkboxes
- Working with Drop-down Lists
Module 8: Reactive Forms in Angular
- Introduction to Reactive Forms
- Creating Controls Programmatic-ally
- Adding Validation
- Specific Validation Errors
- Implementing Custom Validation
- Asynchronous Operations
- Asynchronous Validation
- Showing a Loader Image
- Validating the Form Upon Submit
- Nested FormGroups
- FormArray
- FormBuilder
Module 9: Angular Http Services
- JSONPlaceHolder
- Getting Data
- Creating Data
- Updating Data
- Deleting Data
- OnInit Interface
- Separation of Concerns
- Extracting a Service
- Handling Errors
- Handling Unexpected Errors
- Handling Expected Errors
- Throwing Application-specific Errors
- Handling Bad Request Errors
- Importing Observable Operators and Factory Methods
- Global Error Handling
- Extracting a Reusable Error Handling Method
- Extracting a Reusable Data Service
- The Map Operator
- Optimistic vs Pessimistic Updates
- Observables vs Promises
Module 10: Navigation & Routing in Angular
- Introduction
- Routing in a Nutshell
- Configuring Routes
- RouterOutlet
- RouterLink
- RouterLinkActive
- Getting the Route Parameters
Module 10: Unit Testing in Angular Apps
- Introduction
- Why Unit Tests?
- Analyzing the testing Setup
- Running tests with CLI
- Simulating Async tasks Testing
- Automation Testing
Module 11: Course Round Up
- Recap of all concepts
- Interview Guidance