07, Jul, 2019

ANGULAR JS

This course not just teaches MEAN stack, but this clarifies all the  required to to create a project end-to-end. Like…..

  •   Auth0/JWT based authentication.

AngularJS Syllabus

1.Web development history
[ASP.net / PHP (all synchronous operations ) ] => [Introduction of Ajax ] => [MVC.net websites (async operations)] => [Introduction of JSON web services] => [introduction of UI frameworks]

2.Service side VS client side programming

3.Available UI frameworks

4.Why Angular? 

5.Environment setup

  • Choice of IDE & installing it ( visual studio code, visual studio, eclipse or any text editor)
  • Installing node and npm
  • Install angular CLI
  • What is angular CLI? Installing angular CLI. Comprehensive list of CLI command.

6.Creating first Angular project

  • Creating first Angular application with angular CLI
  • Building and running angular Application
  • Angular standards and deep dive into project structure (Significance of each folder & file)    ( Revise this after few lectures)
  • How to run End to end test cases and unit testing

7.Angular project flow

  • Flow from boot strapping app to running into browser
  • Making small and easy changes to first app
  • How to debug angular application 

8.Prerequisite of learning Angular

  • Introduction to HTML
  • Introduction to bootstrap CSS ( optional )
  • Introduction to Typescript (Necessity of Typescripts in enterprise applications) – Create classes use it in first app.
  • 9.Angular Architecture

    • Architecture overview
    • Intro to Modules
    • Intro to Component
    • Intro to Services and DI ( will cover in next lecture ) 

    10.Components in details

    • Component ( selector, inline template, template url, styles, provider )
    • Template syntax ( various ways of data binding)

    A. Interpolation

    1. Template expression
    2. Expression context

    B.Property binding

    1. Difference between element attribute and property
    2. Element property binding
    3. attribute, class, style binding

    C.Event binding

    D.Two way binding

    • Using various html elements in angular e.g. textbox, button, dropdown, checkbox, radio   button etc
    • Child components – Event emitter and custom property 

    11.Directives

    • Attribute directives (ngClass, ngStyle,ngModel)
    • Structural directives (ngIf, ngFor, ng Switch)
    • Creating custom directive

    12.Pipes

    • using inbuilt pipes e.g. DatePipe, UpperCasePipe, LowerCasePipe, CurrencyPipe, and     PercentPipe etc
    • Parameterized pipe
    • Creating custom pipe
Call Now Button
REQUEST A CALL BACK