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.5
54 ratings
4462 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

56 lectures 04:34: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 
05:00
  Exercise lab for heading 
05:00
  Paragraph (p) tag (Preview)
02:37
  Exercise lab for paragraph 
05:00
  Anchor (a) tag (Preview)
06:01
  Exercise lab for anchor tag 
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 
05:00
  Exercise lab for input 
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 
05:00
  CSS Properties (Preview)
02:51
  CSS Classes (Preview)
04:45
  Exercise lab for CSS class 
05:00
  Exercise lab for CSS class 
05:00
  CSS IDs (Preview)
04:27
  Exercise lab for CSS IDs 
05:00
  Exercise lab for CSS IDs 
05:00
  Proper HTML document (Preview)
05:08
  Exercise lab for creating doctype 
05:00
  Exercise lab for creating head and body 
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 
05:00
  flex (Preview)
06:20
  Exercise lab for flexbox 
05:00
  justify (Preview)
04:46
  Exercise lab for flexbox 
05:00
  Exercise lab for flex-direction 
05:00
  Exercise lab for flex-direction 
05:00
  Exercise lab for flex-direction 
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

Last 5 Reviews

S
Shruti
May 06, 2021
good but needs advance content
1
19alema
May 05, 2021
It's just awesome with clear voice and visual illustration.
Ac
Ambika chauhan
Apr 27, 2021
super
AK
ALAGAPPAN K
Apr 08, 2021
Good Course
MC
Mayank Chaudhary
Apr 06, 2021
awesome content with awesome explanations

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