Course image for HTML5/CSS3 Tutorials - Learn the core of web

HTML5/CSS3 Tutorials - Learn the core of web

The easiest way to learn modern web design, HTML5 and CSS3 step-by-step from scratch. Design AND code a huge project.

4 hours+ of total content
4.6
89 ratings
4957 developers learning
Course Creator: Mehul Mohan

Hang on...

Goals

  • Real-world skills to build real-world websites: professional, beautiful and truly responsive websites
  • A huge project that will teach you everything you need to know to get started with HTML5 and CSS3
  • The proven 7 real-world steps from complete scratch to a fully functional and optimized website
  • Simple-to-use web design guidelines and tips to make your website stand out from the crowd

Description

Coding is great, but it's not everything! That's why we will go through the entire process of building and launching our website project. This includes designing, coding, planning, writing clean and organized code, website optimization, best practices, and so much more.

Designing is really, really important. Have you seen all these beautiful and modern websites lately? Great! Because I will show you how it's done. And not just in theory, but also in practice. This is the only course on the market that focuses on both coding and designing, together.

With the right guidance, HTML5, CSS3, and responsive web design are really easy to learn and use in the real world. With a bunch of random tutorials and YouTube videos? Not so much. That's why I structured this training around a cool and complete project that's fun to code.

Course Structure

57 lectures 04:35:44 total duration

HTML Basics

(23 lectures • 01 hours and 26 minutes)
  Introduction (Preview)
00:45
  codedamn HTML Playground (Preview)
04:57
  First HTML Page (Preview)
03:04
  Comments in HTML (Preview)
02:20
  HTML Tags (Preview)
03:12
  Heading Tags (Preview)
03:19
  Exercise lab for heading (Practice lab)
05:00
  Exercise lab for heading (Practice lab)
05:00
  Paragraph (p) tag (Preview)
02:37
  Exercise lab for paragraph (Practice lab)
05:00
  Anchor (a) tag (Preview)
06:01
  Exercise lab for anchor tag (Practice lab)
05:00
  Button (button) tag (Preview)
04:19
  Bold (b) tag (Preview)
01:16
  Image (img) tag (Preview)
05:14
  Video (video) tag (Preview)
04:30
  Audio (audio) tag (Preview)
01:39
  Input (input) tag (Preview)
03:47
  Exercise lab for input (Practice lab)
05:00
  Exercise lab for input (Practice lab)
05:00
  Select (select) tag (Preview)
04:02
  Table (table) tag (Preview)
03:18
  HTML basics done! (Preview)
01:54
  CSS Introduction (Preview)
03:02
  CSS Hello World (Preview)
06:04
  CSS Tag Selector (Preview)
05:53
  Exercise lab for CSS selector (Practice lab)
05:00
  CSS Properties (Preview)
02:51
  CSS Classes (Preview)
04:45
  Exercise lab for CSS class (Practice lab)
05:00
  Exercise lab for CSS class (Practice lab)
05:00
  CSS IDs (Preview)
04:27
  Exercise lab for CSS IDs (Practice lab)
05:00
  Exercise lab for CSS IDs (Practice lab)
05:00
  Proper HTML document (Preview)
05:08
  Exercise lab for creating doctype (Practice lab)
05:00
  Exercise lab for creating head and body (Practice lab)
05:00
  Inline vs Block element (Preview)
05:57
  Types of stylesheets (Preview)
04:32
  Introduction to Flexbox Layout (Preview)
07:08
  flex (Preview)
05:51
  Exercise lab for flexbox (Practice lab)
05:00
  flex (Preview)
06:20
  Exercise lab for flexbox (Practice lab)
05:00
  justify (Preview)
04:46
  Exercise lab for flexbox (Practice lab)
05:00
  Exercise lab for flex-direction (Practice lab)
05:00
  Exercise lab for flex-direction (Practice lab)
05:00
  Exercise lab for flex-direction (Practice lab)
05:00
  CSS Colors (Preview)
08:17
  Center a DIV (Preview)
03:33
  Positioning in CSS - absolute and relative (Preview)
09:03
  Positioning in CSS - fixed (Preview)
05:39
  Positioning in CSS - sticky (Preview)
04:00
  CSS backgrounds (Preview)
04:29
  Simple Google Homepage Project (Preview)
21:45
  Are you ready to level up your career further? 
01:00

Last 5 Reviews

HK
Harshit Kedia
Jun 15, 2021
very nice site to learn html and css
CA
Cristian Alarcon Milla
Jun 15, 2021
All structured and concise, great for people who already has some knowledge.
MM
Mahesh Mahe
Jun 15, 2021
Really worth...!
DP
Dhanush P
Jun 15, 2021
great one
YP
Yog Panjarale
Jun 14, 2021
a bit about the course perfect for beginners

Your Instructor

Mehul Mohan

Full-stack developer and security researcher

I'm a full-stack developer working with JavaScript and its associated runtimes for the past 7 years. I love to play with code and make something useful out of it! You can find me on social media, I'm quite active there :)
codedamn logo

We ♥ quality. And we would love to see your growth. Hence, codedamn comes with a pro plan for advanced and accelerated learning!

Free

  • HD video content
  • Certificate of completion
  • Mentorship from codedamn staff
  • Support over WhatsApp
  • Learning Path support
  • Unlimited hands-on practice

Pro

  • HD video content
  • Certificate of completion
  • Mentorship from codedamn staff
  • Support over WhatsApp
  • Learning Path support
  • Unlimited hands-on practice
Become Pro Member