MEAN Stack
Duration: 2 Months (8 Weeks or Weekends)
Prerequisites
- Candidate should have basic knowledge of HTML /CSS and JavaScript
Mongo DB
- Design Goals, Architecture and Installation
- What is need for Non RDBMS
- Benefits of using Document based databases
- CRUD Operations
- Understanding of CRUD Operations
- Functional usage of CRUD
- Read / Write Operations with CRUD
- Schema Design and Data Modelling
- Schema Design and
- Data Modelling in MongoDB®
- Various Data Structure and
- Tools to Manage Data Model in MongoDB
Â
Node JS and Express JS
- Introduction to Node JS
- Introduction
- Foundation
- Introduction to the Node JS framework
- Installing NodeJS
- Using NodeJS to execute scripts
- The Node Package Manager
- The package.json configuration file
- Global vs local package installation
- Automating tasks with Gulp
- The HTTP protocol
- Building an HTTP server
- Rendering a response
- Using Representational State Transfer
- Express Framework
- Connecting to Mongo databases
- Performing CRUD operations
- The NodeJS framework
- Installing NodeJS
- Using NodeJS to execute scripts
- NodeJS Projects
- The Node Package Manager
- NodeJS Creating a project
- The package.json configuration file
- Global vs local package installation
- Automating tasks with Gulp.
- HTTP
- The HTTP protocol
- Building an HTTP server
- Rendering a response
- Processing query strings
- NodeJS using Representational State Transfer
- Configuring TLS
Express JS
- An Introduction to Express JS Â
- Routing Â
- Setting Up Router
- Route Parameter and queries
- HTTP Interaction
- Handling Form Data
- Handling Query Parameters
- Error Handling
- Creating and Consuming RESTful Services
- Using Templates
- The model-view-controller pattern
- Defining Jade and Handlebars templates
- Building a front-end controller
- Defining routes
- Creating actions
- Configuring Express to use Handlebars
- Using REST
- Reading POST data
- Building Handlebars helpers
- Adding middleware
- Data Sources
- How Node.JS connects to databases
- RDBMS databases and NoSQL databases
- Connecting to RDBMS and NoSQL databases
Â
Angular JS
- Getting Started
- Introduction
- What is Angular 2?
- How Angular Works ?
- Difference between Angular and Other Framework
- Advantages of AngularJS
- Typescript
- What is typescript?
- Compare typescript with Javascript
- Data Types & Variables
- Variable & Operators
- Control Structure and Decision making & loops
- Typescript Functions & Strings
- Typescript Object
- Class , Abstract Class
- Constructor Method
- Type of Assertion
- Interfaces
- Application setup
- Installing Angular JS
- Configuration of Angular JS
- Creating an Angular 2 project
- Creating an Angular 2 project using CLI
- Node JS
- Setup
- Commands
- What is NPM
- Install Nom for Angular.
- Architecture
- Module
- Component
- Template
- Metadata
- Data binding
- Directive
- Attribute Directive
- Structural Directive ,
- Services
- Dependency Injection
- Directives
- Understanding Directives
- Directives Overview
- Different kinds of directives
- Build attribute directive
- Apply the attribute directive to an element in a template
- Respond to user-initiated events
- Pass value into the directive with an @Input data binding
- Custom Attribute Directive
- Structural And Attribute Directive
- What is structural directive?
- NgIf case study
- NgFor,NgSwitch
- What is attribute Directives
- Using the NgStyle Directive
Using the NgClass Directive - The element
- Using the NgStyle Directive
- What is structural directive?
- Service
- What is service?
- Create a service
- Understanding Services Injecting Concepts
- Async service and promise
- Introduction to Observable
- What is web service
- how to create web service
- how to consume rest service
- posting data to client server architecture
- Introduction to Material Design
- Introduction to card Material Design .
- What is Json Server .
- Install json server and run and up into your local machine
- crud operation using son server.
- Dependency Injection
- Why dependency injection?
- Angular dependency injection
- Injector provider
- Data Binding
- Interpolation
- Property binding
- Event binding
- Attribute binding
- Class binding
- Style binding
- Multiple components & passing data
Â
Â
- Display data
- Class Binding
- Style Binding
- Event Binding
- Two-way Binding
- Component Data Binding
- Component Events
- Ng-Model
- User input
- Binding to user input events
- Get user input from the $event object
- Get user input from a template reference variable
- Key event filtering (with key.enter)
- Form
- Types of Forms in Angular4
- Introduction to Template Driven Forms.
- Validation of Template Driven Forms.
- Introduction Model Driven Forms.
- Validation of Model Driven Forms.
- Two way data binding using ngModel.
- Model Driven Forms With Form Builder
- How to post data via a angular forms with rest service.
- Pipes
- Introduction to Pipes
- Why pipes are useful.
- Type of pipes
- Built-in pipes
- parametrised pipes
- how to create custom pipes
- Router
- Setting Up Router
- Imperative Routing
- Route Parameter
- Child Routing
ANGULAR 4 & 5
- Angular4
- Features of angular 4
- Animation package
- Angular Universal
- Typescript 2.1 and 2.2 compatibility
- Flat ES Modules (Flat ESM/FSEM)
- Upgrading from angular 2 to 4
- Angular 5
- What is new in Angular 5?
- Introduction to Build optimizer.
- New Router Lifecycle Events in Angular 5
- Service Workers in Angular 5
- Deprecations and Other Updates
Ionic 3 (Building Mobile Apps for iOS + Android + Windows) using Angular
- Installing the Ionic 3 CLI
- Creating a New Project with the Ionic 3 CLI
- Listing Project Templates
- Running our Project in the Browser and on a Device
- Using Live Reload on a Device
- Generating Project Components with the Ionic CLI
- Getting Environment Information with Io
- Accessing the Ionic Documentation
- Creating an Ionic.io Account
- Authenticating to Ionic.io Within the CLI
- Creating an Application on the Ionic.io Platform
- Using Ionic View to Run Your Application on a Device
- Generating Splash Screen and Icon With the CLIâ??
- Getting Started with Ionic 3
- Creating an Ionic Application
- Serving the Application
- Folder Structure
- Your First Application
- Ionic Document Flow
- Challenge - Create an Ionic Application
- Run Your Application in a Browser
Â
Hands on Experience on Live Project
- Online portal for E-learning Management
- A Web based project like E Commerce Website
- Mobile Application in Native and hybrid platform using angular and ionic3