Complete front end

development with

React Bootcamp
Become a Skilled Front-End Developer
About Codecademy_
Come help us build the education the world deserves.

Our History
When we started Codecademy, our goal was to give anyone in the world the ability to learn the
skills they’d need to succeed in the 21st century. We set out to create a new, interactive way of
learning — making it engaging, flexible, and accessible for as many people as possible. Since
then, we have helped millions of people worldwide unlock modern technical skills and reach
their full potential through code.

Our Mission
We want to create a world where anyone can build something meaningful with technology, and
everyone has the learning tools, resources, and opportunities to do so. Code contains a world
of possibilities — all that’s required is the curiosity and drive to learn. At Codecademy, we are
committed to empowering all people, regardless of where they are in their coding journeys, to
continue to learn, grow, and make an impact on the world around them.
about the bootcamp

Become a Skilled

Front-End Developer
Build a News App & 10+ projects like YouTube clone in 14 weeks

Become a Web Developer in 14 Weeks!

Our comprehensive bootcamp offers a beginner-friendly curriculum designed to equip you
with the essential skills for web development. You'll learn HTML, CSS, JavaScript, React, and
Redux through live online classes and hands-on projects. Our expert instructors provide
personalized support to help you succeed.

Our bootcamp is perfect for those looking to start a career in web development or upskill their
skills. Upon completion, you'll be well-prepared to build dynamic and interactive web
applications. Enroll today and launch your journey to becoming a skilled web developer!

Bootcamp Highlights
14 weeks of live sessions Session Recordings

10+ Projects 4 Months Pro access worth ₹4800

Beginner friendly Doubt clearing

Mega project: News App Interview preparation

Study Roadmap
Your Path to Becoming a Web Developer

Week 1 Week 2 Week 3

HTML

Basic Structure, Elements, Tags Basic CSS

Attributes, Lists, Links, Images, CSS Syntax, Selectors Advanced CSS

Tables
Colour Formats, Padding, Margin, Flexbox
Forms & Input Elements, Semantic Box Model
Tags
Grid
Display, Position
In-class HTML Project
Specificity, Media Queries,
In-class CSS Project Absolute vs. Relative styling

In-class CSS Project 2

Week 4 Week 5 Week 6

Intro to JavaScript

Introduction to Bootstrap, 
 Basic JavaScript

Components, Layouts
Strings and String Methods Basic JS cont.
Intro to JavaScript, Data Types, 

Variables, Constants, etc Conditions and Loops, Sopes, 
 Arrays and Array Methods
var/let /const
Displaying Output, Popups,
Functions
Operators Type Conversions, Truthy & Falsy
values
Objects, 'this' keyword, use strict
In-class JS Project
In-class JS Project cont.
In-class JS Project 2
 Week 7 Week 8 Week 9

Intermediate JS

Execution Context, Hoisting, Inter JS cont.

Temporal Dead Zone

IIFE, HOFs, Closures, Callback Inter JS cont.

ES6 Syntaxes, Shallow copy, Deep Syntax
copy
DOM Manipulation
Array Higher Order Methods
Call Stack, Lexical Environment,
Events, Event Handlers
Scope Chaining Constructors, Classes

Form Handling, Event Listeners

In-class JS Project 2 cont. In-class JS Project 3

In-class JS Project 3 cont.

Week 10 Week 11 Week 12

Advanced JavaScript

Introduction to Async JavaScript Intro to React

and Timer Methods

Error Handling, Async/Await, 
 React cont.

Introduction to Async JavaScript Fetch Method and API Integration
and Timer Methods
JSX, Components and Props, 

JS Engine: Event Loop, Task
Conditional Rendering
Promise Chaining, Promise Queues, Web APIs, Modules
Methods
Rendering Lists, State Management, 

Introduction to React, Installation
Event Handling in React
In-class JS Project 4
In-class JS Project 4 cont.
Lifecycle Methods, Using 

React Bootstrap framework

In-class React Project

 Week 13 Week 14

React and Redux

React Router Mega Project

React-Redux 1 Mega Project: News App Part-1

React-Redux 2 Mega Project: News App Part-2

In-class React Project 2 Interview Prep-1: Common Frontend Interview

Questions & Answering Strategies

Interview Prep-2: Mock Interview/Quiz Sessions &

Coding Challenges

Session Details
Lecture Sessions Project Sessions Doubt Clearing
3 sessions per wee 1 session per wee Sessions (optional)
3 hours per session (with 2 hours per session 1 session bi-weekl
break) 1 hour per sessio
Primary: Sat Additional doubt sessions
Primary: Mon, Wed, Fri can be arranged on an
ad-hoc basis as per the
batch's requirements

Primary: Saturdays or
Sundays (Bi-weekly)
The power of projects
Here are some of the projects that you will undertake in this bootcamp. There are multiple
projects each week for you to follow along in the live session and practice as homework

Youtube Clone
As a web developer for a video
streaming company, you'll build a
YouTube-like platform where users
can browse, search, and play videos.
Using JavaScript, HTML, CSS, and
DOM events, you'll focus on key
features such as a video player,
search functionality, and a basic
recommendation system.

Capstone Project:

News App
Apply your bootcamp skills to build a
standout News App using React.
Fetch live news from an API,
categorize articles, and display
headlines, showcasing your ability to
integrate services, manage state, and
create responsive, user-friendly
interfaces.
Free access to
Codecademy Pro
Get 4 months of Codecademy Pro access along with the bootcamp and unlock exclusive
features designed to help you take your learning to the next level. You’ll enjoy access to
exclusive courses, interactive practice and review, interview prep, and portfolio projects
designed to help you land the job of your dreams, and more.

Practice Additional Quizzes & Code

With your Pro membership, Projects Challenges
you’ll find a variety of As you learn, you’ll work on Test yourself through quizzes
practice exercises on your guided projects to put the and prepare for tech
dashboard as you make your things you’re learning to use. interviews through coding
way through the bootcamp. When you’re done, you can challenges based on real
take your skills to the next assessments from leading
level with Challenge Projects. tech companies.
About the Instructor
Meet the creator of the course

Ankit Kumar Mishra

Senior Software Engineer and Senior Instructor

I'm Ankit Kumar Mishra, a Senior Software Engineer with diverse experience across the
software industry, with a strong focus on FinTech, MediaTech, and EdTech products.
Throughout my career, I’ve mentored thousands of students, helping them master
development skills and guiding them on their journey to becoming successful Software
Engineers.

Teaching is something I’m truly passionate about, and I always aim to make learning both
practical and engaging. I believe in connecting programming concepts to real-world scenarios,
with a strong focus on hands-on projects that help students apply what they've learned
effectively. After all, programming is all about solving real-world problems, and that’s the
mindset I encourage in my students.

My emphasis is on practical knowledge over theory, ensuring that each new concept can be
turned into actionable project features. I’m dedicated to helping my students not just
understand code but also think like developers.

I'm excited to keep sharing my love for coding while guiding more students toward their
dreams!
Get inspired
Learn how other learners changed their careers and lives with the help of Codecademy.

I joined Codecademy in 2019,

alongside college, to learn Java,

CSS, and HTML. I most definitely

recommend Codecademy for

building strong programming I had an amazing experience at

fundamentals. During my final year, the Codecademy bootcamp for

I landed an internship and Front-End Web Development.

converted it into a fulltime offer as The program was packed with

an SDE at IBM. challenging projects that

significantly boosted my

confidence as a developer. The

Aniket Artani, Full-Stack

Software Developer at IBM highlight was working on a

massive final project using

React and third party API,

which gave me a lot of

confidence to undertake big

and challenging projects by

myself.

Codecademy was the first step

for me to build a career and to

Vipin,Front end bootcamp

get familiar with the computer student

science world. I had no

knowledge about what

computer science was or how I

could build a career without a

degree. But I just followed my

passion.

Pradeep Sukhwani, Software

Engineer II at Airbase
Join The Bootcamp
Become a Skilled Front-End Developer

Why?
Codecademy’s Frontend Developer Bootcamp sets you up for success by providing hands-on
skills and expert guidance. With interview prep sessions, you’ll be ready to tackle any job
opportunity and with the 4-month free Pro subscription you will get access to premium
courses to deepen your learning.

Upon completion, earn a professional certificate to showcase your skills and enhance your
resume. Join millions of learners who have launched their tech careers with Codecademy, and
take a confident step toward landing your dream job in web development.

When?
4 Live Sessions Per Week

Monday, Wednesday and Friday: 3 hour Evening sessions

Saturday (Projects): 2 hour Afternoon sessions

Bonus doubt resolution sessions (optional) : 1 hour every 2 weeks (Saturdays or Sundays)

Note: The final session times will be communicated before the bootcamp starts and all session recordings will be
available to watch later.

live
Frequently asked
questions
When will be the live Bootcamp classes happen?
The bootcamp starts on 2nd December and there will be 4 sessions every week for the
next 14 weeks on Mondays, Wednesdays, Fridays and Saturdays with a bonus doubt
resolution session on Saturday/Sunday every 2 weeks.

How will I get my doubts cleared?

All learners will get an exclusive community invite where you can get your doubts cleared
and have discussions with other learners. You would also get additional time for doubt
clearing during live sessions.

What If I am unable to attend any scheduled live session? Will I get the
recording?
No worries at all. You’ll have access to recordings for all live sessions.

I have Plus/Pro membership, can I get a discounted price for this

bootcamp?
We are sorry but there is no additional discount for Plus/Pro members currently. However,
the bootcamp is currently available at a 30% discount and you shouldn’t miss out on this
offer.

Will I have the access to recordings even after the bootcamp ends?
Yes, you can access the session recordings after the bootcamp ends.

Will I get any certificate after completing the bootcamp?

Yes, you will be get a premium certificate after the completion of this bootcamp.
Frequently asked
questions
What kind of projects I’ll be working on?
There would be 10+ real life mini projects and 1 mega project around a News App which will
help you build your resume and portfolio.

Will I get any placement assistance post this bootcamp?

No, we don’t have any placement assistance currently available but this course will ensure
you are ready for a job post completion.

What if I already have Pro access? Will I get an extension?

Yes, you will get a 4 months Pro extension free of cost.
Complete front end

development with

React Bootcamp
Become a Skilled Front-End Developer