- Tutorials
- Courses
- Tracks
MERN Full Stack Development - Live
Become a job-ready full-stack developer with this online MERN stack program. Learn React for front-end, Node.js and Express for back-end, APIs, authentication, and deployment. Through hands-on, instructor-led sessions, youll build real-world projects, including a complete e-commerce platform, gaining the skills and confidence to launch your developer career
Batch Closing Today!! Grab 40% OFF | Use Code : GFGSKILL40
For further queries, reach us via Call/WhatsApp on: +91-8527048294
Course Overview
Why you should choose Full-Stack web development course:
- 70+ Hours of Live Lectures led by industry experts
- 21 Projects in 21 Days practice-driven learning
- 60+ Hours of Recorded Content for revision & self-paced study
- 300+ Practice Questions to strengthen problem-solving skills
- Comprehensive Interview Question Bank for placement prep
- 32+ Skill Assessment Contests to test your progress
- 14+ Weekly Assignments for consistent practice
What Sets Us Apart
24 X 7 Doubt Support
Recognised Certification
Placement Assistance
Projects Covered
AI Chat Support 24/7 – A dedicated service provided with this course for free to help you overcome any doubt, at any time, and anywhere.
Note: If you are not happy with the AI agent, then you will be connected with our course Teaching Assistant.
Teaching Assistant Support – Every class includes a dedicated doubt-clearing session where you can raise queries with the Teaching Assistant assigned to your batch.
Read moreWhat Sets Us Apart
AI Chat Support 24/7 – A dedicated service provided with this course for free to help you overcome any doubt,
Earn an industry-recognised GeeksforGeeks Certificate of Completion by fulfilling the course requirements.
Perks of our certif
Our Placement Assistance Program is designed to provide comprehensive support and guidance to help you get started and succeed in your coding career
- Food Delivery Website
- E-Commerce Website
- Notes App
- Read more...
Course Content
Session 1: Fundamentals of HTML
- Introduction to HTML
- Basic structure of an HTML document
- Common tags (headings, paragraphs, links, images, lists)
- Form elements and attributes
- Input types and validation
- Semantic HTML tags (header, nav, section, article, footer)
- Project: First landing page with HTML
Session 2: Getting Started with CSS & github
- Inline, internal, and external CSS
- Basic selectors and properties (color, background, font, text alignment)
- Box model (margin, border, padding, content)
- Positioning (static, relative, absolute, fixed)
- Flexbox basics
- Introduction to git & github and its setup
- Project: Creating a simple layout with CSS
Session 3: JavaScript Essentials
- Variables, data types, and operators
- Basic syntax and control structures (if statements, loops)
- Introduction to functions
- Let var and const
- Hoisting and scopes
- Closure
- Introduction to HOF
- DOM manipulation (getElementById, querySelector)
- Event handling (click, hover, etc.)
- Event bubbling and capturing
Session 4: Advanced Concepts of JavaScript
- Arrow functions
- Destructuring arrays and objects
- Working with arrays (methods like push, pop, map, filter)
- Objects and their properties
- Working with asynchronous javascript (callbacks, promises, async/await)
Session 5: Introduction to React and JSX
- What is React and why use it
- Setting up a React environment (using Create React App)
- Installing bundlers
- React.createElement and render method
- Introduction to JSX
- Tailwind CSS
Session 6: Components, Props, and State
- Creating and rendering components
- Creating different components
- Understanding props
- Creating cards with props
- React reconciliation and React fibers
- Understanding keys in React
- Understanding the useState hook
- Project: Creating a simple React project
Session 7: Advanced Hooks and State Management
- Understanding the useEffect hook
- Clean-up function of useEffect
- Custom hooks
- State lifting
- Context API
Session 8: UI Functionalities and React-Routing
- Introduction to React Router DOM
- Creating different paths
- Creating an error page using useRouteError hook
- Creating children routes
- Understanding types of routing (SSR vs CSR)
- Single Page Application and dynamic routing
- Using useParams hook
- Applying event handlers
