Overview

The AngularJS framework worked by first reading the HyperText Markup Language (HTML) page, which had additional custom HTML attributes embedded into it. Angular interpreted those attributes as directives to bind input or output parts of the page to a model that is represented by standard JavaScript variables. The values of those JavaScript variables could be manually set within the code or retrieved from static or dynamic JSON resourses.

AngularJS was built on the belief that declarative programming should be used to create user interfaces and connect software components, while imperative programming was better suited to defining an application’s business logic. The framework adapted and extended traditional HTML to present dynamic content through two-way data-binding that allowed for the automatic synchronization of models and views. As a result, AngularJS de-emphasized explicit Document Object Model (DOM) manipulation with the goal of improving testability and performance.

AngularJS implemented the MVC pattern to separate presentation, data, and logic components. Using dependency injection, Angular brought traditionally server-side services, such as view-dependent controllers, to client-side web applications. Consequently, much of the burden on the server could be reduced.

Scope in computer science describes when in the program a particular binding is valid. The ECMA-262 specification defines scope as: a lexical environment in which a Function object is executed in client-side web scripts; akin to how scope is defined in lambda calculus.

Syllabus - What you will learn from this course

 

  • What is a SPA? What is Angular?
  • Single Page Apps VS Conventional Web Applications
  • Where Angular Fits
  • Angular-13 is arrived (what’s new)

Preparing for Type Script

  • Brief Intro to TypeScript
  • The TypeScript Module System
  • Getting Setup
  • Project Setup
  • Nodemon
  • String Templates
  • Const
  • Let
  • Debugging
  • Rest & Spread Operators
  • Arrow Functions
  • ..of
  • Maps
  • Sets
  • Interface
  • Generics
  • New Object Features
  • Classes
  • Destructuring
  • Typescript decorators

Building with Components

  • A Trivial Component
  • Nested Components
  • Deeper Nesting

Bootstrap Scaffolding

  • What Is Bootstrap?
  • Bootstrap File Structure
  • Basic HTML Template
  • Global Styles

  • Default Grid System

  • Bootstrap CS     
  •  Code
  • Tables
  • Forms
  • Buttons
  •   Images
  •   Icons

Angular Binding and Events

  •   Templates
  •  Bindings
  •   Event Bindings 
  • Two-way Binding
  •  Class and Style 
  • Bindings
  •   Built-in Directives
  •   Component Data Binding
  •  Component Events
  •   Ng-model
  •   Introduction to webpack/systemJS

Dependency Injection and services

  •   Why Dependency Injection?
  •   Injection API
  •   Component Multi Providers
  •   Injection Multi Providers
  •   Services Overview
  •   Creating a Service
  •   Injecting a Service

Directives

  •   Introduction and Examples
  •   Directives Overview
  •  Attribute Directives
  •   Fluid Grid System
  • Typography
  •   Structural Directives
  •   Structural Directive: ngIf
  •  Structural Directive: ngFor
  •  Structural Directive: ngSwitch
  • Custom Structural Directive

Pipes

  •   Using Pipes
  •   Creating Pipes
  •   Built-in Pipes
  •   Chaining Pipes
  •   Custom Pipes
  •   Stateful Pipes

Forms

  •   Controls
  •  Control groups
  •   Form Builder
  •   Template Driven Approach
  •  Data Driven Approach

Routing

  •   Introduction and Use
  •   Creating and configuring Routes
  •  Imperative Routing
  •   Routing Parameters
  •  Child Routes
  •   Routing Lifecycle Hooks
  •   Setting up Firebase
  •   HTTP POST Request
  •   HTTP GET Request

HTTP, Promises, and Observables

  •   Promises – still available, still useful
  •  Calling an API via HTTP
  •   Introduction to Observables
  •   Observable Bindings
  •  Observables Operators

Testing

  •   Unit Testing
  •   End to End Testing

Angular-11 new features (Add-on)

  •        If…Else Template Conditions           
  •        Animation Module
  •              Typescript’s StrictNullChecks
  •               Angular Universal
  •               FESM
  •              Angular2 to Angular11migrartion
  •              Router ParamMap
  •              TypeScript 2.1/2.2

    Key Highlights

    • Real Time-Trainers
    • Mock Interviews on every Saturday
    • Per batch 8 members only
    • 24/7 LAB Access
    • Resume Preparation
    • Certificate
    • 100% Job oriented training program
    • Real Time Projects after course completion
    • Tasks on daily basis
    • Timings of Learners Conveniences

    Join with us to start your career

    Enroll Now