mern stack course

Full MERN Stack Development Course

 ₹25,000.00

Join our Full MERN Stack development course online or offline. Also get lifetime access to the recordings of all live lectures.

Get Flat 37.5% off


Book Your Seat Now

Payment Structure

₨40000

25000

  • Book Your Seat by just paying 10%: Rs. 3,000/-
  • Remaining Payment 4 Months Instalment: Rs. 5,500/-
  • Note: course study material not included in the course fee


Book Your Slot Now

Next Batch
15th July

Duration
6 Months

Course Structure

Introduction

  • UI Developer roles and responsibilities
  • UX designer roles
  • Technologies needed
  • Power of UI
  • Current market requirements on UI
  • Basic Technologies needed
  • Difference between Front end and Backend
  • Sample web pages
  • Crawling and Meta tags 

Basics – HTML

  • Exploring existing pages
  • Browsers & Editors
  • DOM
  • Structure of HTML Page
  • Mandatory tags in html page (html, head, body)
  • Heading tags (H1…H6), Tags and attributes (Class, Id, style…etc.)
  • Inline and block level elements 

CSS

  • What is CSS
  • Different ways of applying CSS for elements, and priority chain of CSS
  • CSS Properties (color, font, size, border…etc.)
  • Box model, Margin & Padding
  • Positioning Elements, Floating Elements 

More HTML Tags

  • Including external page links in a page using anchor tags and its properties
  • Working with row & column data using table tags
  • Hiding and un-hiding elements using display property
  • img tag, p tag, ul &ol tags, li, nobr, hr, bretc
  • Layouts, forms, buttons
  • Input fields (textbox, radio button, checkbox, dropdown, text area etc.)
  • Debugging HTML & CSS (Firebug, IE and Chrome developer tool)
  • Creating Tabs and menu lists 

More CSS Properties

  • Adding borders, font, Pseudo classes & Pseudo Elements
  • positioning elements (absolute, relative, fixed & static)
  • Image spiriting
  • Box model (margins, padding)
  • Floating elements (float left, right etc.)
  • Including external resources
  • Absolute and Relative paths
  • Including external resources like CSS, images etc.
  • Display Property (inline, block, inline block etc)
  • Display none and hidden elements. 

Form Elements

  • Get & Post Communication
  • Validating input values in a form.
  • Form action and type 

JavaScript

  • Data types and data structures in Js
  • Control structures, if, if-else, while, for, switch case statements
  • Hosting & type casting 

JavaScript Supported Data Structures

  • Arrays and Predefined methods.
  • Working on logical programs using Arrays.
  • Predefined methods in arrays
  • Strings and predefined methods
  • Objects
  • JSON, SET, MAP
  • Iterating through Dynamic JSON Object.
  • Exploring Predefined Date object. 

Advanced JavaScript

  • Inheriting Static Object using proto.
  • Inheritance using Object. Create()
  • Java Script Classes
  • Prototyping
  • Inheritance using prototyping.
  • Global and local variables
  • Securing Data using Closures
  • Exception Handling
  • Handling Predefined and user defined exceptions
  • Exploring try, catch, finally and throws. 

jQuery

  • History and version explore
  • Difference between Minified and non-minified JS files.
  • On load and on ready difference
  • jQuery selectors
  • Multiple ways of referring DOM elements using jQuery selectors
  • jQuery methods
  • Adding dynamic properties for DOM elements
  • Toggling elements
  • Creating dynamic elements using jQuery 

jQuery Traversing methods

  • Traversing Siblings, Children’s & Parent Elements.
  • Traversing Ancestors.
  • Finding elements using jQuery techniques
  • Filtering elements 

Events using jQuery

  • Binding events, Dynamic binding
  • List of events been supported in jQuery (blur, change, click, dB click, etc.)

AJAX

  • Advantages with AJAX and its limitations
  • Samples working with AJAX
  • Different data formats used in AJAX (string, xml, JSON, etc.)
  • XML and JSON difference
  • Cross domain interactions using JSONP
  • jQuery Promises with multiple conditions
  • Handling Multiple AJAX Calls using jQuery Promises. 

jQuery Animations

  • Animation Effects using
  • Hide, Show
  • Sliding up and down, Fading, Animate Method. 

jQuery Templating

  • Loading DOM dynamically using jQuery templates
  • loading templates using AJAX 

HTML 5

  • Difference between HTML5 and HTML 4
  • List of Browsers support HTML5
  • Doc type & Semantic Tags
  • Multithreading Using Web Workers.
  • Media Support (audio and video tags)
  • Graphics using Canvas tag and SVG Tags.
  • Drag and Drop features
  • Offline Application using Application Cache
  • Exploring Navigator Object
  • Working on locations lat and lng using Geolocation
  • Storing user preferences using Local storage & Session Storage 

CSS 3

  • Difference between CSS 2 and CSS 3
  • Adding borders and backgrounds
  • Advanced text effects(shadow)
  • 2D and 3D Transformations
  • Adding Transitions to elements
  • Adding animations to text and elements

Responsive Design

  • Difference between multiple devices, making a page to work on multiple devices
  • Media queries
  • Introduction to Bootstrap CSS API 

Bootstrap-4 along with components

  • Basic-Typography
  • Text-Alignments, Floats-Positions
  • Colors-Backgrounds, Margins-Paddings
  • Sizing’s, Breakpoints, Buttons, Navbars
  • List-Groups, Forms, Input-Groups
  • Alerts-Progress
  • Tables, Cards, Carousel, Collapse, Modal
  • Grid-System, Grid-Alignments, Flexboxes 

ECMA 6 (Latest JavaScript)

  • Const and let keywords
  • Arrow functions, advantages
  • Extended parameter handling, default parameters
  • Template literals
  • Enhanced object parameters
  • Creating direct classes, inheritance
  • Implementing promises
  • new data structures sets and maps
  • New string built-in methods
  • Using iterators 

NODE JS

  • Introduction to Server-Side Scripting
  • Node JS Features and Drawbacks
  • Setup Environment for Node.js
  • Node JS Program architecture
  • Node JS Web Server
  • Node JS Global Objects
  • Node JS OS Objects
  • Node JS Error Handling
  • Node JS Event Loop
  • Node JS File System
  • Async and Sync
  • Connecting with Database
  • Handling CRUD Operations
  • Express
  • Routing in Express
  • Response Methods in Express
  • Serving Static Files
  • Express JSON Parser
  • Express CORS
  • Creating Web API 

Express JS

  • Exploring Express module
  • Setting up express environment
  • Creating http server using express

Data Communication

  • Sending and receiving Post & GET Data
  • Reading data from GET/POST requests 

Templates

  • Creating templates using PUG/JADE
  • Generating Dynamic html pages from server
  • Responding a template for a client request 

File System

  • Exploring File system, Reading and writing to files 

REST API & Webservices

  • Introduction to REST API
  • REST Architecture 

Clustering

  • Creating and handling multiple clusters in Node js 

DB Connection

  • Connecting to Mongo DB Connecting to SQL 

Webservice with DB interactions

  • Creating web services which communicate with Database 

MONGO DB

  • Introduction to MongoDB
  • Configuring Server and Client
  • MongoDB Compass
  • Creating Database
  • MongoDB Commands
  • MongoDB CRUD Operations

ReactJS Introduction

  • React Intro
  • Node installation
  • Create an app using create-react-app
  • Understanding basics of react app
  • Understanding JSX
  • Understanding virtual DOMS, Single page apps
  • React Lifecycle
  • States, class components vs functional components
  • Event handling, props
  • Building forms in React
  • Routes
  • Conditional Rendering
  • Pure Components
  • High order components
  • Controlled vs Uncontrolled components
  • Redux
  • Babel, Webpack
  • Axios, Creating a mock server
  • SASS overview

Projects

  • 5 Mini Projects
  • 1 Major Project