codedamn logocodedamn
Course image for Learn Advanced HTML and CSS Concepts

Learn Advanced HTML and CSS Concepts

HTML and CSS are building blocks of the web. However learning the syntax is not enough. This course teaches you more advanced parts about HTML and CSS, including modern syntax.

2 hours+ of total content
4.8
126 ratings
1140 students enrolled
Course Creator: Mehul Mohan

Hang on...

Heads up!

This is an official course from Full Stack Web Developer Learning Path learning path.

Try out the learning path

Goals

  • Variables in CSS
  • Common CSS functions
  • Making responsive websites with media queries
  • Meta tags, animations in CSS3, and more

Description

Basic HTML and CSS is a great start for frontend web development. However you should learn about semantic HTML, variables in CSS, functions and how to stay up to date with all these changes.

This course will cover some of the advanced and less discussed parts of HTML, including but not limited to:

  • Semantic HTML and why it is required
  • CSS3 functions
  • CSS3 variables
  • Importance of meta tags
  • Media queries in CSS
  • How to make websites responsive and work across multiple screen sizes
  • Introduction to animations with CSS

You will find interactive hands-on exercises as well along the way to assist you in learning by doing.

Course Structure

29 lectures • 02:57:42 total duration

HTML5 Concepts

(10 lectures • 01 hours and 00 minutes)
  Introduction (Watch video)
01:06
  What is HTML5? (Watch video)
06:23
  Meta tags in HTML (Watch video)
07:15
  meta charset (Practice concept)
05:00
  Logical v/s Physical tags (Watch video)
06:40
  Conditional comments (Watch video)
03:56
  HTML entities (Watch video)
04:12
  Form inputs (Watch video)
11:21
  iframes in HTML (Watch video)
06:10
  CSS Specificity (Watch video)
08:02
  CSS Box Model (Watch video)
07:38
  Interactive Box Model (Practice concept)
05:00
  CSS Variables (Watch video)
07:18
  CSS Variables (Practice concept)
05:00
  CSS calc function (Watch video)
07:10
  CSS Pseudo selectors (Watch video)
15:56
  Pseudo elements (Watch video)
09:44
  'attr' property (Watch video)
03:12
  Advanced CSS Selectors (Watch video)
10:37
  Attribute Selectors (Watch video)
07:14
  Introduction (Watch video)
00:50
  Responsive v/s Non Responsive Websites (Watch video)
02:42
  Convering non-responsive website to responsive (Watch video)
09:45
  More on converting website to responsive (Watch video)
05:41
  More media query rules (Watch video)
03:32
  Media print (Watch video)
02:37
  CSS Animation basics (Watch video)
08:41
  Maintaining final animation state (Watch video)
01:25
  Sudden animation changes (Watch video)
03:35

Student feedback

4.8
Course Rating

88%

10%

2%

0%

0%

Reviews

Subhadip Das (@subhadipdas)
Dec 02, 2021
nice course.
Harshiv Kharvar (@harshiv)
Dec 02, 2021
fantastic website to learn related web development
Kabir (@kabir0x17)
Dec 02, 2021
great
Ashish Sharma (@Ashish9034)
Nov 30, 2021
Awesome
Jay Prakash (@jaysingh9518)
Nov 29, 2021
I love to learn here with full detailed video......

Your Course Instructor

Course Instructor Image

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 :)

Upgrade to codedamn Pro Plan and unlock more courses for accelerated learning. Unlimited courses, interactive learning and more.

Free

  • HD video content
  • Certificate of completion
  • Mentorship from codedamn staff
  • Support over WhatsApp
  • Full learning path unlocked
  • Unlimited hands-on practice

Pro

  • HD video content
  • Certificate of completion
  • Mentorship from codedamn staff
  • All exclusive courses unlocked
  • Unlimited hands-on practice
Try codedamn Pro (14-day free refund)