AngularJs 9 | AngularJs 11
AngularJS is a JavaScript-based open-source front-end web framework mainly maintained by Google and by a community of individuals and corporations to address many of the challenges encountered in developing single-page applications.
- Lectures: 20
- Duration: 10 weeks
Convergent learning solutions offering special summer training offers at AngularJS. Convergent learning solutions is Noida’s leading industrial summer training center in Noida. We offer the Angular JS training in Noida that you can learn most in Noida in our learning environment at an affordable price. The best AngularJS training institute in Noida offers the best technical IT training on AngularJS. We provide basic and advanced Angular JS training in Noida with appropriate practical knowledge. At Convergentlearningsolutions, AngularJS training is provided by industry experts aged 6-8. Of experience
Convergent learning solutions has a hardware lab to train AngularJS training in Noida. Hardware and software are required to master all the skills configured for Angular JS training. Our trainers are planning work-oriented AngularJS training. CLS is one of the well-equipped Angular JS training centers in Noida. We provide training on real-time projects that help students with better understanding. Convergent learning solutions & our trainers also help students to get top MNCs placement by preparing different strategies. We designed the syllabus with AngularJS content to achieve their professional goals.
Content
Introduction to JavaScript MVC Framework
Template
Advantages of Angular JS
DOM Elements
Dependency Injection
Modules
Modules
Installing Angular JS
Structure of an Angular JS Application
Structure of an Angular JS Application
ng-model directive
Custom Validation
Input directive
Startup Process
Runtime
Scope API ($id, $watch & $apply )
Scope Communication
Template Services
Injector Service
Modules
Caching
Routing
Repeating elements with ng-repeat
ng-app
Data Binding
Expressions
Controllers
View Component
Scopes
Directives
Filters
Services
Services
Number and String Expressions
Object Binding and Expressions
Working with Arrays
Forgiving Behaviour
Forgiving Behaviour
Understanding Controllers
$scope object
Passing Parameters to the Methods
Nested Controllers.
Multiple Controllers
Multiple Controllers
Filter Syntax
AngularJS Filters
Custom filters
Custom filters
Communicating through $http
$resource
PUT
POST
GET
GET
Directives Syntax
Directives Linking
Components
Data Binding
Repeating HTML Elements
The ng-app Directive
The ng-init Directive
The ng-model Directive
The ng-bind Directive
The ng-repeat Directive
The ng-repeat Directive
Template
Scope
Compile function
Link function
Controller
Animation
Animation
$location service
ng-view directive
$route service and route object
Navigation flow
Routing broadcasted events
Resolve option and promise
Resolve option and promise
ngMock
Unit Testing Tools
Unit Testing Tools
Introduction to Node.js
Introduction to Yo Generator
Bower
Rest Exposure
Web Sockets
Push Notification
Push Notification
Modules & its necessities
Usage of angular-ui
Usage of ng-grid
Usage of angular-translate
Testing AngularJS
Testing AngularJS
Services Architecture
Demo application for multiple services
Demo application for multiple services
Demo application for multiple services
Demo application for multiple services
Introduction
What is Angular 2?
Problems with the CLI?
Creating an Angular 2 Project
Got Setup Issues (with Angular 2 CLI)?
Editing our First App
Understanding the Project Structure
Why TypeScript? What is TypeScript?
Understanding the TypeScript Code
Understanding the TypeScript Code
Getting Started with Components
How an Angular 2 App gets started
Understanding AppModules
Using Templates & Styles
First Summary
Creating a new Component
About Unique Selectors
Using multiple Components
View Encapsulation & Styling
Inserting Content with ng-content
Databinding Overview
String Interpolation
Property Binding & Event Binding Overview
Property Binding
Binding to Custom Properties
Event Binding
Binding to Custom Events
More Information on Property & Event Binding
ngModel and AppModules
Two-Way Binding
The Component Lifecycle
Component Lifecycle Usage Examples
Template Access with Local References, ViewChild and ContentChild
Project Setup
Course Project: Creating the Header Component
Course Project: Creating the Recipes Component
Course Project: Creating Recipe Model & List Component
Course Project: Recipe Detail & Databinding
Course Project: Shopping List Component
Course Project: Shopping List Component
What are Directives?
Attribute Directives
Building a Custom Attribute Directive
Element Interaction with HostListener & HostBinding
HostListener: Passing Data
Directive Property Binding
ngIf
ngFor
ngSwitch
Angular 2’s De-Sugaring Mechanism
Building a Custom Structural Directive
Using NgModules
Using NgModules
Course Project: Ingredients List with *ngFor
Course Project – Custom Dropdown Directive
Course Project – Custom Dropdown Directive
What are Services?
Example: Logging Service
What is Dependency Injection?
Example: Injecting the Logging Service
Multiple Instances vs One Instance
Services & AppModules
Injecting Services into Services
Using Services for Cross-Component Interaction
Using Services for Cross-Component Interaction
Course Project: Creating the Recipe Service
Course Project: Creating the Shopping List Service
Course Project: Cross-Service Communication
Course Project: Cleanup
Course Project: Cleanup
Introduction to the Angular 2 Router
Setting up Routes
Loading Components
Navigation with Links
Understanding Navigation Paths
Imperative Routing (Triggered in Code)
Route Parameters
Extracting Route Parameters
Query Parameters
Query Params Changes in latest Router Version
Extracting Query Params
Query Parameters and the routerLink Directive
Passing Fragments and Preserving Query Params/ Fragments
Extracting Fragments in Code
Child Routes
Redirecting Request
Styling Active Route Links
Using Guards with AppModules
Guards: CanActivate
Guards: CanDeactivate
Location Strategies
Location Strategies
Introduction
Setting up the Main Routes
Adding Links to Navigate
Using Child Routes in the Recipe Section
Navigating between Child Routes
Extracting Recipe Data from Route Params
Styling the Active Recipe
Wiring “Edit” and “Delete” up
Finishing Touches and some Cleanup
Finishing Touches and some Cleanup
Introduction to Forms in Angular 2
Template-Driven Approach Basics
Add FormsModule to your AppModule
Registering Controls (Template-Driven)
Submitting a Form and Using the Output (Template-Driven)
Form Properties
Input Validation (Template-Driven)
Form State & CSS Classes (Template-Driven)
Default Values with ngModel (Template-Driven)
Two-Way Binding with ngModel (Template-Driven)
Form Groups (Template-Driven)
Radio Button Controls (Template-Driven)
Using the Form State / Providing a better UX (Template-Driven)
The Data-Driven (Reactive) Approach (Intro)
Creating a Form (Data-Driven)
Important Changes with AppModules
Synchronizing HTML and the Angular 2 Form (Data-Driven)
Submitting a Form and Using the Output (Data-Driven)
Input Validation (Data-Driven)
Built-in Validators
Working with the State of the Form
Form Groups (Data-Driven)
Radio Buttons (Data-Driven)
Form Arrays / Arrays of Control (Data-Driven)
Creating a Form with the FormBuilder (Data-Driven)
Creating Custom Validators (Data-Driven)
Custom Asynchronous Validators (Data-Driven)
Listening to Status & Value Changes
Resetting Forms
Resetting Forms
Shopping List Form HTML Setup (Template-Driven)
Adding & Editing Mode
Submitting the Shopping List Form
Selecting Items & Property Binding
Displaying Data with ngModel
Editing Items
Deleting Items & Clearing the Form
Editing & Adding Recipes (Intro)
Recipe Form – Preparation – Fetching the Active Recipe
Creating the Recipe Form with the Data-Driven Approach
Synchronizing the HTML Code with the Form
Submitting the Form and Editing Recipes
Managing Recipe Ingredients
Managing Recipe Ingredients
What are Pipes?
Using Pipes
Parametrizing Pipes
Pipe Documentation
Chaining Pipes
Custom Pipes
Important Adjustment: Just use “args”
Example: Creating a Filter Pipe
Using NgModules
“Pure” Pipe Limitations
“Impure” Pipes
The Async Pipe
The Async Pipe
Required Adjustments in this Module
Http & Observables
Demo Data Source: Firebase Setup
Sending a GET Request
Using NgModules
The Power of Observables Operators – Map(ping Data)
Sending a POST Request
Retrieving and Transforming Data with Observables
Using the Async Pipe
Error Handling with Observables
Wrap Up
Wrap Up
Http Intro & Setup
Storing Recipes on the Server (POST)
Getting and Changing Recipes (GET and PUT)
Finishing Touches & Bugfixes
Finishing Touches & Bugfixes
Required Adjustments in this Module
Introduction
Project Setup
Setting up Routes
Backend (Firebase) Setup
User Signup
User Signin & Managing the User State
User Logout
Protecting a Route from Unauthorized Access
Finishing Touches
How it looks using Angular 2.0 Final
Enhancing the App with Observables Magic!
Enhancing the App with Observables Magic!
About the New Project Structure (same Video as in Custom Project Module)
Intro & What to Deploy
Setting up an App for Deployment
Deploying to Github Pages Manually
Deploying to AWS
Deployment – Cheat Sheet
Deployment – Cheat Sheet
Intro
Installation
New Project: ng new and ng init
Building your Project: ng build & ng serve
Understanding the Project Structure
Linting your Code: ng lint
Unit Tests: ng test
Managing Project Content: ng generate & ng destroy
Putting it into Production: ng build -prod and ng github-pages:deploy
Using Third-Party packages with the CLI
Learning More: ng –help and Wrap Up
Learning More: ng –help and Wrap Up
Introduction
Creating the Project
Setting up the Angular 2 App
Adding Development Dependencies and Types
Setting up TypeScript Compilation (tsconfig) and the Basic Webpack Config
Creating a Development Workflow & Script
Adding Routing
Enabling Lazy Loading
Adding Ahead-of-Time Compilation
Setting up a Webpack Production Configuration
Final Touches & Finishing the Production Workflow
AoT Bugfixing
Section 19: A Basic Introduction to Unit Testing in Angular 2 Apps
About this Section
Introduction
Why Unit Tests?
Analyzing the Testing Setup (as created by the CLI)
Running Tests (with the CLI)
Adding a Component and some fitting Tests
Testing Dependencies: Components and Services
Simulating Async Tasks
Using “fakeAsync” and “tick”
Isolated vs Non-Isolated Tests
Further Resources & Where to Go Next
Further Resources & Where to Go Next
Course Roundup
Course Roundup
Course Roundup
Smaller & Faster
View Engine
Animation Package
Improved *ngIf and *ngFor
Angular Universal
TypeScript 2.1 and 2.2 compatibility
Source Maps for Templates
Flat ES Modules (Flat ESM / FESM)
Experimental ES2015 Builds
Experimental Closure Compatibility
Experimental Closure Compatibility