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
