Full Stack Developer

(MERN SPECIALIZATION)

Become a full stack developer with expertise on MERN Stack.

Build strong web development fundamentals and problem solving skills.

Architect end-to-end web applications using emerging frameworks and

create a portfolio of projects.

There are three growth cycles in CCBP Tech 4.0 Intensive. Only after

completing the current growth cycle, access to the content of the next

growth cycle be given. In addition, The concepts taught in the growth cycles

will be continuously assessed.

GROWTH CYCLE - 1
 Growth cycle 1

Static Website Design

This course helps you build a strong foundation

on web technologies such as HTML, CSS. With
this, you will create and publish simple and
beautiful websites from scratch.

Software Development Fundamentals

Importance of Frontend

Fundamentals

Syntax

Debugging

Tweaking Code

HTML Basics

Getting Started HTML Attributes

HTML Elements HTML Images

HTML Headings HTML Hyperlinks

HTML Paragraphs HTML Containers

HTML Button HTML Lists

CSS Basics
CSS Rulesets CSS Box Model

CSS Properties CSS Margins

CSS Paddings
CSS Colors
CSS Borders
CSS Units

Bootstrap Components
Carousel

Embedding Videos

Course Project
Build your Tourism Website by using HTML5,
Tourism Website CSS3 and Bootstrap
 Growth cycle 1

Responsive Website
Design
This course helps you build a strong foundation on
web technologies such as HTML, CSS, Media
Queries, and Flexbox. With this, you can create a
responsive web application which runs smoothly
across all the devices like desktop, tablet, and
mobile.

Intermediate CSS
Block vs inline elements CSS Specificity

CSS Selectors CSS Inheritance

Class Selector CSS Cascading
Id Selector

Type Selector

Course Project
Build a responsive Food Munch Website using
Food Munch HTML5, CSS3 and Bootstrap Grid System.
Bootstrap
Bootstrap Grid System Navbar
Container Buttons
Row
Colors
Column

Bootstrap Utilities
Display Utilities
Flex Utilities
Sizing Utilities
Spacing Utilities

Course Project
Build a responsive Ecommerce Website using
Ecommerce Website HTML5, CSS3 and Bootstrap Grid System.
 Growth cycle 1

Programming Foundations

with Python

Learn how a company creates, delivers and

captures value. Also, you will learn how to

clearly understand the Business Model of

any company and create a business model

for your own company.

Fundamentals of Programming

Operators, Datatypes & Variables Loops

Strings & Numbers String Methods

Conditional Statements

Functions & Data Structures

Lists and List Methods

GROWTH CYCLE - 2
 Growth cycle 2

Programming Foundations

with Python
Learn how a company creates, delivers and
captures value. Also, you will learn how to
clearly understand the Business Model of
any company and create a business model
for your own company.

Functions & Data Structures

Functions & Recursion

Sets & Dictionaries

Tuples & Sequences

Object-Oriented Programming
Classes & Objects in Python

Attributes & Methods

Inheritance & Polymorphism

Working with Python Standard Library

 Growth cycle 2

Dynamic Web Applications

In this course, you will understand the fundamental

concepts in JavaScript and apply them to build
dynamic and interactive web projects. You will also
learn scope, hoisting and the fundamentals necessary
to use modern frameworks like React, Angular and Vue.
You'll master key functional methods like map, reduce
and lter plus promises and ES6+ asynchronous
JavaScript!

Introduction to JavaScript

Data Types Arrays

Variables Objects

Basic Operators Control Flow

Conditionals Comments

Loops Math Functions

Functions

DOM Manipulation

The JavaScript Console Important Selector Methods

Introduction to the DOM Manipulating Style

Defining the DOM Manipulating Text and Content

 Select and Manipulate Manipulating Attributes

Local Storage

Course Project

Build a Todos Application using HTML5, CSS3

Todos Application
and JS.

Forms

The form element The button element

The label element The select element

The input element The textarea element

The option element Form validations and Input validations

The optgroup element

The button element

Array Methods

Adding & Removing Elements Finding Elements

Push Find

Unshift IndexOf

Splice

Concat

Pop

Shift
Events, Fetch & Callbacks

How to add Event Listeners Hypertext Transfer Protocol (HTTP)

Callbacks HTTP Requests using Fetch

Schedulers HTTP Responses

SetTimeout Working with JSON data

ClearTimeout

SetInterval

Course Project
Build a Wikipedia Search Application using

Wikipedia Search
HTML5, CSS3 and JS.
Application
 Growth cycle 2

Intermediate JavaScript

In this course, you will learn the concepts like Events,

Scope, Hoisting, this, ES6 Classes, Error handling, More
about Objects and how to handle Asynchronous
JavaScript.

Rest parameters and spread syntax

Destructuring Arrays

Destructuring Objects

More Objects

Constructor Functions Constructor Method

Factory Functions New keyword

This

This in methods This in function declarations

Window scope This in events

Prototypes & ES6 Classes

Built-in Constructor Functions Inheritance

Constructor Property This in classes

Asynchronous JS

Async/Await

Promises

Scope & Hoisting in JavaScript

Array Methods

Map

Filter

Reduce

String Manipulations

Trim & Split Methods

ToUpperCase & ToLowerCase Methods

Includes Method
 Growth cycle 2

Intermediate Responsive
Web Design
This course will help you to develop a responsive
layouts using CSS Flexbox and CSS Media Queries.

CSS Layouting
CSS Flexbox Sizing Elements
Display
Over flow
Flex-direction
Box Sizing
Justify-content
Content Box
Align-items
Border Box
Flex-wrap
Flex- row
Align-content
Align-self
Flex-grow
Flex-shrink
Order
CSS Media Queries

Media Query Combining Multiple Media Features in a

Media Types single Media Query.

Logical Operators (and)

Media Features
Logical Operators (not)
Width, min-width, max-width
Logical Operators (,)
Height, min-height, max-height

Orientation
 Growth cycle 2

Relational and Non

Relational Databases

Learn about the incredibly prevalent databases today.

Through this course, you'll develop strong fundamentals
and be pro cient in concepts related to Databases and
DBMS. Most importantly, you'll also be able to perform
powerful queries on databases using SQL.

Relational Databases

Introduction Normalisation & Advanced SQL

SQL Querying

Aggregation, Relationships, Join ACID Properties

Course Project Generate insights from raw data by applying

Analyzing Data & various complex aggregations and advanced
Generating Business
queries.
Insights
 Growth cycle 2 (Optional)

Aptitude

In this course, you will develop your

aptitude and problem-solving ability
through innovative approaches such as
test-based learning, which is a mix of
learning, practice, and assessment.

Instruction Flows

Aptitude

Number System and its Applications Ratio and its Applications

Time and Work Percentage and Its Applications

Pipes and Cisterns Time, Speed and Distance

Chain Rule Logical Reasoning

Permutations, Combinations and Verbal Ability

Probability
 2
Growth cycle 2(Optional)

Interview Essentials

In this course, you'll learn how to build a

strong resume, get ready for interviews,

and then the professional world.

Interview

Resume Building

Interview Preparation
GROWTH CYCLE - 3
 Growth cycle 3

Developer Fundamentals

You will learn the essentials of Operating Systems,

Networks and use some essential developer tools like
Command-Line and Git. You'll learn to version your
software with Git and push your code to GitHub

Introduction to OS & Networks

Overview of OS Concepts Application Layer

Networks & Internet Web Servers

Network Layer

Working with Command Line

Files & File System Environment Variables

Managing System Packages Network & SSH

Collaborating with Git

VCS & Git Repositories Working with Branches

Staging Area & Commits Issues & Pull Requests

 Growth cycle 3

Backend Development
with Node and Express

In this course, you'll learn how to build a backend web

application using one of the most popular and
matureJavascript web development frameworks, Express.
It lets you build better web apps quicker, and with less
code. This course covers various aspects of web
application development like database routing, urls etc.

Introduction to NodeJS

Node REPL

Modules

NPM CLI

Usage of NPM Packages

Introduction to Express Web Application Framework

HTTP Server Handling HTTP Request

Routes Preparing HTTP Response

Fundamentals of Application Building in Express
Integration with Database Error Handling

CRUD Operations Middlewares

Course Project
Build your rst web application, A Q&A platform
Content Management
Portal similar to StackOver ow using ExpressJS.

Securing APIs
Json Web Token(JWT)

Authentication vs Authorization

Building Secure Web API's with Express

Debugging
Node inspect

Visual Debugging
 Growth cycle 3

React JS - Getting started

In this course, you will learn how to build stateful web
applications with the ReactJS library. When you finish
this course, you will be comfortable creating an
application in ReactJS, from scratch.

Introduction to React JS
Why React? Handling Events

Stateful + Stateless components Conditional Rendering

Hello World Lists and Keys

Introducing JSX Forms

Rendering Elements Composition vs Inheritance

Components and Props Thinking In React

State and Lifecycle

CSS in JS
Styled Components

Emotion
Routing

Query parameters

Path parameters

Authentication and Authorization

Course Project
Ecommerce Build an Ecommerce application using React JS.
Application
 Growth cycle 3

React JS Hooks

In this course, you will learn how to build stateful web

applications with the React JS Hooks.

Introduction to Hooks

Introducing Hooks Hooks with Local Storage

useState Hooks with React Router

useEffect Data fetching using Hooks

useContext Writing Custom Hooks

Course Project
Build an Ecommerce application using React JS
Ecommerce
Application Hooks
 Growth cycle 3

Relational and Non

Relational Databases

Learn about the incredibly prevalent databases today.

Through this course, you'll develop strong fundamentals
and be pro cient in concepts related to Databases and
DBMS. Most importantly, you'll also be able to perform
powerful queries on databases using SQL.

Non Relational Databases (MongoDB)

Introduction to MongoDB Aggregations

CURD operations Nested Documents

Querying Documents

Course Project Generate insights from raw data by applying

Analyzing Data & various complex aggregations and advanced
Generating Business
queries.
Insights
 Growth cycle 3

You are going to build one of the following projects.

Capstone Project - Slot

Booking Application like
BookMyShow
In this project you will be developing a Slot Booking

Application that provides a user an easy way of

booking movie tickets online. Users can view various
booking slots available and select the preferred date
and time.

Tools and Technologies used

HTML ReactJS
CSS ExpressJS Server
JS CRUD API's

AWS Express Middlewares

S3 Designing & Querying Relational Database

Route53
Cloudfront
 Growth cycle 3

Capstone Project - Build a

social networking web app
In this project you will be developing a Social
networking web app with popular features like post,
comment

Tools and Technologies used

HTML ReactJS
CSS ExpressJS Server
JS CRUD API's

AWS Express Middlewares

S3 Designing & Querying Relational Database

Route53
Cloudfront
 Growth cycle 3

Capstone Project -
Movies App like Netflix/
Amazon Prime

In this project, you will develop a responsive

Streaming Application like Netflix where users can see
movies categorized into popular, trending, etc. They
can also use this application to search movies and
view specific movie details.

Tools and Technologies used

HTML ReactJS

CSS ExpressJS Server

JS CRUD API's

AWS Express Middlewares

S3 Designing & Querying Relational Database

Route53

Cloudfront
 Growth cycle 3

Capstone Project - Build

a Covid19 Dashboard
In this project, you will develop a responsive
COVID19 Dashboard where users can see
confirmed, active, recovered, and deceased cases
for each state in India. Users also can search by
state and see state-specific cases info with
different types of graphs.

Tools and Technologies used

HTML ReactJS
CSS ExpressJS Server
JS CRUD API's

AWS Express Middlewares

S3 Designing & Querying Relational Database

Route53
Cloudfront
 Growth cycle 3

Capstone Project -
Online Food Ordering
Platform like Swiggy/
Zomato
In this project, you will develop a responsive
Online Food Ordering System like Swiggy where
users can see popular restaurants with sort by
rating, specific restaurant details, adding or
removing food items to cart, and payments
section.

Tools and Technologies used

HTML ReactJS
CSS ExpressJS Server
JS CRUD API's

AWS Express Middlewares

S3 Designing & Querying Relational Database

Route53
Cloudfront
 Growth cycle 3

Capstone Project -
Music Stremaing App
like Spotify

In this project, you will develop a responsive

Music Streaming application like Spotify where
users can see featured playlists, categories, new
releases based on user country, playlists, specific
category details, specific playlist details, specific
album details, and users can play the song.

Tools and Technologies used

HTML ReactJS

CSS ExpressJS Server

JS CRUD API's

AWS Express Middlewares

S3 Designing & Querying Relational Database

Route53

Cloudfront
 Growth cycle 3

Capstone Project - Build

a Mini Games App
In this project, you will develop a responsive Mini
Games application where users can play a
collection of memory games like Emoji Game,
Rock Paper Scissors, Memory Matrix, and Card
Flip Game by following the given instructions.

Tools and Technologies used

HTML ReactJS
CSS ExpressJS Server
JS CRUD API's
AWS Express Middlewares
S3 Designing & Querying Relational Database
Route53
Cloudfront
 Growth cycle 3

Capstone Project - Build

a Task Manager App
In this project, you will develop a responsive Task
Manager Application like Trello where the users can
log in and see a list of boards in an Organization, a
collection of Lists in a specific board, and a list of
tasks in a specific List.

Tools and Technologies used

HTML ReactJS
CSS ExpressJS Server
JS CRUD API's
AWS Express Middlewares
S3 Designing & Querying Relational Database
Route53
Cloudfront
 Growth cycle 3

Capstone Project - Build a

Github Profile Visualizer

In this project you will be developing a responsive

Github Profile Visualizer where users can see profile,
repositories, specified repository details, and analysis
of repositories related to Github username.

Tools and Technologies used

HTML ReactJS

CSS ExpressJS Server

JS CRUD API's

AWS Express Middlewares

S3 Designing & Querying Relational Database

Route53

Cloudfront
 Growth cycle 3

Capstone Project -
Build a Books Catalog
app like Goodreads
In this project, you will develop a responsive
Goodreads Clone where users can log in and
see a list of top-rated books, bookshelves
such as completed reading shelf, currently
reading shelf, want to read shelf. Users can
also search books with the author's name
and book's name, and can also see details of
a specific book.

Tools and Technologies used

HTML ReactJS
CSS ExpressJS Server
JS CRUD API's
AWS Express Middlewares
S3 Designing & Querying Relational Database
Route53
Cloudfront
 Growth cycle 3

Capstone Project - Build

a Nxt Assess App

In this project, you will develop a responsive

Assessment Portal where users can log in and see
instructions of an assessment, different types of
questions and be able to answer those questions
before the timer ends. After completing the
assessment, users are able to see the score and time
spent to complete the assessment.

Tools and Technologies used

HTML ReactJS

CSS ExpressJS Server

JS CRUD API's

AWS Express Middlewares

S3 Designing & Querying Relational Database

Route53

Cloudfront