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
Certified
You have 
