What is a React Full Stack course?

It teaches front-end development with React and back-end with Node.js, Express, and databases.

Do I need prior experience?

Basic knowledge of JavaScript is helpful but not mandatory.

What will I build during the course?

You’ll create full-stack web applications with interactive UIs and APIs.

Home /Full Stack Development/ React Full Stack Developer Training Program

Learn to create full-stack web apps. Join now to learn from a skilled full-stack developer.

4.9 out of 5 based on 14552 votes

4.2/5

4.8/5

4.6/5

4.3/5

4.5/5

Course Duration

80 Hrs.

Live Project

2 Project

Certification Pass

Guaranteed

Training Format

Live Online /Self-Paced/Classroom

Watch Live Classes

GUIDE ME

Speciality

500+

Professionals Trained

Batches every month

20+

Countries & Counting

100+

Corporate Served

CURRICULUM REAL STORIES PROJECTS COURSE FEE SELF-ASSESSMENT ACTIVITIES PLACEMENTS practice tests ENROLL NOW

CURRICULUM & PROJECTS

React Full Stack Developer Training Program

HTML

What is HTML

What is a Web Browser

What are Versions of HTML

What can you Do with HTML

HTML Development Environments

Writing Code with a Text Editor

Review of HTML Elements

Rules of Syntax

Making your Code Readable

Building a Document

Using Colors

Adding Color to your Page

Using Headings

Using Paragraphs

Aligning Block-Level Elements

Inserting Spaces and Line Breaks

Displaying Preformatted Text

Formatting with Inline Elements

Controlling Fonts

Introducing List Elements

Creating Unordered Lists

Creating Ordered Lists

Nesting Lists

What is an HTML Table

Building a Table

Cell Padding and Cell Spacing

Controlling Table and Cell Width

Aligning a Table on the Page

Aligning Tables and Text

Aligning Table Data

Spanning Columns and Rows

Creating a Hyperlink

Understanding and Using URLs

Linking to a Web Document

Linking to a Local Document

Linking to Anchors

Opening a New Browser Window

Image Formats

Inserting Inline Images

Aligning Images

Using Images to Anchor Links

Sizing Images

Using Transparent Images

Using GIF Animation

Forms and Controls

Forms and Form Elements

Form Actions, Form Methods, Form Design

Get full course syllabus in your inbox

Introduction

Laying out a page with HTML5

Page Structure

New HTML5 Structural Tags

Page Simplification

HTML 5 - How we got here

New Features of HTML5

The HTML5 Semantic Element

Current State of Browser Support

SECTIONS AND ARTICLES

The section Tag

The article Tag

The header Tag

The Footer Tag

HTML5 AUDIO AND VIDEO

Supported Media Types

The audio Element

The video Element

HTML5 FORMS

New Input Types

HTML5 NEW FORM ATTRIBUTES

autocomplete

novalidate

HTML5 NEW FORM FIELD ATTRIBUTES

required

placeholder

autofocus

autocomplete

form

pattern

Get full course syllabus in your inbox

Introduction of CSS

CSS Syntax

CSS Comments

CSS Types

Inline

Internal

External

CSS Selector

Class

Attribute

Grouping

Universal

CSS Color

RGB Value

Hex Value

Color Name

Background

background-color

background-repeat

background-attachement

background position

background-size

background-image

CSS Margin

Margin-top

Margin-bottom

Margin-left

Margin-Right

CSS Padding

Padding -top

Padding -bottom

Padding -left

Padding –Right

Outline

Outline-style

Outline-color

Outline Width

Outline-Offset

Outline Shorthand Property

CSS Height and Width

CSS Display properties

CSS Position Properties

CSS Overflow

CSS Float and Clear

Pseudo Class and Element

Get full course syllabus in your inbox

Introduction to CSS 3

Border

border-radius

CSS Shadows

Text-shadow

Box-shadow

Transitions

transition

transition-delay

transition-duration

transition-property

2D Transforms

transform

matrix ()

translate (x, y)

scale (x, y)

rotate(angle)

skew (x-angle, y-angle)

Animations

@keyframes

animation

animation-direction

animation-duration

animation-name

Selectors

CSS combinations

Pseudo Elements

Gradients

Linear Gradients

Radial Gradients

User Interface

resize

box-sizing

outline-offset

CSS Filters

Blur

Opacity

Media Query

What is Responsive Web Design

Intro to the Viewport

The Viewport Tag

Media Queries

Tablet Styles

Mobile Styles

Making a Mobile Drop-down Menu

Web Fonts

@font-face

font-family

font-stretch

font-style

font-weight

Flexbox

flex-grow

flex-shrink

flex-basis

flex

flex-wrap

flex-direction

flex-flow

justify-content

align-items

order

Get full course syllabus in your inbox

Introduction to JavaScript

Syntax

Statements

Comments

Enabling in various browsers Popup Boxes

Alert

Confirm

Prompt

Variables

Operators

Arithmetic

Assignment

Comparison

Logical

Relational

Ternary

Conditional Statements

If else

if...else if...else

nested if

Switch

Loops

While

do...while

for...in Statement

Break

Continue

Functions

User-defined Functions

Function Syntax

Function with Arguments

Returning Values from Functions

Built-in Functions

Events

Introduction

Mouse

Events

Keyboard Events

Form Events

Document/Window Events

Built-in Objects

Number

Strings

Math

Array

Date

Reg exp use in form validation

Get full course syllabus in your inbox

Getting Started with jQuery

Selecting Elements

Manipulating the Page

Traversing the DOM and Chaining

Handling Events

Enhancing with Animation Effects

JQuery Hide/show

jQuery toggle()

jQuery Slide method

jQuery Fade method

jQuery stop()

jQuery Callback and Chaining

jQuery text(),html() and val()

jQuery css()

jQuery addClass(),removeClass(),toggleClass()

jQuery Best Practices

Get full course syllabus in your inbox

Introduction

Introduction of Bootstrap

What needs for Bootstrap

Our First Web Page

What's Inside

Scripts and Styles

Bootstrap CDN Link

Summary

Layout with Bootstrap

Introduction

Grid Layouts

Simple Layout

Fixed Grids

Responsive Design

Responsive Utilities

Summary

Everyday Bootstrap

Introduction

Typography

Tables

Forms

Buttons

Images and Icons

Summary

Bootstrap Component

Introductions

Drop down Menu

Buttons with Menus

Tabs and Pill

The Navbars

Badges

Summary

Bootstrap and JavaScript

Introduction

More Buttons

Modals

Tooltips and Popovers

Carousel

Summary

Get full course syllabus in your inbox

Fundamental of Web Hosting

Types of Hosting Packages

Linux and Windows Control Panel

Using FTP Client

Maintaining a Website

Domain Names Registration

What is SEO & its scope.

Keyword Research and Analysis (Tools and Implementation)

Website Analysis

Website Performance Monitoring

Google Analytics/Webmaster

XML Sitemap

Use of Meta Tags

Get full course syllabus in your inbox

Audience

Pre-requisites

About React

Features

Advantages

Limitations

Get full course syllabus in your inbox

Create of Root Folder

Install Global Packages

Add Dependencies and Plugins

Create the Files

Set Compiler, Server and Loaders

html

JSX and Main.js

Running the Server

Module 3: JSX

What is JSX

Using JSX

Nested Elements

Attributes

JavaScript Expressions

Styling

Components

Naming Convention

Get full course syllabus in your inbox

Stateless

State full

Get full course syllabus in your inbox

What is State

Props

Get full course syllabus in your inbox

Using Props

Default Props

State and Props

Get full course syllabus in your inbox

Validating Props

Module 8: Component API

Set State

Force Update

Find DOM Node

Get full course syllabus in your inbox

Lifecycle Methods

Get full course syllabus in your inbox

Simple

Complex

Get full course syllabus in your inbox

Simple

Child

Get full course syllabus in your inbox

What is Refs

Using Refs

Get full course syllabus in your inbox

What are Keys

Using Keys

Get full course syllabus in your inbox

Install a React Router

Add a Router

Create Components

Get full course syllabus in your inbox

What is Flux

Flux Elements

Flux Props

Get full course syllabus in your inbox

Install REDUX

Creating Components

Working with States

Composing Components

Actions

Event Handlers

Reducers

Store

Root Component

Other Components

Unit Testing – Tools, React, REDUX

Get full course syllabus in your inbox

Install React CSS Transitions Group

Add a CSS File

Appear Animation

Enter and Leave Animations

Get full course syllabus in your inbox

What is Higher-Order Component

Get full course syllabus in your inbox

+ More Lessons

Course Design By

Nasscom & Wipro

Course Offered By

Croma Campus

Real

Stories

success

inspiration

Abhishek

career upgrad

Upasana Singh

career upgrad

Shashank

career upgrad

Abhishek Rawat

career upgrad

Course Duration

80 Hrs.

Know More...

Weekday1 Hr/Day

Weekend2 Hr/Day

Training ModeClassroom/Online

Flexible Batches For You

28-Jun-2025*
Weekend
SAT - SUN
Mor | Aft | Eve - Slot

30-Jun-2025*
Weekday
MON - FRI
Mor | Aft | Eve - Slot

25-Jun-2025*
Weekday
MON - FRI
Mor | Aft | Eve - Slot

28-Jun-2025*
Weekend

SAT - SUN

Mor | Aft | Eve - Slot

30-Jun-2025*
Weekday

MON - FRI

Mor | Aft | Eve - Slot

25-Jun-2025*
Weekday

MON - FRI

Mor | Aft | Eve - Slot

Course Price :

For Indian

18,889 17,000 10 % OFF, Save 1888

Expires in: 00D:00H:00M:00S

Program fees are indicative only* Know more

SELF ASSESSMENT

Learn, Grow & Test your skill with Online Assessment Exam to
achieve your Certification Goals

Get exclusive
access to career resources
upon completion

Mock Session

You will get certificate after
completion of program

LMS Learning

You will get certificate after
completion of program

Career Support

You will get certificate after
completion of program

Showcase your Course Completion Certificate to Recruiters

Training Certificate is Govern By 12 Global Associations.
Training Certificate is Powered by “Wipro DICE ID”
Training Certificate is Powered by "Verifiable Skill Credentials"

in Collaboration with

Not Just Studying

Name: React Full Stack Developer Training Program
Item: React Full Stack Developer Training Program
Rating: 4.90

We’re Doing Much More!

Empowering Learning Through Real Experiences and Innovation

Career Transition

Career Gap

Placement Activities

Placement Drives

Latest Hiring

Whats App Reviews

Mock Interviews

Prepare & Practice for real-life job interviews by joining the Mock Interviews drive at Croma Campus and learn to perform with confidence with our expert team.Not sure of Interview environments? Don’t worry, our team will familiarize you and help you in giving your best shot even under heavy pressures.Our Mock Interviews are conducted by trailblazing industry-experts having years of experience and they will surely help you to improve your chances of getting hired in real.

How Croma Campus Mock Interview Works?