COURSE OVERVIEW OF ANGULAR

HTML 5, Css3 & Bootstrap

  • Introduction to Web Design, UI & UX
  • Introduction to HTML
  • Editors for Coding
  • HTML ELEMENTS & Attributes
  • BLOCK & INLINE Elements
  • HTML Symbols
  • HTML Forms
  • Input Types & attributes
  • Introduction to CSS
  • Id, Class & Tag Selector
  • Typography (em & rem)
  • Borders & Spacing
  • Flex & Float
  • Positions
  • Pseudu Classes & Pseudo Elements
  • Css Transformation & Animation
  • Media Tags, Embed & Fonts
  • Media Queries
  • Downloading & Linking Bootstrap
  • Bootstrap Grid
  • Tables & Forms
  • Navigation
  • Cards, Dropdown & Toggle
  • Inputs & Buttons
  • Progress Bars & Spinners
  • Carousel & Modals

JavaScript

  • Introduction to Javascript
  • How To Add Javascript
  • Variables & Datatypes
  • Javascript Functions Basics
  • Events
  • Arrays & Array Methods
  • Objects & Object Functions
  • Date & Math Object
  • Conditional Statements
  • Loops
  • Regular Expressions
  • Client Side Validations

Angular Basics

  • Introduction to Angular 2
  • AngularJs vs Angular 2
  • Architecture of Angular Apps
  • Installing GIT and Node
  • Setting Up Angular for Project
  • CLI and Troubleshooting

Modules

  • Module Introduction
  • Understanding the app module
  • Core Module
  • Feature Modules
  • Registering Routes in Feature Module
  • Shared Modules
  • How Modules and Services Work Together

Components and Data Bindings

  • Introduction to Components
  • Splitting Apps into Components
  • Event Binding
  • Binding to Custom Events
  • Understanding View Encapsulation
  • Local References in Templates
  • Lifecycle Hooks
  • Passing Data with Event and Property Binding

Template & Forms

  • Binding Syntax
  • Two way Data Binding
  • Property and Event Binding
  • Attributes, Style and Class Binding Forms
  • Template Driven Forms vs Reactive
  • Reactive setup
  • Ng Form & ng Model Group
  • Validating Forms

Directive

  • Introduction to Directive
  • ngfor and ngif
  • Basic Attribute Directive
  • Renderer
  • Hostlistner and Hostbinding
  • Binding to Directive Properties

Routing & Navigation

  • Introduction to Routing
  • Configuring Routes
  • Router outlet & Router Link
  • Router Parameters
  • Navigating Programmatically
  • Passing query parameters and fragments
  • Protecting routes with canActive
  • Controlling Navigation with canDeactivate

HTTP Services

  • Why need Services?
  • Creating Logging Service
  • Creating data ServiceJson Placeholder
  • CRUD operations
  • Seperation of concerns
  • Extracting Service
  • Error Handling
  • Extracting a Reusable Data Service

Dependency Injection

  • Hierarchical injector
  • Injecting service into service
  • Understanding Importance refactoring
  • Creating reusable components
  • Implementing Dependency Injection to consume a component
  • Implementing Promise pattern
+ MODULE 1

HTML 5, Css3 & Bootstrap

  • Introduction to Web Design, UI & UX
  • Introduction to HTML
  • Editors for Coding
  • HTML ELEMENTS & Attributes
  • BLOCK & INLINE Elements
  • HTML Symbols
  • HTML Forms
  • Input Types & attributes
  • Introduction to CSS
  • Id, Class & Tag Selector
  • Typography (em & rem)
  • Borders & Spacing
  • Flex & Float
  • Positions
  • Pseudu Classes & Pseudo Elements
  • Css Transformation & Animation
  • Media Tags, Embed & Fonts
  • Media Queries
  • Downloading & Linking Bootstrap
  • Bootstrap Grid
  • Tables & Forms
  • Navigation
  • Cards, Dropdown & Toggle
  • Inputs & Buttons
  • Progress Bars & Spinners
  • Carousel & Modals

JavaScript

  • Introduction to Javascript
  • How To Add Javascript
  • Variables & Datatypes
  • Javascript Functions Basics
  • Events
  • Arrays & Array Methods
  • Objects & Object Functions
  • Date & Math Object
  • Conditional Statements
  • Loops
  • Regular Expressions
  • Client Side Validations

Angular Basics

  • Introduction to Angular 2
  • AngularJs vs Angular 2
  • Architecture of Angular Apps
  • Installing GIT and Node
  • Setting Up Angular for Project
  • CLI and Troubleshooting

Modules

  • Module Introduction
  • Understanding the app module
  • Core Module
  • Feature Modules
  • Registering Routes in Feature Module
  • Shared Modules
  • How Modules and Services Work Together

Components and Data Bindings

  • Introduction to Components
  • Splitting Apps into Components
  • Event Binding
  • Binding to Custom Events
  • Understanding View Encapsulation
  • Local References in Templates
  • Lifecycle Hooks
  • Passing Data with Event and Property Binding

Template & Forms

  • Binding Syntax
  • Two way Data Binding
  • Property and Event Binding
  • Attributes, Style and Class Binding Forms
  • Template Driven Forms vs Reactive
  • Reactive setup
  • Ng Form & ng Model Group
  • Validating Forms

Directive

  • Introduction to Directive
  • ngfor and ngif
  • Basic Attribute Directive
  • Renderer
  • Hostlistner and Hostbinding
  • Binding to Directive Properties

Routing & Navigation

  • Introduction to Routing
  • Configuring Routes
  • Router outlet & Router Link
  • Router Parameters
  • Navigating Programmatically
  • Passing query parameters and fragments
  • Protecting routes with canActive
  • Controlling Navigation with canDeactivate

HTTP Services

  • Why need Services?
  • Creating Logging Service
  • Creating data ServiceJson Placeholder
  • CRUD operations
  • Seperation of concerns
  • Extracting Service
  • Error Handling
  • Extracting a Reusable Data Service

Dependency Injection

  • Hierarchical injector
  • Injecting service into service
  • Understanding Importance refactoring
  • Creating reusable components
  • Implementing Dependency Injection to consume a component
  • Implementing Promise pattern
Angular
Rate this post

//