Angular Web Framework

Angular Web Framework | Online LIVE Classes

Course Name
Angular Web Framework

Prerequisite

  • You should know HTML and CSS. You should also have basic idea of Client-Server Architecture
  • For online LIVE classes, you have to download Zoom Client for meetings on laptop or mobile. (Laptop is recommended) (https://zoom.us/download)
  • Good Internet connection
  • Laptop or desktop computer is required for programming practice at home.

Duration

  • 16 Dec 2021 to 28 Feb 2022 | 1 hr each class | Tue-Thu-Sat | 5:30 PM

Instructor

Rahul Mathakari

Fee

3500/-
Making payment means you are agreeing with our Terms and Conditions. Read them carefully.

Features

  • Course completion certificate
  • Video recordings will be available for the revision till 31 Oct 2022
  • Recorded Videos of HTML and CSS will be provided along with the LIVE classes
  • Project Assignments
  • Doubt handling during the course.
  • Discussion Forum
  • Project

Syllabus

Introduction:

    • What is angular
    • What angular can do
    • Single Page Application
    • Architecture of angular
    • History of angular
    • Angular.js vs Angular
    • Installation of angular
    • Understanding Angular CLI
    • First Angular App
    • Understanding structure of angular app

</ul
TypeScript:

      • Basic of java script
      • Java script vs type script
      • Variable
      • Types
      • Arrow function
      • Conditional statement
      • Iterative statement
      • Classes and objects
      • Constructors and access modifiers
      • Interfaces
      • Properties
      • Modules

Angular Basics:

      • Basic building blocks
        • Components
        • Templates
        • Directives
        • Services
        • Modules
      • Dependency Injection
      • Decorators
      • Binding
        • Property binding
        • Style binding
        • Class binding
        • Attribute binding
        • Event Binding
        • 2-way data binding

Data Display and event handling

      • Event handling
      • Event filtering

Pipes

      • Custom pipes
      • Filter pipes
      • Pure and Impure pipes

Hooks
Reusable Components

      • Component API
      • Input/output properties
      • Aliasing I/O properties
      • Passing input Data
      • Template & style
      • Encapsulation in angular
      • Ng content
      • Ng container

Directives

      • Ngif
      • Ngswichcase
      • Ngfor
      • *ngFor vs ngFor
      • Ngclass
      • How to create and use custom Directives

Bootstrap

      • Ngif
      • Understanding Bootstrap
      • Installing bootstrap
      •  How to use Bootstrap with Angular
      • Understanding the responsive behaviour of bootstrap
      • Basic idea to create responsive pages
      • Basic idea to use the components of Bootstrap

Template Driven form

      • Forms building using bootstrap
      • Adding validation
      • Styling in form
      • Understanding NgModel, Ngform and NgmodelGroup directives
      • Control classes
      • Adding and Validation of checkbox/radio/dropdowns etc in form

Reactive Form

      • Building Bootstrap Form
      • Creating control
      • Adding validation
      • Custom validation
      • Asynchronous operator & validators
      • Nested Form group
      • Form array
      • Form builder

Http Services

      • Json placeholder
      • Getting/creating/updating/deleting data
      • Handling errors
      • Extracting a service
      • Observable and RXJS fundamentals

Routing

      • Configure routes
      • Router outlet
      • Router link
      • Accessing router parameter
      • Routes with multiple parameters
      • Query parameters

Authentication

      • Json web token
      • Implementing login/logout
      • CanActive Interface
      • Redirecting user
      • Protecting routes
      • Accessing protected API resources

Animation

      • Polyfills & animation modules
      • FadeIn/FadeOut Animation
      • States and transition
      • Reusable triggers
      • Keyframes
      • Reusable animation
      • Animation callback
      • Parallel animation

Firebase

      • Understanding Firebase
      • Creating Database on Firebase
      • Accessing data from Firebase

Hosting

      • Understanding production and development environment
      • Building angular app for production
      • Hosting the Angular Project on Firebase

Angular material 

      • What is angular material
      • How to use angular material with angular project
      • The basic idea of using material component in application

Project:

      • Essential Bootstrap and Angular discussion with project

Admission
Register in the batch now before its too late, as we are limited with the batch size.

Batch Code Starting Date Time|Days Mode of Teaching Pay Now
SG 16-Dec-2021 5:30 PM | TTS Online LIVE Closed
TS 14-Aug-2021 5:30 PM | TTS Online LIVE Closed