React JS

React.js Wizards, Where Code Meets Creativity!

Our React.js course is designed to empower you with the knowledge and skills needed to excel in web development using React.js. This powerful JavaScript library simplifies the creation of dynamic and interactive user interfaces. Whether you’re a novice or an experienced developer, this course will guide you from the fundamentals to advanced concepts, enabling you to craft responsive and feature-rich web applications.

Enroll Now

Acquire a skill and become job-ready with professional certifications


BDT 25,000
BDT 12,500


Not Available

Discount Available for Limited Time!

Share this course

Join our React.js course and embark on a journey to becoming a versatile and in-demand web developer. Harness the potential of React.js to craft cutting-edge web experiences that captivate and engage users.

Key Features

Tools Covered

What you'll learn

Upon completing this course, you will gain proficiency in the following areas:

Learning Path

  • Browsers and HTML
  • Editors Offline and Online
  • Tags, Attributes, and Elements
  • Doctype Element
  • Comments
  • Paragraph
  • Heading
  • Formatting Text
  • Lists
  • Links
  • Images
  • HTML Layout Elements
  • HTML Semantic Elements
  • Tables
  • HTML Forms
  • HTML Media
  • HTML Element Reference
  • HTML Attribute Reference
  • Introduction CSS
  • Basic Concept of CSS (2 Hours)
  • Applying CSS to HTML
  • Selectors, Properties, and Values
  • CSS Colors
  • CSS Backgrounds
  • CSS Box Model
  • CSS Margins, Padding, Borders
  • CSS Text and Font Properties
  • CSS General Topics
  • CSS Navigation Bar
  • Navigation Bar / Menu Bar
  • CSS Dropdowns
  • CSS Website Layout
  • CSS Specificity
  • CSS Animations
  • CSS Flexbox
  • CSS Media Queries
  • CSS Responsive
  • CSS Reference
  • CSS Selector Reference
  • Git, Source Control, GitHub
  • Installing Git, Create GitHub Repository
  • Git Init, git Add, Git Commit
  • Set Origin, Git Push, Git Pull, Repo Overview
  • Send Project Code GitHub
  • Host website in GitHub & Create the Project Live Link
  • Common GitHub Related Issues
  • Git Branch, Merge Branches
  • Git Pull, Toggle Branch, Merge Conflict
  • Get started with Bootstrap
  • Learning Bootstrap 2 Hour
  • HTML5 doctype
  • Responsive meta tag
  • Box-sizing
  • Breakpoints
  • Containers
  • Grid & Columns
  • Gutters
  • Utilities
  • Z-index
  • Typography
  • Tables
  • Figures
  • Form control
  • Select
  • Checks & radios
  • Input group
  • Floating labels
  • Validation
  • Layout
  • Accordion
  • Alerts
  • Buttons
  • Button group
  • Card
  • Carousel
  • Collapse
  • Dropdowns
  • List group
  • Modal
  • Navbar
  • Navs & tabs
  • Offcanvas
  • Tooltips
  • Navs & tabs
  • Offcanvas
  • Tooltips
  • Backgrounds
  • Display
  • Flex
  • Float
  • Opacity
  • Overflow
  • Position
  • Shadows
  • Sizing
  • Spacing
  • Text
  • Vertical align
  • Visibility
  • Introduction | Tailwind CSS
  • Tailwind Installation
  • Utility-First Approach
  • Responsive variants – Tailwind Breakpoints
  • Hover, focus & other state variants
  • Dark mode variant
  • Composing Utilities with @apply Directive
  • Tailwind @layer Directive – Understand Tailwind Layers
  • @variants Directive
  • @responsive and @screen Directives
  • theme() and screen() – Tailwind Functions
  • Tailwind Configurations – Advanced Concepts
  • PostCSS Installation – Advanced Concepts
  • Theme Configuration – Advanced Concepts
  • Extend Theme – Advanced Concepts
  • Extend Variants – Advanced Concepts
  • Tailwind CSS 3 tutorial – Upgrade to Tailwind 3
  • Getting Started with JavaScript
  • JS Variables & Constants
  • JS console Log
  • JavaScript Data types
  • JavaScript Operators
  • JavaScript Comments
  • JavaScript Type Conversions
  • JavaScript Comparison and Logical Operators
  • JavaScript if else Statement
  • JavaScript for loop
  • JavaScript while and do…while loop
  • JavaScript break Statement
  • JavaScript continue Statement
  • JavaScript Switch Statement
  • JavaScript Function and Function Expressions
  • JavaScript Variable Scope
  • JavaScript Recursion
  • JavaScript Objects
  • JavaScript Methods
  • JavaScript Array
  • JS Multidimensional Array
  • JavaScript String
  • JavaScript for…in loop
  • JavaScript try…catch…finally
  • JavaScript throw Statement
  • JavaScript Modules
  • JavaScript ES6
  • JavaScript Arrow Function
  • JavaScript Default Parameters
  • JavaScript Template Literals
  • JavaScript Spread Operator
  • JavaScript Map
  • Destructuring Assignment
  • JavaScript for…of
  • JavaScript setTimeout()
  • JavaScript CallBack Function
  • JavaScript Promise
  • JavaScript async/await
  • JavaScript setInterval()
  • What is DOM
  • Analyze the DOM
  • Traversing DOM Elements
  • Traversing DOM Hierarchy
  • Manipulate the DOM
  • Listening to DOM Events
  • DOM Project – To Do App using DOM
  • JavaScript JSON
  • JavaScript Browser Debugging
  • What is React and How It Works
  • React Virtual DOM Explained – Easy Explanation
  • React ESLint, Formatting with Prettier, Editor & Project Setup
  • React Prerequisites
  • React JSX Element & Rendering Elements
  • React Components and Props Core Concept
  • React State & Lifecycle in Class Component
  • React Higher Order Components (HOC)
  • React Render Props
  • What is Context API – Why Context API
  • How to Use React Context API
  • contextType & useContext Hook
  • What is React Hook – React Hook Introduction
  • React useState Hook
  • React useEffect Hook
  • React useReducer Hook
  • React Custom Hook
  • Stylesheets Inline Style & CSS Modules
  • React Styling – CSS in JS
  • React Router DOM Complete Guide
  • Router DOM v6 – Breaking Changes – React Router 6 vs 5
  • React Router v6 Private Route
  • React 18 New Features – What’s New in React
  • React Event Handling & Control Re-Rendering
  • React Conditional Rendering, List, and Keys
  • React Form Handling – Controlled vs. Uncontrolled Component
  • Webpack
  • Fetch Data from API in React
  • React with Firebase
  • Server-Side Rendering
  • Branding
  • LinkedIn
  • Portfolio
  • Payoneer
  • Remote Jobs Opportunity
  • Fiverr Account Creation
  • Fiverr TOS Discussion
  • Fiverr Gig Creation
  • Buyer Communication
  • Order Delivery
  • Payment Method
  • Upwork Account Creation
  • Bidding
  • Followup

Who Will Benefit

The course is designed to benefit a wide range of individuals seeking to thrive in the digital landscape. Potential beneficiaries include:

Skill Level


To enroll in this course, participants should meet the following eligibility criteria:


Develop Your Knowledge and Skills for a Successful Career

Earn a certificate and get ready for your dream job!

Training 1.5M+ Learners and Professionals in 15+ Countries
Build Your Future!

Enroll in CodersTrust Digital Skills courses and get globally accepted certifications.

Frequently Asked Questions

We offer a diverse range of educational training programs that cater to various subjects and skills. Our courses are available both online and offline to provide flexibility to our students.
You can easily enroll in a course through our website. The payment process details will be outlined during the enrollment process.
Don’t worry if you miss a live session; recordings will be made available for you to catch up. Additionally, you can reach out to our support team for any clarifications or additional resources related to the missed session.
We provide comprehensive 24/7 support to our students. This support is accessible through our dedicated Facebook Groups and in-person at our campus during specified hours. Additionally, our commitment to your success goes beyond the completion of the course, as you have access to lifetime support.
The assessment structure varies for each course, and details will be provided during the orientation. Some courses may have quizzes, assignments, or exams to evaluate your understanding of the material.
Not at all! We’ve crafted our courses to be accessible to individuals from all educational backgrounds. Whether you have a high school diploma, a college degree, or come from a different field entirely, you are welcome to enroll. Our inclusive approach ensures that anyone with the enthusiasm to learn can benefit from our educational programs.
In case of technical issues, our support team is available 24/7 to assist you. You can reach out through the designated channels, and we’ll promptly address any technical challenges you may encounter.
Feel free to reach out! Simply email your inquiries to, and our team will respond within 24 hours to assist you further.
CodersTrust Logo

Innovating to Transform High-Potential Youth into Skilled Digital Workforce Worldwide


40 Wall Street, Suite 2004

New York 10005, USA

House# 82, Road# 19/A, Block# E

Banani, Dhaka-1213



Unsubscribe anytime

We Accept

Copyright © 2023 – 2024 CodersTrust | All Rights Reserved

Select Your Option


Course Fee

BDT 25,000

BDT 12,500

Course Fee

Not Available
Get Quick Answers

Error: Contact form not found.