Content Outline

(Mention broad topics which will be covered along with teaching & evaluation methodology for
each topic.)

Teaching Evaluation
S. No. Broad Topic
Methodology (s) Methodology (s)

Module 1- Introduction to
Client Server Architecture:
Components of Client-Server
Application, Client-Server Models and Live (Zoom Class)
1 their Benefits, Characteristics of Web Assignment
Projects, Static V/s Dynamic Websites
and Pre-recorded
and Web Portal.
Web Servers: Introduction to
prominent Web Servers, Installation of
WAMP/XAMPP and Eclipse IDE

Module 2- Client-Side
Implementation:

HTML: First brush with HTML,

understanding HTML and the role of
HTML in creating a web page, writing
our first HTML code, Understanding Live (Zoom Class)
HTML Boilerplate, HTML-5 syntax, and Pre-recorded
2 Quiz & Assignment
and HTML Tree, looking for
documentation on MDN and
W3School, Learning heading,
paragraph, and other useful HTML
tags, Understanding Blocks vs Inline
elements, Learning about HTML
Semantic Elements(nav, article,
section, header, main, footer, aside,
figure
and figcaption
Module 3 – CSS & CSS Live (Zoom Class)
Frameworks: and Pre-recorded Quiz, Project &
3
Introducing CSS and understanding Assignment
the role of CSS, Adding CSS to our
HTML Page, learning all about
 selectors (Basic + Advanced
Selector), Learning about CSS Colors
and various Color formats
(hexadecimal, RGB, RGBA, and HSL
format),
Learning about box models in CSS
and various box-model properties.
Understanding CSS Units, working
with layout and changing the normal
flow and default layout using display,
positions, and flexboxes, using Media
Queries to create a responsive
layout, learning about fun stuff in
CSS, adding transitions, transforming
and Animations, Exploring various
CSS frameworks - Bulma, Material
UI, Semantic UI, Tailwind CSS, and
Bootstrap
Module 4- JS : Introducing JS,
Various features - Compile-
Interpreted-JIT languages,
dynamically vs Statically Typed,
JS Engine, learning all about Math
objects and generating random
numbers in a given range,
Understanding if-else if-else if-else,
Ternary operator, Binary operator,
Logical and Bitwise Operators
Short-Circuiting using Logical AND
and OR operators, Learning the first
data structure - Array, and Various
Array methods, learning all about JS
Objects, understanding while, for, for
of, and for loops in JS, learning all
about functions and types of function
- function expression, arrow function, Live (Zoom Class)
first-class function, Understanding and Pre-recorded Assignment , Quiz &
4
Object inheritance in JS and how Projects
prototypes help to achieve it,
Understanding Construction
function and class Syntax in
JS(getter, setter, static methods),
Asynchronous Programming - Event
Loop, Callback Queue, and Web
APIs Environment, Understanding
Callback hell and using Promises
DOM: Understanding what DOM is
and how to manipulate DOM using
JS, selecting elements in a DOM tree
using various selectors, Exploring the
event life cycle, and understanding
event bubbling, Capturing, and Event
Delegation
 Module 5-
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,
creating effects using jQuery-
sliding, toggle

AJAX & APIs: introduction to Projects – Calculator,

AJAX, learning what AJAX is and
how it is useful in Web DOM TodoList,
Development and SPAs,
Live (Zoom Class) Snake Game, API
5 Comparing traditional Client-Server and Pre-recorded Application etc
Model with AJAX Model,
Demystifying the APIs and
Endpoints calling the APIs using
Postman, understanding Status Quiz and Assignment
Code, etc., Learning how to make
HTTP request using JS, Learning
the native of making AJAX request
using XMLHTTP request object,
Introducing modern way of making
a request using fetch web API,
Making request using third party
libraries such as Axios and jQuery

Module 6- Unix Commands

and Git and GitHub: Exploring Unix
environment and basic Unix commands, Live (Zoom Class)
learning all about VCS and why we need and Pre-recorded
6
them, exploring git in detail and learning
how to commit changes, resolve conflicts,
etc., Learning all about GitHub
 Module 7 - First Brush with
NodeJS : Introducing Node.js and
Learning all about Node, how it 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, Working with
file system, Learning how to read and
write data into the files, Introducing out
Web Framework for creating server,
Comparing library and frameworks,
Creating our first express app, Learning all
about routing , Using nodemon as a tool
to restart server automatically,
Understanding templating languages and
why do we need them, Configuring
express to use various templating engine
such as EJS, Using stylesheets and scripts
in our express app as static files

RESTful Routing : Introducing GET vs

POST request and where do we use them, Assignment &
Understanding POST request in detail,
Live (Zoom Class)
7 Project – Shopping
Parsing the request body using express and Pre-recorded
Cart full stack app
body parsing middleware, Learning all
about REST architecture and creating REST
routes for CRUD app

Introduction Databases : Introducing

databases as persistent layer,
Understanding SQL and NoSQL databases,
Learning how to select databases for
different projects using CAP theorem,
Learning all about MongoDB how it stores
data etc, understanding difference
between JSON and BSON, Exploring
various mongo queries for inserting,
deleting, updating data in collections,
Introducing mongoose as ODM, Creating
schema using mongoose and using Model
to manipulate the data, Interacting with
MongoDB using mongoose and
performing - Insert, delete, update, Read
operations
 Module 8- Middleware,
Express Session, and Cookies
: Learning all about middleware’s and
why do we need them, Exploring how to
write Express middleware , protecting
our routes with the help of middleware,
Exploring mongoose middleware,
Learning all about cookies -Client Side
Storage, Exploring express session and
how it helps and in storing data on
server side, Diving into authentication
and understanding Authentication vs
Authorization, Learning about
Cryptographic Hashing Functions,
Implementing authentication using
Bcrypt from scratch, Using sessions for
persistent login, Protecting routes using
middleware, Learning about passport.js
and adding Authentication using
passport, Adding authorization using
middleware’s in our app

Common Security Issues and Recorded videos & Full Stack Social
8
Deployment : Understanding common Live Zoom classes Media App
security issues using and Mongo
Injection, Cross site scripting and how to
mitigate small attacks, sanitizing payload
before storing the data into the
database, using mongo store for our
sessions, using helmet to prevent various
attacks, Preparing and deploying our app
to production environment, Connecting
our App with cloud database using
MongoDB Atlas, Deploying and
Monitoring our app to Heroku

Module 9 - REACT JS : ReactJS,

a popular JavaScript library for
creating user interfaces,
components, which are reusable UI
elements with their own state and
logic; JSX, a syntax extension that
allows for HTML-like code within
JavaScript; the virtual DOM, an
optimization technique that
efficiently updates the actual DOM;
 state management, which is crucial
for maintaining application data;
props, a mechanism for passing
data and attributes between
components; lifecycle methods,
which manage the various stages of
a component's life; hooks, a way to
use state and other React features
without writing classes; and finally,
higher-order components and
render props, advanced techniques
for sharing and reusing component
logic.

Detail of External Experts and their affiliation

(Mention the detail of external members involved in taking Coding Blocks course along with
their affiliation)

Name: Samarth Vohra

Current Organisation: Coding Blocks
Current Designation: Instructor and Product Engineer
Total Experience: 3 Year
Contact number : 9821212127

LinkedIn Profile: https://www.linkedin.com/in/vohrasamarth/