Browse Course
2500+ Students enrolled in the course
850+ Reviews
Front-End Development with React
Delivery Mode
Theory
Lab Based
Online Live Class
Recorded Video
Front-end development focuses on building the visual and interactive parts of websites and web applications. This course will take you from the basics of HTML, CSS, and JavaScript to advanced concepts in React and Next.js. You’ll work on multiple real-world projects, gaining the skills needed to design responsive, modern, and dynamic websites.
By the end of the course, you will have a strong portfolio of front-end projects that can boost your CV and help you secure job opportunities.
6 Month
Course Duration
32
Industrial Project
48
Classes
17
Bonus Track
Exclusive Solutions that Set Us Apart :
Review Class
Practice Lab Support
Class Videos
Corporate Access Program (CAP)
Job Preparation Support
Mentor Support
Key Highlights :
-
•
Fundamentals of web design, layout structure & UI composition
-
•
HTML5, CSS3 & JavaScript mastery
-
•
Responsive design with Flexbox, Grid & modern CSS techniques
-
•
React essentials: components, hooks, state management & routing
-
•
AI-powered coding tools
-
•
Real-world projects
-
•
Training with practical, client-style web projects
Job Opportunities:
Front-End Developer
React Developer
UI Developer
Web Application Developer
Next.js Developer
JavaScript Developer
Freelance Front-End Developer
Junior Front-End Engineer
Class Structure & Distribution of Total 65 Classes:
(For Offline Course)
Offline Class - Onsite in Campus: 48 Class
On Campus (Theory)
28 Classes - Per Class 2 Hrs
On Campus (Lab)
20 Classes - Per Class 2 Hrs
Extra Online & Recorded Class: 17 Class
Online Extra Live Class
12 Classes - Per Class 1+ Hrs
Required Recorded Videos
5 Classes - Duration Variable
This Course is Designed for
(Everyone)
Job seekers
Students
Entrepreneurs
Software Engineers
Freelancers
Business Owners
Tech Learners
Softwares You'll Learn:
(AI Driven)
Figma
VS Code
Web Browser
Git & GitHub
Postman
Chrome DevTools
ChatGPT
Course Outline Structure
Provide required PDF + Class Recordings to ensure the best learning for our students.
4 Modules
65 Classes
32 Projects
41 Topics
48 Resources
Duration: 21 Classes
Focus:
Website Structure, Website Styling, Static Website Making
Class Type Breakdown:
- Offline (Theory): 10 Classes
- Lab (Practical): 4 Classes
- Lab (Exam): 2 Classes
- Recorded Video: 1 Class
- Online Theory: 4 Classes
Projects Included: 12 Projects
Career Path: HTML/CSS Developer
Prerequisites: N/A
Key Highlights:
- • Fundamental principles of Frontend development
- • Understanding HTML structure
- • Website Design
- • Pixel Perfect Design Conversion
- • Using Framework like Bootstrap and Tailwind
- • Understanding of semantic markup and why it's important
Projects:
- • Figma to HTML CSS with Flexbox ( 3 )
- • Figma to HTML CSS with Grid( 3 )
- • Figma to HTML CSS with Bootstrap( 3 )
- • Figma to HTML CSS with Tailwind ( 3 )
| Class No. | Class Type | Topic/Lesson | Resource Type |
|---|---|---|---|
| Class 1 | Offline (Theory) | Introduction to HTML + Record |
Class Video
|
| Class 2 | Offline (Theory) | Introducing to CSS properties + Record |
Class Video
|
| Class 3 | Offline (Theory) | CSS Position + Record |
Class Video
|
| Class 4 | Lab (Practical) | HTML,CSS |
N/A
|
| Class 5 | Offline (Theory) | Introduction to Flexbox and how Flexbox works + Record |
Class Video
|
| Class 6 | Offline (Theory) | Flexbox Project + Record |
Class Video
|
| Class 7 | Lab (Practical) | Use of Flexbox Properties with project |
Recorded Video
|
| Class 8 | Offline (Theory) | Flexbox Project + Record |
Class Video
|
| Class 9 | Lab (Exam) | MCQ + PROJECT |
Recorded Video
|
| Class 10 | Offline (Theory) | Introduction with Bootstrap + Record |
Class Video
|
| Class 11 | Offline (Theory) | Bootstrap Project + Record |
Class Video
|
| Class 12 | Lab (Practical) | Use of Bootstrap component with project |
Recorded Video
|
| Class 13 | Offline (Theory) | Introduction to Tailwind + Record |
Class Video
|
| Class 14 | Offline (Theory) | Tailwind Project |
Class Video
|
| Class 15 | Lab (Practical) | Use of Tailwind Utilities with project |
Recorded Video
|
| Class 16 | Lab (Exam) | MCQ + Project |
N/A
|
| Class 17 | Recorded Video | Git & Github |
Recorded Video
|
| Class 18 | Online Theory | Review Class |
N/A
|
| Class 19 | Online Theory | Review Class |
N/A
|
| Class 20 | Online Theory | Review Class |
N/A
|
| Class 21 | Online Theory | Review Class |
N/A
|
Duration: 20 Classes
Focus:
JavaScript, Logic Building
Class Type Breakdown:
- Offline (Theory): 9 Classes
- Lab (Practical): 6 Classes
- Lab (Exam): 1 Class
- Online Theory: 4 Classes
Projects Included: 10 Projects
Career Path: JavaScript Developer
Prerequisites: HTML, CSS
Key Highlights:
- • JavaScript fundamentals (variables, loops, functions, arrays, objects)
- • Logic building, problem-solving patterns
- • DOM manipulation & interactive UI behavior
- • ES6+ modern features (arrow functions, promises, async/await)
- • Debugging techniques & clean code best practices
- • Mini-projects: calculators, games, dynamic forms, animations
Projects:
- • Todo List
- • Type js
- • Counter Up
- • Interactive Calculator
- • Theme Switcher
- • Rock–Paper–Scissors
- • Tic-Tac-Toe
- • Multiplication
- • Weather App
- • Digital Clock
| Class No. | Class Type | Topic/Lesson | Resource Type |
|---|---|---|---|
| Class 1 | Offline (Theory) | JavaScript Variable + Operator + Data Type + Record |
Class Video
|
| Class 2 | Offline (Theory) | JavaScript Condition + Project + Record |
Class Video
|
| Class 3 | Offline (Theory) | JavaScript Object + JavaScript Array + Record |
Class Video
|
| Class 4 | Lab (Practical) | Previous Class Topic |
Recorded Video
|
| Class 5 | Offline (Theory) | JavaScript Function + Project + Record |
Class Video
|
| Class 6 | Offline (Theory) | JavaScript Loops + Project + Record |
Class Video
|
| Class 7 | Offline (Theory) | JavaScript Project + Record |
Class Video
|
| Class 8 | Lab (Practical) | Previous Class Topic |
Recorded Video
|
| Class 9 | Offline (Theory) | JavaScript DOM + Record |
Class Video
|
| Class 10 | Offline (Theory) | JavaScript Event + Record |
Class Video
|
| Class 11 | Offline (Theory) | Asynchronous JS + Record |
Class Video
|
| Class 12 | Lab (Practical) | Previous Class |
Recorded Video
|
| Class 13 | Lab (Practical) | Previous Class |
N/A
|
| Class 14 | Lab (Practical) | Previous Class |
Recorded Video
|
| Class 15 | Lab (Practical) | Previous Class |
N/A
|
| Class 16 | Lab (Exam) | MCQ + Project |
Recorded Video
|
| Class 17 | Online Theory | Review Class |
N/A
|
| Class 18 | Online Theory | Review Class |
N/A
|
| Class 19 | Online Theory | Review Class |
N/A
|
| Class 20 | Online Theory | Review Class |
N/A
|
Duration: 21 Classes
Focus:
Interactive UI Development, Component Architecture & Practical Web Projects
Class Type Breakdown:
- Offline (Theory): 9 Classes
- Lab (Practical): 6 Classes
- Recorded Video: 2 Classes
- Online Theory: 4 Classes
Projects Included: 10 Projects
Career Path: Front-End Developer, React.js Developer, UI Developer
Prerequisites: HTML, CSS, JavaScript
Key Highlights:
- • React fundamentals: components, props, state & lifecycle
- • Advanced hooks (useEffect, useContext, custom hooks)
- • Component-driven architecture & reusable UI patterns
- • Real-time interactivity with events, forms & validation
- • API integration (REST, Axios, async/await)
- • State management basics (Context API / Redux / Zustand)
- • Responsive UI with Tailwind / CSS Modules
- • Deployment & optimization (Vercel, Netlify, best practices)
Projects:
- • HTML to React
- • React Counter App
- • React Type JS
- • Todo List Application
- • Single Vendor Ecommerce
- • Multi Vendor Ecommerce
- • Messaging Website
- • Event Calendar
- • Task Management
- • Weather App
| Class No. | Class Type | Topic/Lesson | Resource Type |
|---|---|---|---|
| Class 1 | Offline (Theory) | React Install + Component + Props + Record |
Class Video
|
| Class 2 | Offline (Theory) | React State + Conditional Rendering + Hooks + Record |
Class Video
|
| Class 3 | Offline (Theory) | React Interactivity + Project + Record |
Class Video
|
| Class 4 | Lab (Practical) | Previous Class |
Recorded Video
|
| Class 5 | Offline (Theory) | React State Management ( Context Api ) + Record |
Class Video
|
| Class 6 | Lab (Practical) | Previous Class |
Class Video
|
| Class 7 | Offline (Theory) | React State Management ( Redux ) + Record |
Class Video
|
| Class 8 | Lab (Practical) | Previous Class |
Recorded Video
|
| Class 9 | Offline (Theory) | React State Management ( Zustand ) + Record |
Class Video
|
| Class 10 | Lab (Practical) | Previous Class |
N/A
|
| Class 11 | Offline (Theory) | React Project + Record |
Class Video
|
| Class 12 | Lab (Practical) | Project |
Recorded Video
|
| Class 13 | Offline (Theory) | React Project + Record |
Recorded Video
|
| Class 14 | Lab (Practical) | Project |
Recorded Video
|
| Class 15 | Offline (Theory) | React Project + Record |
Class Video
|
| Class 16 | Recorded Video | Next js |
Recorded Video
|
| Class 17 | Recorded Video | React Native |
Recorded Video
|
| Class 18 | Online Theory | Review Class |
N/A
|
| Class 19 | Online Theory | Review Class |
N/A
|
| Class 20 | Online Theory | Review Class |
N/A
|
| Class 21 | Online Theory | Review Class + TypeScript |
Recorded Video
|
Duration: 3 Classes
Focus:
HTML, CSS, Bootstrap, Tailwind, JavaScript, React, Redux, Zustand,Frontend, Prepare for Interview
Class Type Breakdown:
- Recorded Video: 2 Classes
- Lab (Exam): 1 Class
Projects Included: N/A Projects
Career Path: Frontend Developer, React Developer, Next.js Developer, JavaScript Developer
Prerequisites: Previous All Class
Key Highlights:
- • Frontend Excellence with React
- • Scalability & Performance
- • Interview Preparation
Projects:
- • HTML & CSS: 12
- • JavaScript: 10
- • React.js & Next.js: 10
| Class No. | Class Type | Topic/Lesson | Resource Type |
|---|---|---|---|
| Class 1 | Recorded Video | Interview Questions |
PDF
|
| Class 2 | Recorded Video | React Design Patterns |
Recorded Video
|
| Class 3 | Lab (Exam) | MCQ + Project |
N/A
|
Admission Is Going On
Enroll now to any of our Offline Courses (On- Campus)
Course Fee Offline
BDT. 50,000
Online (Live Class) courses as per your suitable time.
Course Fee Online
BDT. 20,000
Some of the Creative Projects Done by Our Students
Students Shared Their Feedback
Tazim
5.0
Creative IT Institute is one of the best IT training institute that i know of. They're well behaved & professional 👍 Environment was calm although i noticed some disturbance while i was in there, some of the students as they were leaving, they were shouting & laughing carelessly., it shouldn't have happened 🙂 but everything else is fine & right by me 👍
Mahmudul Hasan Wali
5.0
Creative IT Institute is No 1 IT institute in Bangladesh. If you want to develop your skills then you can visit Creative IT Institute
Nurul Amin (Shah)
5.0
One of best training institution in Dhaka, Bangladesh
Course Related FAQ
Answer : This course teaches complete front-end development with React, from beginner to advanced. You’ll learn everything from HTML/CSS to React, Redux, and Next.js.
Answer : No. Basic computer knowledge is enough. HTML & CSS familiarity is a plus, but not mandatory.
Answer : No, Basic computer knowledge is enough. HTML & CSS familiarity is a plus, but not mandatory.
Answer : Absolutely! You’ll be ready for junior to mid-level roles in front-end development and freelancing opportunities.
Answer : Minimum Requirements (Entry-Level) - Processor (CPU)- Intel Core i5 (7th Gen) or AMD Ryzen 3 RAM- 8 GB Storage- 256 GB SSD Operating System- Windows 10 / macOS / Linux Special Requirements / Notes- Node.js & npm support; Chrome or Edge browser; VS Code
Course Services
Job Placement Support
Creative IT offers students an exclusive gateway to their dream careers through its Job Placement Support. Throughout the course, learners receive targeted training in CV crafting, portfolio development, and essential soft skills, ensuring they are industry-ready. Upon completion, students are strategically referred to companies that match their skills and potential.
Backup Class
A Backup Class is a special facility where students can revisit lessons missed due to illness or emergencies. It helps maintain learning continuity and ensures that students’ progress is not interrupted. However, the number of backup classes may vary depending on the course. Therefore, it is advisable not to miss classes unless absolutely necessary.