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.9
13 ratings
774 developers learning
Course Creator: Mehul Mohan

Hang on...

Heads up!

This is an official course from Frontend Web Developer 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 
07:15
  meta charset (Practice concept)
05:00
  Logical v/s Physical tags 
06:40
  Conditional comments 
03:56
  HTML entities 
04:12
  Form inputs 
11:21
  iframes in HTML 
06:10
  CSS Specificity 
08:02
  CSS Box Model 
07:38
  Interactive Box Model (Practice concept)
05:00
  CSS Variables 
07:18
  CSS Variables (Practice concept)
05:00
  CSS calc function 
07:10
  CSS Pseudo selectors 
15:56
  Pseudo elements 
09:44
  'attr' property 
03:12
  Advanced CSS Selectors 
10:37
  Attribute Selectors 
07:14
  Introduction 
00:50
  Responsive v/s Non Responsive Websites 
02:42
  Convering non-responsive website to responsive 
09:45
  More on converting website to responsive 
05:41
  More media query rules 
03:32
  Media print 
02:37
  CSS Animation basics 
08:41
  Maintaining final animation state 
01:25
  Sudden animation changes 
03:35

Course Reviews

Aug 03, 2021
Over-all, very good. Some examples are not well thought-out, and the order of concepts presented seems very arbitrary (very un-scripted) at times. However, the material is very current, and the help available is excellent.
Jul 20, 2021
good course
Jul 14, 2021
Quite good content
Jul 09, 2021
well explained. Just do it on your own and you'll get used to...
Jul 07, 2021
loved it thank you mehul bhaiya

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 :)
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
  • Full learning path unlocked
  • Unlimited hands-on practice

Pro

  • HD video content
  • Certificate of completion
  • Mentorship from codedamn staff
  • Support over WhatsApp
  • Full learning path unlocked
  • Unlimited hands-on practice
Try codedamn Pro (7 day free refund)