Web Development with HTML & CSS – Full Course for Beginners

This course is an in-depth introduction to web development with HTML and CSS for complete beginners.

We'll start with HTML and CSS basics, dive into some advanced concepts, and learn about Git, GitHub, and cloud deployment using Vercel. We'll also explore mobile-first responsive design, the Bootstrap CSS framework, and the Express web application framework.

You'll solve coding assignments on building a web page from a mockup, creating a responsive mobile-first website, and crafting a scientific calculator. For the final project, you will build your personal portfolio website and deploy it to the cloud!

⭐️ Contents & Code ⭐️
⌨️ (00:00:00) Introduction
⌨️ (00:00:34) Lesson 1 - HTML and CSS Basics
⌨️ (02:14:15) Lesson 2 - Advanced HTML and CSS
⌨️ (04:42:24) Assignment 1 - Design Mockup to Web Page
⌨️ (06:47:59) Lesson 3 - Version Control and Cloud Deployment
⌨️ (08:59:42) Lesson 4 - Responsive Design and CSS Flexbox
⌨️ (11:32:24) Assignment 2 - Mobile-First Responsive Web Design
⌨️ (12:31:43) Lesson 5 - Bootstrap CSS Framework
⌨️ (14:56:51) Assignment 3 - Build a Scientific Calculator
⌨️ (16:34:34) Lesson 6 - Express Web Application Framework
⌨️ (18:30:21) Project - Build Your Personal Website
⌨️ (19:00:35) Course Recap

🎉 Thanks to our Champion and Sponsor supporters:
👾 davthecoder
👾 jedi-or-sith
👾 南宮千影
👾 Agustín Kussrow
👾 Nattira Maneerat
👾 Heather Wcislo
👾 Serhiy Kalinets
👾 Justin Hual
👾 Otis Morgan
👾 Oscar Rahnama

--

[jovianhq]

If you have any questions or face issues, please post them in the comments and we'll help you out. Do check out our YouTube channel as well, where we're posting new tutorials every week.

Thanks @freecodecamp and Beau for hosting our course here! 🙏🏼

[iamtharunraj]

This man used Light theme for 20hrs. Respect +

[alien]

starting from 4:42:24
day 1 (23/7/24) 5:48:15
day 2 (24/7/24) 6:16:20
day 3 (25/7/24) 6:48:00
day 4 (26/7/24) 7:36:00
day 5 (27/7/24) 8:59:42
day 6 and 7 (28/7/24 and 29/7/24) 11:32:24
day 8 and 9 -> laptop repair
day 10 (1/8/24) 11:32:24
day 11 (2/8/24) 12:31:43
day 12 (3/8/24) 12:47:00
day 13 (4/8/24) 13:32:30
day 14 (5/8/24) 14:56:51

[faustipez]

Wow, this is a very complete course for anyone wanting to build a modern website, learn version control and deployment. Thank you 🙏🏻

[YasirHaisracdo]

10hours left now, and i am enjoying every minute, i watched other courses before but this one is the best.

[sketchersgamer]

Sir this is very helpful. I am just a school boy in 7th class and cannot buy priced courses at all. This is helping me to learn basics of web development which is setting a foundation for my dream to become a web developer. Thank you very much sir ❤❤

[stevebahati]

Great content. With this kind of knowledge I don't think we need schools nowadays 😮

[राम्रो]

Aakash I have so much respect for you! I am attempting to learn this, I am starting the day by reviewing what I watched yesterday, I will follow along and code with you...just as you said!💻

[ImmyYousafzai]

I love his simple and direct style. No hanky panky straight to the core elements. ❤

[sourabhsingh]

Thank you man! Your way of teaching is very good. I am completed tutorial and implement every line of code .

[CLINTONOBINNA-hp]

what an interesting and knowledgeable tutorial class

[furinchimes]

Thanks for this course, simply one of the best! Great Content!

[krishnakarma]

I really appreciate the course, But when we are looking at a course of almost 20 hours then we expect to get an explanation of codes rather than just copy paste the given code (especially the boot strap section)

[agungaurelius]

OMG, I love you so much man. You've openned up my mind to think like a programmer. This video is super easy stayforward. to follow with. The trick, methods are efforlessly.

[aivkhairulamirin]

when we use calc() in CSS, do not forget to add spaces between operator and value.

width: calc(( 100% -10px -4px)/2) . INVALID

width: calc(( 100% - 10px - 4px)/2) VALID

[alibinnaseer]

This course has 20k views and was uploaded 10 hours ago. I bet no one of those 20k have completed it yet 😎

[aivkhairulamirin]

This video is very worth to watch. It provides strong foundation of web development. Furthermore, good explanation from instructor makes it well-suited for beginners. Good job!

[mishaelfilibus]

Much respect for you boss, I'm enjoying this tutorial, I really appreciate you for your effort...you're just the best

[bryanlittle]

Thank you everyone! I will learn this.

[rowlandoka]

Great content with clear teaching style. Thank you