MEAN Stack for Web Development 

(Mongo, Express, Node and Angular)- click above for complete course details

Join for MEAN Stack and get Python programming free. 

Program Duration: 2 months

Daily or weekend classes: 3 â?? 4 hours per day

Program covers:

• NodeJS & Express
• MongoDB & MySQL
• Typescript
• ECMA Script & ES6 Standards
• Angular 

Participant Pre-requisites:

• Knowledge of HTML, Javascript & JQuery
• Preferred if learner has an existing knowledge of OOPS programming

Detailed course

Module 1:  Node, Express & Mongo

Introduction to Node

• Environment setup for node
• Read Evaluate Print Loop under node terminal.
• declaration of variables for node
• Multiline expression

Node Project Module with installation of modules

• Installing modules
  • Callbacks concepts in Node
  • Blocking code and Non-blocking code
  • Event driven programming and Loop
  • Event Emitter and types of handlers to control events
  • Node Streams to handle files

Node file system management

• Synchronized

Non-synchronized implementations

HTTP module

• Web page development
• Making request on node sever with http

Node.js with database (MySQL) configuration

• MySQL Select with node.js
• MySqL insert
• MySQL Update
• MySQL Delete

Node.js with MongoDB configurations

• MongoDB Insert
• MongoDB Update
• MongoDB Delete
• MongoDB select

Module 2 : Angular â?? Advanced Web Development

Introduction of Angular

 Why Angular

• User Experience similar to a Desktop Application
• Productivity and Tooling
• Performance
• Community
• Full-featured Framework
• Platform for Targeting Native Mobile not just Web Browsers

 Understanding Angular Versions

• AngularJS (Angular 1.x)
• Angular versions

 Understanding Angular

• Drop-in replacement for Angular 2

 TypeScript & ES6

• Introduction
• What is Typescript
• Why Typescript
• Setup and installation
• IDE support
• Scoping using Let and Const Keywords ( ES6 )
• Template Literals  ( ES6 )
• Spread Syntax and Rest Parameters  ( ES6 )
• Destructuring ( ES6 )

 Working with Angular CLI

• Angular CLI
• Anatomy of the project
• Debugging Angular apps
• Working with Augury

 Main Building Block of Angular

• Modules
• Components
• Templates
• Metadata
• Data binding
• Directives
• Services
• Dependency injection

Component

• Introduction
• @Component decorator
• Component configuration object
• Custom components
• Component with templates
• Inline
• External
• Component with Styles
• Inline
• External

 Templating

• HTML as template
• Data binding
• Interpolation
• Property Binding
• Event Binding
• Two way binding
• Template expressions
• Template syntax
• Attribute, class and style bindings
• @Input()
• @Output
• Template reference variables
• Safe navigation operator

 Directives

• Introduction
• Built-in directives
• Structural directive
• NgIf
• NgFor
• NgSwitch
• Attribute directive
• NgClass
• NgStyle
• NgModel
• @Directive decorator
• Custom directive development

 Pipes

• Introduction
• Built-in pipes
• @Pipe decorator
• Custom pipe development

Forms

• Introduction
• @angular/forms library
• Template driven forms
• Form and field validation
• Validation check with ng-pristine,ng-dirty, ng-touched, ng-untouched, ng-valid, ng-invalid
• Show and hide validation error messages
• Form submission with ngSubmit
• Reactive/ Model drive forms
• ReactiveFormsModule
• FormGroup, FormControl classes
• FormBuilder for easy form building
• Validations using Validators
• Setting form model using setValue and patchValue
• Use FormArray to build repeated from controls or form groups

Routing & Navigation

• Introduction
• @angular/router library
• Configure routes
• RouterModule.forRoot and RouterModule.forChild
• RouterOutlet, RouterLink, RouterLinkActive
• Nested Routes
• Parametrized routes
• Route guards
• Router events

HTTP Deprecated & HttpClient

• Setup installing the module
• Making a request for JSON data
• Typechecking the response
• Reading the full response
• Error handling
• Requesting non-JSON data
• Sending data to the server
• Making a POST request
• Configuring other parts of the request

Testing

• Introduction
• Testing in Typescript
• Testing Component
• Testing Service/Provider
• Testing Pipe

New features in Angular 6 & 7

•  Animations
• Materials
• New HTTP Client and parsing features