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
Advanced CSS3
(10 lectures • 01 hours and 18 minutes) 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
CSS Media Queries
(6 lectures • 25 minutes) 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 Animations
(3 lectures • 13 minutes) 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.
Your Course 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 :)
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