SYLLABUS

MASTER FULL STACK WEB

DEVELOPMENT USING
NODE.JS

THIS COURSE IS IDEAL FOR

those who are interested in making next-
gen websites and converting ideas to
reality, You need to know Coding and
should have working knowledge of DSA to
start Web development.
MASTER FULL STACK WEB
DEVELOPMENT USING NODE.JS

WHY DO THIS COURSE

Future proof your career
Web development is a great choice when it comes to
career. Web developers are known to be great Pay and
benefit holders and an important part of the business
cycle.

Great skill for Entrepreneurship

With App development skills, you will hold the power to
convert Business ideas to real world. Creating something
that helps ease human effort and change life of millions
if not billions is a true Entrepreneurial move.

Extremely important for Jobs

Hiring trend in the current scenario has changed and a
number of companies expect students to know Web
development and modern frameworks like React.

COURSE HIGHLIGHTS
React framework
01 as bonus 03 10 Live projects

Taught in Classroom,
02 4/6 months 04 Online and Live modes

THIS COURSE INCLUDES

Both Frontend and Backend modules with 10+ projects
Detailed coverage of React
Certificate of completion and Certificate of Excellence
Placement assistance
 MASTER FULL STACK WEB
DEVELOPMENT USING NODE.JS

SYLLABUS
Master HTML
INTRODUCTION

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 C++ 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 C++ files and make it more readable and organized.
The Internet
Introducing web and learning about internet,Understanding web and http, learning all
MASTER HTML

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.
 MASTER FULL STACK WEB
DEVELOPMENT USING NODE.JS

SYLLABUS
HTML Sementic elements
MASTER CSS AND CSS FRAMEWORK

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.
MASTER JAVASCRIPT

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.
 MASTER FULL STACK WEB
DEVELOPMENT USING NODE.JS

SYLLABUS
JS Objects
MASTER NODEJS AND EXPRESS

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
REACT.JS

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
 MASTER FULL STACK WEB
DEVELOPMENT USING NODE.JS

SYLLABUS
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.
INTERVIEW QUESTIONS AND EXPERIENCES

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
MASTER FULL STACK WEB
DEVELOPMENT USING NODE.JS

SYLLABUS
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
MASTER FULL STACK WEB
DEVELOPMENT USING NODE.JS

INTERVIEW QUESTIONS AND EXPERIENCES

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
MASTER FULL STACK WEB
DEVELOPMENT USING NODE.JS

PROJECTS

MERN stack project putting all

your React & Web dev skills to test

Create a clone of Medium working full scale

on Front end, Backend and deployment

Full stack project building a

real time app from scratch

Use Front end technologies to build

a full featured Calculator app

Build a fully functional e-commerce website

displaying products, features, Signup, Payments and
more using Front end, Back end, Security and
deployment skills
 MASTER FULL STACK WEB
DEVELOPMENT USING NODE.JS

PROJECTS

Use Front end technologies to build a super

awesome game all by yourself and surprise everyone

Use Front end technologies to build a fully

featured Movie search app

Build your own Twitter using Full stack skills

and learn the art of converting ideas to life
using Technology

Build a Photographer's blog using your front

end skills

Create a handy To-Do app to get organised

using HTML, CSS and JS and share it with your
audience
 MASTER FULL STACK WEB
DEVELOPMENT USING NODE.JS

CHOOSE HOW YOU

LEARN
You can pick from the following modes to learn

Classroom model

Live interactive Self paced Online

model model

WHY CODING BLOCKS

Industry-vetted
01 Superb mentors 03 curriculum
Project based
02 learning 04 Superb placements

INSPIRATIONAL STORIES

Sarthak Goel Ridham Arora

SDE-1, Samsung
SDE-1, OYO
MASTER FULL STACK WEB
DEVELOPMENT USING NODE.JS

Eeshani Agarwal Arushi Singh

SDE-1, J.P Morgan SDE-1, Sandisk

Ritik Mittal
SDE-1, Goldman Sachs

You Can Be One Of Them! 🚀

MASTER FULL STACK WEB
DEVELOPMENT USING NODE.JS

OUR STUDENTS CAN BE FOUND IN

ROI

45x - 200x
The returns on your investment made on
learning the courses at Coding Blocks
typically range from 45 to 200 times,
depending upon your Course type and
annual CTC achieved after the course
completion.
MASTER FULL STACK WEB
DEVELOPMENT USING NODE.JS

PLACEMENTS
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.

ALL THE HELP YOU NEED

01 Developer CV and Dev profile preparation

02 Interview preparation

150+ Partner companies for Placements and

03 internships

04 Mock interviews
MASTER FULL STACK WEB
DEVELOPMENT USING NODE.JS

LERNING CYCLE
MENTORS

Kartik Mathur Sabeel Khan

Acads head & Founding member Senior Mentor & Product Engg

A wide network of TAs aka Teaching

TEACHING ASSISTANTS

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

TAs
Your Code buddies
MASTER FULL STACK WEB
DEVELOPMENT USING NODE.JS

LEARNING CYCLE
INDUSTRY EXPERTS

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.

Industry Coaches
PORTAL

Tech enabled 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.
MASTER FULL STACK WEB
DEVELOPMENT USING NODE.JS

CONTACT US
9999 579 111 Toll free number
CALL US

1800 274 4504

9999 579 222

9999 579 333

EMAIL US

admissions@codingblocks.com
info@codingblocks.com

PITAMPURA PITAMPURA
47, Nishant Kunj 360, Kohat Enclave
1 & 2 floor 2 floor
Pitampura Pitampura
New Delhi New Delhi

NOIDA SOLAN
Bridgekala, Near New
CENTRES

A-73, Sector 2
Near Sector 15 Metro station Bus Stand, Solan By-Pass
Noida National Highway
Uttar Pradesh Himachal Pradesh

https://www.codingblocks.com
WEB

https://online.codingblocks.com