Back to courses

Beginner to Job-Ready

Vibe Coding - Web Development Bootcamp

This 56-day web development bootcamp turns beginner students into practical builders. You will code responsive pages, interactive components, reusable layouts, API-powered features, authentication-ready flows, and deployable Next.js projects while building a portfolio that proves you can ship real websites.

8 Weeks (56 Days)Certificate Included
Vibe Coding - Web Development Bootcamp

Course Fee

Ksh 8,500

Ksh 1,065 / week

Enroll in this course

Full Curriculum

What you will learn week by week

Lessons include notes, resources, assignments, and quizzes where available.

1. Module 1: How the Web Works

16:00

Vibe Coding - Web Foundations. Build a solid understanding of how websites are structured, styled, loaded, and viewed across devices. In this lesson, you will learn how the web works through a practical school-style project. Focus on the core concept, build a small deliverable, review your decisions, and save evidence of your work for your portfolio. Production practice: write down the goal, the target user or client, the tool settings you used, and what you would improve in the next version. By the end of this lesson you should have a concrete checkpoint that can be reviewed by a tutor or included in your graduation project.

2. Module 1: HTML Document Structure

18:00

Vibe Coding - Web Foundations. Build a solid understanding of how websites are structured, styled, loaded, and viewed across devices. In this lesson, you will learn html document structure through a practical school-style project. Focus on the core concept, build a small deliverable, review your decisions, and save evidence of your work for your portfolio. Production practice: write down the goal, the target user or client, the tool settings you used, and what you would improve in the next version. By the end of this lesson you should have a concrete checkpoint that can be reviewed by a tutor or included in your graduation project.

3. Module 1: Semantic Content

20:00

Vibe Coding - Web Foundations. Build a solid understanding of how websites are structured, styled, loaded, and viewed across devices. In this lesson, you will learn semantic content through a practical school-style project. Focus on the core concept, build a small deliverable, review your decisions, and save evidence of your work for your portfolio. Production practice: write down the goal, the target user or client, the tool settings you used, and what you would improve in the next version. By the end of this lesson you should have a concrete checkpoint that can be reviewed by a tutor or included in your graduation project.

4. Module 1: CSS Selectors

22:00

Vibe Coding - Web Foundations. Build a solid understanding of how websites are structured, styled, loaded, and viewed across devices. In this lesson, you will learn css selectors through a practical school-style project. Focus on the core concept, build a small deliverable, review your decisions, and save evidence of your work for your portfolio. Production practice: write down the goal, the target user or client, the tool settings you used, and what you would improve in the next version. By the end of this lesson you should have a concrete checkpoint that can be reviewed by a tutor or included in your graduation project.

5. Module 1: Box Model and Spacing

24:00

Vibe Coding - Web Foundations. Build a solid understanding of how websites are structured, styled, loaded, and viewed across devices. In this lesson, you will learn box model and spacing through a practical school-style project. Focus on the core concept, build a small deliverable, review your decisions, and save evidence of your work for your portfolio. Production practice: write down the goal, the target user or client, the tool settings you used, and what you would improve in the next version. By the end of this lesson you should have a concrete checkpoint that can be reviewed by a tutor or included in your graduation project.

6. Module 1: Responsive Units

26:00

Vibe Coding - Web Foundations. Build a solid understanding of how websites are structured, styled, loaded, and viewed across devices. In this lesson, you will learn responsive units through a practical school-style project. Focus on the core concept, build a small deliverable, review your decisions, and save evidence of your work for your portfolio. Production practice: write down the goal, the target user or client, the tool settings you used, and what you would improve in the next version. By the end of this lesson you should have a concrete checkpoint that can be reviewed by a tutor or included in your graduation project.

7. Module 1: Foundations Checkpoint

28:00

Vibe Coding - Web Foundations. Build a solid understanding of how websites are structured, styled, loaded, and viewed across devices. In this lesson, you will learn foundations checkpoint through a practical school-style project. Focus on the core concept, build a small deliverable, review your decisions, and save evidence of your work for your portfolio. Production practice: write down the goal, the target user or client, the tool settings you used, and what you would improve in the next version. By the end of this lesson you should have a concrete checkpoint that can be reviewed by a tutor or included in your graduation project.

8. Module 2: Flexbox Patterns

18:00

Vibe Coding - Modern Layouts. Create professional layouts that adapt across phones, tablets, and desktops without breaking content. In this lesson, you will learn flexbox patterns through a practical school-style project. Focus on the core concept, build a small deliverable, review your decisions, and save evidence of your work for your portfolio. Production practice: write down the goal, the target user or client, the tool settings you used, and what you would improve in the next version. By the end of this lesson you should have a concrete checkpoint that can be reviewed by a tutor or included in your graduation project.

9. Module 2: CSS Grid Systems

20:00

Vibe Coding - Modern Layouts. Create professional layouts that adapt across phones, tablets, and desktops without breaking content. In this lesson, you will learn css grid systems through a practical school-style project. Focus on the core concept, build a small deliverable, review your decisions, and save evidence of your work for your portfolio. Production practice: write down the goal, the target user or client, the tool settings you used, and what you would improve in the next version. By the end of this lesson you should have a concrete checkpoint that can be reviewed by a tutor or included in your graduation project.

10. Module 2: Navigation Bars

22:00

Vibe Coding - Modern Layouts. Create professional layouts that adapt across phones, tablets, and desktops without breaking content. In this lesson, you will learn navigation bars through a practical school-style project. Focus on the core concept, build a small deliverable, review your decisions, and save evidence of your work for your portfolio. Production practice: write down the goal, the target user or client, the tool settings you used, and what you would improve in the next version. By the end of this lesson you should have a concrete checkpoint that can be reviewed by a tutor or included in your graduation project.

11. Module 2: Hero and Section Layouts

24:00

Vibe Coding - Modern Layouts. Create professional layouts that adapt across phones, tablets, and desktops without breaking content. In this lesson, you will learn hero and section layouts through a practical school-style project. Focus on the core concept, build a small deliverable, review your decisions, and save evidence of your work for your portfolio. Production practice: write down the goal, the target user or client, the tool settings you used, and what you would improve in the next version. By the end of this lesson you should have a concrete checkpoint that can be reviewed by a tutor or included in your graduation project.

12. Module 2: Cards and Lists

26:00

Vibe Coding - Modern Layouts. Create professional layouts that adapt across phones, tablets, and desktops without breaking content. In this lesson, you will learn cards and lists through a practical school-style project. Focus on the core concept, build a small deliverable, review your decisions, and save evidence of your work for your portfolio. Production practice: write down the goal, the target user or client, the tool settings you used, and what you would improve in the next version. By the end of this lesson you should have a concrete checkpoint that can be reviewed by a tutor or included in your graduation project.

13. Module 2: Responsive Debugging

28:00

Vibe Coding - Modern Layouts. Create professional layouts that adapt across phones, tablets, and desktops without breaking content. In this lesson, you will learn responsive debugging through a practical school-style project. Focus on the core concept, build a small deliverable, review your decisions, and save evidence of your work for your portfolio. Production practice: write down the goal, the target user or client, the tool settings you used, and what you would improve in the next version. By the end of this lesson you should have a concrete checkpoint that can be reviewed by a tutor or included in your graduation project.

14. Module 2: Layout Checkpoint

16:00

Vibe Coding - Modern Layouts. Create professional layouts that adapt across phones, tablets, and desktops without breaking content. In this lesson, you will learn layout checkpoint through a practical school-style project. Focus on the core concept, build a small deliverable, review your decisions, and save evidence of your work for your portfolio. Production practice: write down the goal, the target user or client, the tool settings you used, and what you would improve in the next version. By the end of this lesson you should have a concrete checkpoint that can be reviewed by a tutor or included in your graduation project.

15. Module 3: Variables and Types

20:00

Vibe Coding - JavaScript Essentials. Make pages interactive by reading state, responding to events, and changing the user interface safely. In this lesson, you will learn variables and types through a practical school-style project. Focus on the core concept, build a small deliverable, review your decisions, and save evidence of your work for your portfolio. Production practice: write down the goal, the target user or client, the tool settings you used, and what you would improve in the next version. By the end of this lesson you should have a concrete checkpoint that can be reviewed by a tutor or included in your graduation project.

16. Module 3: Functions and Scope

22:00

Vibe Coding - JavaScript Essentials. Make pages interactive by reading state, responding to events, and changing the user interface safely. In this lesson, you will learn functions and scope through a practical school-style project. Focus on the core concept, build a small deliverable, review your decisions, and save evidence of your work for your portfolio. Production practice: write down the goal, the target user or client, the tool settings you used, and what you would improve in the next version. By the end of this lesson you should have a concrete checkpoint that can be reviewed by a tutor or included in your graduation project.

17. Module 3: DOM Selection

24:00

Vibe Coding - JavaScript Essentials. Make pages interactive by reading state, responding to events, and changing the user interface safely. In this lesson, you will learn dom selection through a practical school-style project. Focus on the core concept, build a small deliverable, review your decisions, and save evidence of your work for your portfolio. Production practice: write down the goal, the target user or client, the tool settings you used, and what you would improve in the next version. By the end of this lesson you should have a concrete checkpoint that can be reviewed by a tutor or included in your graduation project.

18. Module 3: Events and Forms

26:00

Vibe Coding - JavaScript Essentials. Make pages interactive by reading state, responding to events, and changing the user interface safely. In this lesson, you will learn events and forms through a practical school-style project. Focus on the core concept, build a small deliverable, review your decisions, and save evidence of your work for your portfolio. Production practice: write down the goal, the target user or client, the tool settings you used, and what you would improve in the next version. By the end of this lesson you should have a concrete checkpoint that can be reviewed by a tutor or included in your graduation project.

19. Module 3: Arrays and Objects

28:00

Vibe Coding - JavaScript Essentials. Make pages interactive by reading state, responding to events, and changing the user interface safely. In this lesson, you will learn arrays and objects through a practical school-style project. Focus on the core concept, build a small deliverable, review your decisions, and save evidence of your work for your portfolio. Production practice: write down the goal, the target user or client, the tool settings you used, and what you would improve in the next version. By the end of this lesson you should have a concrete checkpoint that can be reviewed by a tutor or included in your graduation project.

20. Module 3: Local Storage

16:00

Vibe Coding - JavaScript Essentials. Make pages interactive by reading state, responding to events, and changing the user interface safely. In this lesson, you will learn local storage through a practical school-style project. Focus on the core concept, build a small deliverable, review your decisions, and save evidence of your work for your portfolio. Production practice: write down the goal, the target user or client, the tool settings you used, and what you would improve in the next version. By the end of this lesson you should have a concrete checkpoint that can be reviewed by a tutor or included in your graduation project.

21. Module 3: JavaScript Checkpoint

18:00

Vibe Coding - JavaScript Essentials. Make pages interactive by reading state, responding to events, and changing the user interface safely. In this lesson, you will learn javascript checkpoint through a practical school-style project. Focus on the core concept, build a small deliverable, review your decisions, and save evidence of your work for your portfolio. Production practice: write down the goal, the target user or client, the tool settings you used, and what you would improve in the next version. By the end of this lesson you should have a concrete checkpoint that can be reviewed by a tutor or included in your graduation project.

22. Module 4: React Mental Model

22:00

Vibe Coding - React Components. Break interfaces into reusable components with props, state, lists, and predictable interaction patterns. In this lesson, you will learn react mental model through a practical school-style project. Focus on the core concept, build a small deliverable, review your decisions, and save evidence of your work for your portfolio. Production practice: write down the goal, the target user or client, the tool settings you used, and what you would improve in the next version. By the end of this lesson you should have a concrete checkpoint that can be reviewed by a tutor or included in your graduation project.

23. Module 4: Components and Props

24:00

Vibe Coding - React Components. Break interfaces into reusable components with props, state, lists, and predictable interaction patterns. In this lesson, you will learn components and props through a practical school-style project. Focus on the core concept, build a small deliverable, review your decisions, and save evidence of your work for your portfolio. Production practice: write down the goal, the target user or client, the tool settings you used, and what you would improve in the next version. By the end of this lesson you should have a concrete checkpoint that can be reviewed by a tutor or included in your graduation project.

24. Module 4: State and Events

26:00

Vibe Coding - React Components. Break interfaces into reusable components with props, state, lists, and predictable interaction patterns. In this lesson, you will learn state and events through a practical school-style project. Focus on the core concept, build a small deliverable, review your decisions, and save evidence of your work for your portfolio. Production practice: write down the goal, the target user or client, the tool settings you used, and what you would improve in the next version. By the end of this lesson you should have a concrete checkpoint that can be reviewed by a tutor or included in your graduation project.

25. Module 4: Rendering Lists

28:00

Vibe Coding - React Components. Break interfaces into reusable components with props, state, lists, and predictable interaction patterns. In this lesson, you will learn rendering lists through a practical school-style project. Focus on the core concept, build a small deliverable, review your decisions, and save evidence of your work for your portfolio. Production practice: write down the goal, the target user or client, the tool settings you used, and what you would improve in the next version. By the end of this lesson you should have a concrete checkpoint that can be reviewed by a tutor or included in your graduation project.

26. Module 4: Forms in React

16:00

Vibe Coding - React Components. Break interfaces into reusable components with props, state, lists, and predictable interaction patterns. In this lesson, you will learn forms in react through a practical school-style project. Focus on the core concept, build a small deliverable, review your decisions, and save evidence of your work for your portfolio. Production practice: write down the goal, the target user or client, the tool settings you used, and what you would improve in the next version. By the end of this lesson you should have a concrete checkpoint that can be reviewed by a tutor or included in your graduation project.

27. Module 4: Component Styling

18:00

Vibe Coding - React Components. Break interfaces into reusable components with props, state, lists, and predictable interaction patterns. In this lesson, you will learn component styling through a practical school-style project. Focus on the core concept, build a small deliverable, review your decisions, and save evidence of your work for your portfolio. Production practice: write down the goal, the target user or client, the tool settings you used, and what you would improve in the next version. By the end of this lesson you should have a concrete checkpoint that can be reviewed by a tutor or included in your graduation project.

28. Module 4: React Checkpoint

20:00

Vibe Coding - React Components. Break interfaces into reusable components with props, state, lists, and predictable interaction patterns. In this lesson, you will learn react checkpoint through a practical school-style project. Focus on the core concept, build a small deliverable, review your decisions, and save evidence of your work for your portfolio. Production practice: write down the goal, the target user or client, the tool settings you used, and what you would improve in the next version. By the end of this lesson you should have a concrete checkpoint that can be reviewed by a tutor or included in your graduation project.

29. Module 5: App Router Basics

24:00

Vibe Coding - Next.js App Building. Use routing, layouts, metadata, assets, and server-ready patterns to build production-friendly web apps. In this lesson, you will learn app router basics through a practical school-style project. Focus on the core concept, build a small deliverable, review your decisions, and save evidence of your work for your portfolio. Production practice: write down the goal, the target user or client, the tool settings you used, and what you would improve in the next version. By the end of this lesson you should have a concrete checkpoint that can be reviewed by a tutor or included in your graduation project.

30. Module 5: Pages and Layouts

26:00

Vibe Coding - Next.js App Building. Use routing, layouts, metadata, assets, and server-ready patterns to build production-friendly web apps. In this lesson, you will learn pages and layouts through a practical school-style project. Focus on the core concept, build a small deliverable, review your decisions, and save evidence of your work for your portfolio. Production practice: write down the goal, the target user or client, the tool settings you used, and what you would improve in the next version. By the end of this lesson you should have a concrete checkpoint that can be reviewed by a tutor or included in your graduation project.

31. Module 5: Links and Navigation

28:00

Vibe Coding - Next.js App Building. Use routing, layouts, metadata, assets, and server-ready patterns to build production-friendly web apps. In this lesson, you will learn links and navigation through a practical school-style project. Focus on the core concept, build a small deliverable, review your decisions, and save evidence of your work for your portfolio. Production practice: write down the goal, the target user or client, the tool settings you used, and what you would improve in the next version. By the end of this lesson you should have a concrete checkpoint that can be reviewed by a tutor or included in your graduation project.

32. Module 5: Images and Assets

16:00

Vibe Coding - Next.js App Building. Use routing, layouts, metadata, assets, and server-ready patterns to build production-friendly web apps. In this lesson, you will learn images and assets through a practical school-style project. Focus on the core concept, build a small deliverable, review your decisions, and save evidence of your work for your portfolio. Production practice: write down the goal, the target user or client, the tool settings you used, and what you would improve in the next version. By the end of this lesson you should have a concrete checkpoint that can be reviewed by a tutor or included in your graduation project.

33. Module 5: Loading and Error States

18:00

Vibe Coding - Next.js App Building. Use routing, layouts, metadata, assets, and server-ready patterns to build production-friendly web apps. In this lesson, you will learn loading and error states through a practical school-style project. Focus on the core concept, build a small deliverable, review your decisions, and save evidence of your work for your portfolio. Production practice: write down the goal, the target user or client, the tool settings you used, and what you would improve in the next version. By the end of this lesson you should have a concrete checkpoint that can be reviewed by a tutor or included in your graduation project.

34. Module 5: Metadata and SEO

20:00

Vibe Coding - Next.js App Building. Use routing, layouts, metadata, assets, and server-ready patterns to build production-friendly web apps. In this lesson, you will learn metadata and seo through a practical school-style project. Focus on the core concept, build a small deliverable, review your decisions, and save evidence of your work for your portfolio. Production practice: write down the goal, the target user or client, the tool settings you used, and what you would improve in the next version. By the end of this lesson you should have a concrete checkpoint that can be reviewed by a tutor or included in your graduation project.

35. Module 5: Next.js Checkpoint

22:00

Vibe Coding - Next.js App Building. Use routing, layouts, metadata, assets, and server-ready patterns to build production-friendly web apps. In this lesson, you will learn next.js checkpoint through a practical school-style project. Focus on the core concept, build a small deliverable, review your decisions, and save evidence of your work for your portfolio. Production practice: write down the goal, the target user or client, the tool settings you used, and what you would improve in the next version. By the end of this lesson you should have a concrete checkpoint that can be reviewed by a tutor or included in your graduation project.

36. Module 6: HTTP and JSON

26:00

Vibe Coding - APIs and Data. Connect interfaces to data sources and understand how requests, responses, validation, and errors work. In this lesson, you will learn http and json through a practical school-style project. Focus on the core concept, build a small deliverable, review your decisions, and save evidence of your work for your portfolio. Production practice: write down the goal, the target user or client, the tool settings you used, and what you would improve in the next version. By the end of this lesson you should have a concrete checkpoint that can be reviewed by a tutor or included in your graduation project.

37. Module 6: Fetching Data

28:00

Vibe Coding - APIs and Data. Connect interfaces to data sources and understand how requests, responses, validation, and errors work. In this lesson, you will learn fetching data through a practical school-style project. Focus on the core concept, build a small deliverable, review your decisions, and save evidence of your work for your portfolio. Production practice: write down the goal, the target user or client, the tool settings you used, and what you would improve in the next version. By the end of this lesson you should have a concrete checkpoint that can be reviewed by a tutor or included in your graduation project.

38. Module 6: API Route Basics

16:00

Vibe Coding - APIs and Data. Connect interfaces to data sources and understand how requests, responses, validation, and errors work. In this lesson, you will learn api route basics through a practical school-style project. Focus on the core concept, build a small deliverable, review your decisions, and save evidence of your work for your portfolio. Production practice: write down the goal, the target user or client, the tool settings you used, and what you would improve in the next version. By the end of this lesson you should have a concrete checkpoint that can be reviewed by a tutor or included in your graduation project.

39. Module 6: Form Submission

18:00

Vibe Coding - APIs and Data. Connect interfaces to data sources and understand how requests, responses, validation, and errors work. In this lesson, you will learn form submission through a practical school-style project. Focus on the core concept, build a small deliverable, review your decisions, and save evidence of your work for your portfolio. Production practice: write down the goal, the target user or client, the tool settings you used, and what you would improve in the next version. By the end of this lesson you should have a concrete checkpoint that can be reviewed by a tutor or included in your graduation project.

40. Module 6: Validation and Errors

20:00

Vibe Coding - APIs and Data. Connect interfaces to data sources and understand how requests, responses, validation, and errors work. In this lesson, you will learn validation and errors through a practical school-style project. Focus on the core concept, build a small deliverable, review your decisions, and save evidence of your work for your portfolio. Production practice: write down the goal, the target user or client, the tool settings you used, and what you would improve in the next version. By the end of this lesson you should have a concrete checkpoint that can be reviewed by a tutor or included in your graduation project.

41. Module 6: Saving User Progress

22:00

Vibe Coding - APIs and Data. Connect interfaces to data sources and understand how requests, responses, validation, and errors work. In this lesson, you will learn saving user progress through a practical school-style project. Focus on the core concept, build a small deliverable, review your decisions, and save evidence of your work for your portfolio. Production practice: write down the goal, the target user or client, the tool settings you used, and what you would improve in the next version. By the end of this lesson you should have a concrete checkpoint that can be reviewed by a tutor or included in your graduation project.

42. Module 6: API Checkpoint

24:00

Vibe Coding - APIs and Data. Connect interfaces to data sources and understand how requests, responses, validation, and errors work. In this lesson, you will learn api checkpoint through a practical school-style project. Focus on the core concept, build a small deliverable, review your decisions, and save evidence of your work for your portfolio. Production practice: write down the goal, the target user or client, the tool settings you used, and what you would improve in the next version. By the end of this lesson you should have a concrete checkpoint that can be reviewed by a tutor or included in your graduation project.

43. Module 7: Accessibility Basics

28:00

Vibe Coding - Project Polish. Improve performance, accessibility, visual quality, and reliability before showing a project to a client. In this lesson, you will learn accessibility basics through a practical school-style project. Focus on the core concept, build a small deliverable, review your decisions, and save evidence of your work for your portfolio. Production practice: write down the goal, the target user or client, the tool settings you used, and what you would improve in the next version. By the end of this lesson you should have a concrete checkpoint that can be reviewed by a tutor or included in your graduation project.

44. Module 7: Keyboard and Focus States

16:00

Vibe Coding - Project Polish. Improve performance, accessibility, visual quality, and reliability before showing a project to a client. In this lesson, you will learn keyboard and focus states through a practical school-style project. Focus on the core concept, build a small deliverable, review your decisions, and save evidence of your work for your portfolio. Production practice: write down the goal, the target user or client, the tool settings you used, and what you would improve in the next version. By the end of this lesson you should have a concrete checkpoint that can be reviewed by a tutor or included in your graduation project.

45. Module 7: Performance Checks

18:00

Vibe Coding - Project Polish. Improve performance, accessibility, visual quality, and reliability before showing a project to a client. In this lesson, you will learn performance checks through a practical school-style project. Focus on the core concept, build a small deliverable, review your decisions, and save evidence of your work for your portfolio. Production practice: write down the goal, the target user or client, the tool settings you used, and what you would improve in the next version. By the end of this lesson you should have a concrete checkpoint that can be reviewed by a tutor or included in your graduation project.

46. Module 7: Empty and Error UI

20:00

Vibe Coding - Project Polish. Improve performance, accessibility, visual quality, and reliability before showing a project to a client. In this lesson, you will learn empty and error ui through a practical school-style project. Focus on the core concept, build a small deliverable, review your decisions, and save evidence of your work for your portfolio. Production practice: write down the goal, the target user or client, the tool settings you used, and what you would improve in the next version. By the end of this lesson you should have a concrete checkpoint that can be reviewed by a tutor or included in your graduation project.

47. Module 7: Mobile QA

22:00

Vibe Coding - Project Polish. Improve performance, accessibility, visual quality, and reliability before showing a project to a client. In this lesson, you will learn mobile qa through a practical school-style project. Focus on the core concept, build a small deliverable, review your decisions, and save evidence of your work for your portfolio. Production practice: write down the goal, the target user or client, the tool settings you used, and what you would improve in the next version. By the end of this lesson you should have a concrete checkpoint that can be reviewed by a tutor or included in your graduation project.

48. Module 7: Code Cleanup

24:00

Vibe Coding - Project Polish. Improve performance, accessibility, visual quality, and reliability before showing a project to a client. In this lesson, you will learn code cleanup through a practical school-style project. Focus on the core concept, build a small deliverable, review your decisions, and save evidence of your work for your portfolio. Production practice: write down the goal, the target user or client, the tool settings you used, and what you would improve in the next version. By the end of this lesson you should have a concrete checkpoint that can be reviewed by a tutor or included in your graduation project.

49. Module 7: Polish Checkpoint

26:00

Vibe Coding - Project Polish. Improve performance, accessibility, visual quality, and reliability before showing a project to a client. In this lesson, you will learn polish checkpoint through a practical school-style project. Focus on the core concept, build a small deliverable, review your decisions, and save evidence of your work for your portfolio. Production practice: write down the goal, the target user or client, the tool settings you used, and what you would improve in the next version. By the end of this lesson you should have a concrete checkpoint that can be reviewed by a tutor or included in your graduation project.

50. Module 8: Git Workflow

16:00

Vibe Coding - Deployment and Portfolio. Ship a working web project, document it clearly, and present it as proof that you can build real products. In this lesson, you will learn git workflow through a practical school-style project. Focus on the core concept, build a small deliverable, review your decisions, and save evidence of your work for your portfolio. Production practice: write down the goal, the target user or client, the tool settings you used, and what you would improve in the next version. By the end of this lesson you should have a concrete checkpoint that can be reviewed by a tutor or included in your graduation project.

51. Module 8: Environment Variables

18:00

Vibe Coding - Deployment and Portfolio. Ship a working web project, document it clearly, and present it as proof that you can build real products. In this lesson, you will learn environment variables through a practical school-style project. Focus on the core concept, build a small deliverable, review your decisions, and save evidence of your work for your portfolio. Production practice: write down the goal, the target user or client, the tool settings you used, and what you would improve in the next version. By the end of this lesson you should have a concrete checkpoint that can be reviewed by a tutor or included in your graduation project.

52. Module 8: Production Build

20:00

Vibe Coding - Deployment and Portfolio. Ship a working web project, document it clearly, and present it as proof that you can build real products. In this lesson, you will learn production build through a practical school-style project. Focus on the core concept, build a small deliverable, review your decisions, and save evidence of your work for your portfolio. Production practice: write down the goal, the target user or client, the tool settings you used, and what you would improve in the next version. By the end of this lesson you should have a concrete checkpoint that can be reviewed by a tutor or included in your graduation project.

53. Module 8: Deployment Setup

22:00

Vibe Coding - Deployment and Portfolio. Ship a working web project, document it clearly, and present it as proof that you can build real products. In this lesson, you will learn deployment setup through a practical school-style project. Focus on the core concept, build a small deliverable, review your decisions, and save evidence of your work for your portfolio. Production practice: write down the goal, the target user or client, the tool settings you used, and what you would improve in the next version. By the end of this lesson you should have a concrete checkpoint that can be reviewed by a tutor or included in your graduation project.

54. Module 8: Domain and SEO Basics

24:00

Vibe Coding - Deployment and Portfolio. Ship a working web project, document it clearly, and present it as proof that you can build real products. In this lesson, you will learn domain and seo basics through a practical school-style project. Focus on the core concept, build a small deliverable, review your decisions, and save evidence of your work for your portfolio. Production practice: write down the goal, the target user or client, the tool settings you used, and what you would improve in the next version. By the end of this lesson you should have a concrete checkpoint that can be reviewed by a tutor or included in your graduation project.

55. Module 8: Project README

26:00

Vibe Coding - Deployment and Portfolio. Ship a working web project, document it clearly, and present it as proof that you can build real products. In this lesson, you will learn project readme through a practical school-style project. Focus on the core concept, build a small deliverable, review your decisions, and save evidence of your work for your portfolio. Production practice: write down the goal, the target user or client, the tool settings you used, and what you would improve in the next version. By the end of this lesson you should have a concrete checkpoint that can be reviewed by a tutor or included in your graduation project.

56. Module 8: Graduation Deployment Checkpoint

28:00

Vibe Coding - Deployment and Portfolio. Ship a working web project, document it clearly, and present it as proof that you can build real products. In this lesson, you will learn graduation deployment checkpoint through a practical school-style project. Focus on the core concept, build a small deliverable, review your decisions, and save evidence of your work for your portfolio. Production practice: write down the goal, the target user or client, the tool settings you used, and what you would improve in the next version. By the end of this lesson you should have a concrete checkpoint that can be reviewed by a tutor or included in your graduation project.

Software and tools

VS CodeGitHubBrowser DevToolsNode.jsVercel

Projects you will build

Responsive landing page
Portfolio website
Form/API project
Deployed web app

Student testimonials

Be among the first students to review this course after completing your projects.

Course Review

Review Vibe Coding - Web Development Bootcamp

Course FAQ

Who is the Vibe Coding - Web Development Bootcamp course for?

It is for beginners, students, freelancers, and professionals who want practical, portfolio-ready skills.

Will I build real projects?

Yes. Each course includes guided assignments and project briefs that help you create work you can show.

Can I learn online?

Yes. You get LMS access, lesson notes, assignments, quizzes, and WhatsApp support.

Do I get a certificate?

Yes. Certificates are issued after completing the required lessons, quizzes, and assignments.

Ready to start Vibe Coding?

Enroll today, complete the lessons, submit your projects, and build work you can show with confidence.

Enroll in this course