Full stack MERN Web development using node.js

Master Full stack Web development with node.JS (MERN)

This course is for students who want to learn how to build Web applications from scratch using Front end (HTML/CSS/JS) and Backend (Node.js) technologies.
Choose Batch

React framework Bonus

10 Live projects

4/6 months Duration

Classroom | Live | Online Mode of Delivery

Why should you do this course?

Enquire at - 9999579111
Check out CAST - our Scholarship test for Performance based fee waivers.
Click here

Starting from ₹ 1200/-

Choose Batch

Use Code LIV50 for 50% off on Live Batches

Key Highlights

Covers Frontend & Backend Web-Development with React Framework

10 Live projects

4/6 Months Course Duration

Certificate of Excellence/Completion

Placement assistance

Syllabus
  • Master HTML
    In this you will learn how to create the structure and the template of the webpages and websites.
  • Mastering CSS
    In this you will learn how to add styles and make your webpages look stylish and responsive.
  • Basics of Programming
    For any language the first and the most important thing to learn is the syntax, variables, loops, and conditionals. In this section, we will cover how to convert our logic to Code.
  • Mastering JavaScript
    In this you will understand how to add the functionality to you HTML and CSS webpage and websites.
  • Functions
    In this section, you will learn to write code in a modular way to help you reuse the code in different files and make it more readable and organized.
  • The Internet
    Introducing web and learning about internet,Understanding web and http, learning all about Web vs Internet,Learning about client-server architecture,Understaning frontend and backend.
  • What do HTML/CSS/JS do?
    Understanding frontend technologies - HTML, CSS, JS
  • Setting Up Our Developer Environment
    Setting up VS - Code - Installing various extensions( live-server etc)
  • Introduction to HTML
    First brush with HTML, understaning html and role of html in creating a web page,Writing our first html code,Understanding HTML Boilterplate , HTML-5 syntax and HTML Tree,Looking for documentation on MDN and W3School.
  • Learning HTML Tags
    Learning heading, paragraph and other useful html tags,Understanding Blocks vs Inline elements,Entity codes, working with anchor tags, various use cases of anchor tags.
  • HTML Forms
    Taking input from the using various HTML Input Elements and learning all about HTML Forms
  • HTML Tables
    Creating tables in HTML
  • Media Elements-Image,Audio,Video,iframe
    Learning how to work with images, audio, video and iframe elements in HTML.
  • HTML Sementic elements
    Learning about HTML Sementic Elements(nav, article, section, header, main, footer, aside, figure and figcaption.
  • Introduction to CSS
    Introducing CSS and understanding the role of CSS,Adding CSS to out HTML Page,Learning all about selectors (Basic + Advanced Selector),Understaning inheritance of various properties and Precedence of selectors in CSS.
  • Basic CSS Properties and Box Model
    Learning about background-color, font-size, color, border, text-transform, text-decoration etc. Learning about CSS Colors and various Color format (hexadecimal, rgb, rgba and hsl format), Learning about box model in CSS and various box-model properties. Understanding CSS Units.
  • Display, Positions and Flexboxes, Media Queries
    Working with layout and changing the normal flow and default layout using display, positions and flexboxes, using Media Queries to create responsive layout.
  • Transition, Transform and CSS Animations
    Learning about fun stuff in CSS, adding transition, transform and Animations.
  • 3D Transform
    Creating a 3D rotating card using 3D Transform
  • CSS Grids and CSS Variables
    Understaing CSS Grids and creating responsive layout using grids, Understanding CSS Variables.
  • Introduction to CSS Frameworks
    Exploring various CSS frameworks - Bulma, Material UI, Sementic UI, Tailwing CSS, and Bootstrap.
  • Bootstrap
    Exploring bootstrap and how to add in our project,Learning all about bootstrap grids and creating a responsive layout,Using various bootstrap components - navbar, card, button etc,Exploring bootstrap utilities for css - flex, display, positions, font etc
  • Introduction to JS
    Introducing JS, Various features - Compile-Interpreted-JIT languages, Dynamically vs Statically Typed JS Engine,Learning primitives in JS(Number, String, Boolean, undefined, null) and strings methods,Learning all about Math object and generating random numbers in given range,Understaning if-else if-elseif-else , Ternary operator, Binary operator, Logical and Bitwise Operators Shortcircuiting using Logical AND and OR operator
  • JS Arrays, Nested Arrays
    Learning the first data structure - Array, and Various Array methods.
  • JS Objects
    Learning all about JS Object
  • Repeating stuff with Loops
    Understanding while, for, forof and forin loops in JS
  • Introducing Functions
    Learning all about functions and types of function - function expression, arrow function, first class function.
  • Function deep dive - Execution context
    Diving deep into the function execution and understanding the execution context
  • Scopes, HOF, Closure
    Resoving scopes in JS, Learning about HOF and Closures
  • Prototypes, Constructor Function and Class Syntax
    Understaning Object inheritance in JS and how prototypes helps to achive it, Understanding Construction function and class Sytax in JS(getter, setter, static methods.
  • Async Programming and Web APIs
    Asynchrounous Programming - Event Loop, Callback Queue and Web APIs Environment.
  • Callback Hell and Promises
    Understanding Callback hell and using Promises
  • Introduction to DOM Web API
    Understanding what DOM is and how to manipulate DOM using JS,Selecting elements in a DOM tree using various selectors,Learning about various DOM properties - innerText, textContent, innerHTML, setAttribute, getAttribute,Travarsing the DOM tree from child to parent and vice-versa,Creating and deleting elements in a DOM tree.
  • Events and Event Listener
    Diving into the events and how events works
  • Event Lifecycle - Bubbling and Capturing, Event Delegation
    Exploring the event life cycle and understanding event bubbeling, Capturing and Event Delegation.
  • jQuery
    Introduction to JS framework-jQuery, Learning and exploring easy to use APIs provided by jQuery,Exploring various APIs in jQuery - .css(), html(), attr(), first(), last() etc,Learning how add events in jQuery,Creating effects using jQuery- sliding, toggle etc
  • Understanding AJAX
    Introduction to AJAX, learning what AJAX is and how it is useful in Web Development and SPAs,Comparing traditional Client-Server Model with AJAX Model,Learning about various data exchange format - JSON and XML.
  • APIs and Endpoints, Postman
    Demystifying the APIs and Endpoints calling the APIs using Postman, understanding Status Code etc.,Learning how to make HTTP request using JS,Learning the native of making AJAX request using XMLHttp request object.
  • Fetch
    Introducing modern way of making request using fetch web API
  • Third Party Libraries - Axios, jQuery
    Making request using third party libraries such as Axios and jQuery
  • Unix, Git and Github
    Exploring Unix environment and basic unix commands,Learning all about VCS and why do we need them,Exploring git in detail and learning how to commit changes, resolve conflicts etc.,Learning all about github.
  • Exploring Node.js
    Introducing Node.js and Learning all about Node, how its is useful, what we can do using Node etc.,Learning various inbuilt Node modules e.g : http, file-system, path etc.,Sharing code between js files in Node.js.
  • File System, Path Modules
    Working with file system, Learning how to read and write data into the files
  • Exploring NPM, installing and uninstalling packages Exploring NPM world and learning how to install packages using NPM and creating projects using NPM,Installing packages locally and globally.
  • Introducing Express
    Introducing out Web Framework for creating server,Comparing library and frameworks,Creating our first express app
  • Using nodemon
    Using nodemon as a tool to restart server automatically.
  • All about templating engines
    Understanding templating languages and why do we need them
  • Configuring express to use EJS
    Configuring express to use various templating engine such as EJS,Setting up the views directory,Learning about various ejs tags and their uses,Passing data from server to the templates.
  • Conditionals and Loops in EJS,Serving static assets in Express
    Learning how to conditionally render the data in templates and Looping over data inside the templates,Using stylesheets and scripts in our express app as static files
  • GET vs POST Request
    Introducing GET vs POST request and where do we use them
  • Defining POST route,Parsing the request body
    Understanding POST request in detail,Parsing the request body using express body parsing middleware
  • All about REST
    Learning all about REST architecture and creating REST routes for CRUD app
  • Inserting, Update, Deleting with mongo
    Exploring various mongo queries for inserting,deleting, updating data in collections
  • Mongo Operators
    Learning about mongo operators and their uses for building complex queries
  • Introducing Mongoose
    Introducing mongoose as ODM,Learning ODM vs ORM,Creating schema using mongoose and using Model to manipulate the data
  • Cookies
    Learning all about cookies Client Side Storage
  • Authentication using bcrypt
    Diving into authentication and understanding Authentication vs Authorization,Learning about Cryptographic Hashing Functions,Implementing authentication using Bcrypt from scratch,Implementing Authentication from scratch
  • Authentication using Passport.js
    Learning about passport.js and adding Authentication using passport,Adding authorisation using middlwares in our app
  • Web Security Introduction
    Understanding common secuirity issues using and Mongo Injection,Cross site scripting and how to mitigate small attacks,Sanitising payoad before storing the data into the database,Using helmet to prevent various attacks.
  • Preparing our app for deployment
    Preparing and deploying our app to production enviroment,Connecting our App with cloud database using MongoDB Atlas,Deplyoing and Monitoring our app to Heroku
  • Introduction to React.js
    Introducing all about React.js and why do we use react how it solves our problem,Exploring new generation js features - destructring, spread, rest parameters, arrow functions etc.,Creating and understanding our first react app.
  • Class vs Functional Components State vs Props
    Learning all about React components - Class and Functional components,Handleing state and props in react,Learning how to take input and working with forms in react,React Events
  • Learning useState ,useEffect,useRef Hook
    Expolring hooks in react and their uses
  • Sending HTTP Request
    Sending http request using fetch and axios
  • Router - SPAs vs MPAs
    Understanding react router - SPAs vs MPAs
  • Context API in React
    Handling global state with Context in React
  • All about react Hooks
    More about react Hooks
  • MERN Stack Project
    Project
Projects
Food ordering app

MERN stack project putting all your React & Web dev skills to test

Chatting App

Full stack project building a real time app from scratch

Medium clone

Create a clone of Medium working full scale on Front end, Backend and deployment

e-commerce website

Build a fully functional e-commerce website displaying products, features, Signup, Payments and more using Front end, Back end, Security and deployment skills

Calculator app

Use Front end technologies to build a full featured Calculator app

Game project

Use Front end technologies to build a super awesome game all by yourself and surprise everyone

Movie search app

Use Front end technologies to build a fully featured Movie search app

Twitter

Build your own Twitter using Full stack skills and learn the art of converting ideas to life using Technology

Photographer's blog

Build a Photographer's blog using your front end skills

To-Do app

Create a handy To-Do app to get organised using HTML, CSS and JS and share it with your audience

Choose Batch

Classroom Batch

3-4 months duration, Frontend, Backend, React and 10 live projects
Priority Placement assistance & Doubt support
Personal mentoring, progress tracking and feedback
Certificate of Excellence/Completion
Free Backpack, Swags and access to Online course
Developer CV and In-class Hackathons

Courses

Live Batch

3-4 months duration, 60+ Live interactive classes, Frontend, Backend, React and 10 live projects
Priority Placement assistance & Doubt support
Personal mentoring, progress tracking and feedback
Certificate of Excellence/Completion
Free Backpack, Swags and access to Online course
Developer CV and In-class Hackathons

Courses

Online Batch

Highly Economical model to learn
95+ hours Exhaustive content and Tech enabled Guided learning
6 months duration, 10 live projects
Live interactive booster classes of difficult topics
Certificate of Excellence/Completion
Progress tracking and feedback
Optional Priority Placement assistance & Doubt support

Courses

Why choose Coding Blocks

Learn and grow as a developer with our project based courses.

Industry-focused curriculum

Superb mentors

Best in class mentors from top Tech schools and Industry favourite Techies are here to teach you.

Career-focused pedagogy

Industry-vetted curriculum

Best in class content, aligned to the Tech industry is delivered to you to ensure you are a darling of the Tech industry.

Best in class mentor

Project based learning

Hands on learning pedagogy with live projects to cover practical knowledge over theoretical one.

Placements

Superb placements

Result oriented courses with placement across all genres, students as well as Working professionals.

Inspirational Success stories of CB Alumni

where hard work and determination meets victory!

Top placements from these programs

Our students can be found in

45x - 200x

Return on Investment

After the completion of the course you will get a ROI of 45 - 200x

Choose Batch

Placement assistance

A dedicated Placement team along with Hiring Blocks, the placement portal of Coding Blocks work round the clock to ensure the best of opportunities in the Tech arena are available to you.

Developer CV and profile Preperation

Developer CV and Dev profile Preperation

Interview Preperation

Interview Preperation

Referrals for Placements and internships

150+ Partner companies for Placements and internships

Mock interviews

Mock interviews

Learning cycle

What an inspiration to all!

Best in class mentors

Coding Blocks has some of the best mentors in the Industry who will remain by your side during your Preperation for teaching, guidance and assistance.

Kartik MathurAcademics head and Founding member

Sabeel KhanInstructor and Product engineer

Your Code Buddies!

A wide network of TAs aka Teaching assistants, who are typical ex-students of Coding Blocks helps in Doubt resolution along with Mentors, through Video, Audio, Screen share and other media to ensure all your queries are addressed timely

Industry Coaches

Industry experts are guides currently working in Top companies like Google, Amazon, Microsoft and the like and they helps students with invaluable tips on the Industry, Hiring process, Mock interviews and other necessities required for paving the way into the Top Tech companies around the globe.

Tech Established Learning!

The e-learning portal is an in-house developed, state of the art application which uses the best of technology and resources to ensure all learners gain the maximum from their program. It provides immersive learning with suggestions and guidance to ensure even self learning is effective and fruitful. This portal allows learning through ebooks, videos, notes while allowing learners to attempt coding problems, MCQ assignments with attending live classes and asking doubts through chat and live video calling feature with mentors and TAs.

See what students have to say

Frequently Asked Questions

Learn and grow as a developer with our project based courses.