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
39 ratings
1095 students enrolled
Course Creator: Mehul Mohan
Hang on...
Heads up!
This is an official course from Full Stack 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 (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
CSS Media Queries
(6 lectures • 25 minutes) 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 Animations
(3 lectures • 13 minutes) 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.9
Course Rating
95%
5%
0%
0%
0%
Reviews
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 :)
Hang on...
Course content:
- 2 hours+ on-demand video content
- 3 hands-on-keyboard exercises
- This course + all other course access (codedamn Pro)
- Full lifetime access (Purchase without codedamn Pro)
- Certificate of completion
Secure Payment
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