Who is this course for?

This course is for learners who want practical, career-focused web and IT skills through structured lessons and hands-on projects.

Do I need previous experience?

Most CareerCourse lessons are beginner-friendly unless the course page says otherwise. You can start from the fundamentals and build step by step.

How long do I have access to the course?

You get ongoing access after enrollment, so you can learn at your own pace and revisit lessons whenever you need.

Will this course include practical projects?

Yes. The course is designed around practical skills, examples, and projects that help you build confidence and a stronger portfolio.

CareerCoursecareerpreep.com

Beginner · 25h 45m

Frontend-Web Development 0 to Hero

Name: Frontend-Web Development 0 to Hero
Price: 3999 BDT
Availability: InStock

A modern, no-fluff beginner course that takes you from never having written a line of code to confidently shipping your first websites. We cover the tools real developers use today — VS Code, Tailwind, GitHub — and how to leverage AI to learn 10x faster.

lessons 11 modules 25h 45m

What you'll learn

Build modern responsive websites from scratch

Master HTML, CSS, JavaScript fundamentals

Style 10x faster with Tailwind CSS

Use VS Code like a pro developer

Collaborate & deploy with Git and GitHub

Leverage AI (ChatGPT/Claude) to accelerate your learning

Course content

Intro to web development course

Welcome & How to Use This Course
Setting Up VS Code par - 01
VS Code part - 02
VS Code - 03
VS code Extensions

Github Beginner to Advance

Github Beginner setup
Github Advance Module - adding soon

HTML Structure and Page Module

HTML Intro
HTML Locally Run and Clone Project from Github
What is HTML ?? Tags in HTML
Link and Image in HTML
Attributes in HTML, List, Table
Table HTML part -02
HTML Form
Semantic HTML Tag
HTML Audio & Video
HTML Video part - 02
HTML Small Projects - 01
HTML Small Projects - 02
Special Semantic Tag in HTML - details
Special Semantic Tag in HTML - details - 02

CSS Fundamental and Basics

CSS Module Intro
CSS connect in HTML Project , VS code
CSS Syntax
CSS selector
CSS Colors Units Typography
CSS Gradient Color
CSS Unit more Deep dive
CSS Box Model
CSS Display , Position Property
CSS display center property
CSS Flex box intro
CSS Flex box
CSS flex box * Float
CSS Justify property
Dev tool usage for CSS Inspect
CSS Grid
CSS Grid - 02
CSS Grid - template
CSS Hover Magic
CSS Transition
CSS Animation
CSS Small Project intro
CSS Responsive Module
CSS Project - Part 001 - Portfolio with CSS Only
CSS Project - Part 002 - Project breakdown and Setup
CSS Project - Part 003 - Nav Header
CSS Project - Part 004 - Hero Section
CSS Project - Part 005 - Hero section - Clamp and Features
CSS Project - Part 006 - Features - Project section
CSS Project - Part 007 - Project section
CSS Project - Part 008 - Last part with responsive

Tailwind CSS

Tailwind CSS Play ground and Basics
Tailwind CSS CDS Setup
Tailwind CSS Package setup and Project Overview
Tailwind CSS Project - 001 - Nav
Tailwind CSS Project - 002 - Hero section
Tailwind CSS Project - 002 - Features , Pricing section
Tailwind CSS Project - 003 - testimonial section
Tailwind CSS Project - 003 - Finalize project

JavaScript Essentials

What is JS?
Javascript Setup part - 01
Javascript Setup part - 02
JavaScript Varriables and Data types
String data types
Number and Boolean in JS
String Method in JS
Number and Boolean method
Arithmetic operator
Comparison operator - 01
Comparison operator - 02
Logical operator in JS - 01
Logical operator in JS - 02
Functions in JavaScript - 01
Functions in JavaScript - 02
Arrow Functions in JavaScript
Scope in Javascripts
Before we deep dive into core JavaScript
Array overview in JS
Array usage in Javascript
Array lesson - 03
Array methods in JavaScripts
Object overview
Objects in Javascripts
Objects in JS - 03
Objects last part
Javascripts loop and iterations
DOM Overview
DOM in action
DOM in JS - 03
Fixing DOM Error
Event listener in Javascripts
DOM Manipulations in Javascripts and techniques
DOM Manipulations - 02
Varriables recap in DOM manipulation

Learning with AI

Giithub Co_pilot action in VS Code - AI Lesson 01
Learning Web Development with Claude AI
AI Tools for web development

JavaScript Project

Smart Task Manager Overview
Javascsript projects part 01
Javascsript projects part 02
Dynamic task list application part 03
Dynamic task list application part 04 Fix error

Deployment in Vercel and Github

Deploy any project in Vercel or Github

TypeScript Essentials

Introduction to TypeScript and Static Typing
What is Static Typing for JavaScript!
Setting Up TypeScript Development Environment
Customizing VS Code for TypeScript
TypeScript Basics and Type System
TypeScript Basic Types_ Arrays, Tuples, Enums
TypeScript Function Types and Parameters
TypeScript Interfaces for Object Structures
TypeScript Generic Functions Tutorial
Type Narrowing type of Keyword
Type Narrowing and Type Guards - typeof
In-keyword-opperationtype-narrowing
Class & Object-Oriented Programming in TypeScript
TypeScript Utility Types Explained
Working with Modules-01 in TypeScript
Module file system - 002

TypeScript Project

Product Manager Project - Project intro and structure
Setting Up TypeScript Project Product manager
Product manager types implement and project run
TypeScript Generic Storage Class setup for product manager
Implementing CRUD Operations with TypeScript for product manager
Product manager main class implementation
Finalize typescript project and compile to run and live debug error

Module 1

Intro to web development course

5 lessons

Module 2

Github Beginner to Advance

2 lessons

Module 3

HTML Structure and Page Module

14 lessons

Module 4

CSS Fundamental and Basics

31 lessons

Module 5

Tailwind CSS

8 lessons

Module 6

JavaScript Essentials

35 lessons

Module 7

Learning with AI

3 lessons

Module 8

JavaScript Project

5 lessons

Module 9

Deployment in Vercel and Github

1 lessons

Module 10

TypeScript Essentials

16 lessons

Module 11

TypeScript Project

7 lessons

Ready to start your journey?

Join hundreds of other students and start building your tech career today.

Your Instructor

Mk Haque

Mk Haque (MM Khairul Haque) is an expert developer and educator dedicated to helping students bridge the gap between learning and employment. With a focus on practical, industry-relevant skills, he has helped hundreds of students launch their careers in tech.

Student stories

Proof from learners building momentum.

A few notes from students using CareerCourse to move from scattered learning to shippable skills.

“The lessons felt practical from day one. I stopped collecting tutorials and finally built projects I could show clients.”

Nadia Rahman

Frontend learner

Built a portfolio in 6 weeks

Frequently Asked Questions

Everything you need to know about this course.