A fun, highly-practical, step-by-step course that teaches you the both latest and more complex HTML5/CSS3 concepts such as responsive design, Flex & Grid layout systems, typography, responsive images, organizing CSS and much, much, more.
Mosh Hamedani – The Ultimate HTML5 & CSS3 Series: Part 2
Â
The Ultimate HTML/CSS Mastery Series
Master advanced HTML5 & CSS3 concepts behind fast, beautiful and mobile-friendly websites
Become an HTML5/CSS3 Expert!
Perhaps you know enough to make small tweaks in existing HTML/CSS code, but struggle to build something from scratch. If you know the basics and are looking for a course that doesn’t treat you like an absolute beginner, look no further.
A fun, highly-practical, step-by-step course that teaches you the both latest and more complex HTML5/CSS3 concepts such as responsive design, Flex & Grid layout systems, typography, responsive images, organizing CSS and much, much, more.
No lenghty, boring, repetitive explanations here. Just HTML5/CSS3 explained clearly.Take your HTML5/CSS3 skills to the next level
A comprehensive, fun and highly-practical course that prepares you for the job
By the end of this course, you’ll be able to…
Build layouts and position elements using flex and grid layout systems
Add visual pinch with transforms, transitions and animations
Build forms with data validation built-into HTML5
Create beautiful typography
Apply best practices for creating modern websites
Troubleshoot issues with confidence
Write clean, maintainable, object-oriented CSS3 code
What You’l Learn…
CSS box model
CSS measurement units (px, rem, em, vw, etc)
Absolute and relative positioning
Flexible box layout (Flex)
Grid layout
Media queries
Typography
Responsive images
Image optimization techniques
Scalable vector graphics (SVG)
Icon fonts
Forms with data validation
Transformations, transitions, and animations
CSS best practices
Object-oriented CSS
And much, much more!
A comprehensive, perfectly-structured and referenceable course that prepares you for the job
Who is this course for?
Anyone familiar with the basics of HTML/CSS who needs to master more complex topics
Anyone wanting to build fast, beautiful and responsive websites
Anyone preparing for a job interview
Prerequisites
This course is the second part of my Ultimate HTML & CSS series. Ideally, you should have taken the first part or at least be familiar with basic HTML elements, CSS properties, selectors, pseudo-selectors and be able to use Chrome DevTools for web development.
Join 28791 happy students!
Your Instructor
Mosh Hamedani
Hi! My name is Mosh Hamedani. I’m a software engineer with two decades of experience. I’ve taught millions of people how to code and how to become professional software engineers through my online courses and YouTube channel.
I believe coding should be fun and accessible to everyone.
Get immediately download Mosh Hamedani – The Ultimate HTML5 & CSS3 Series: Part 2
Course Curriculum
Getting Started (3m)
1- Introduction (1:03)
2- Prerequisites (0:48)
3- How to Take this Course (1:08)
4- Getting Help
5- Follow Me Around
6- Learning Paths
Layout (94m)
1- Introduction (0:45)
2- The Box Model (6:02)
3- Sizing Elements (8:20)
4- Overflowing (3:03)
5- Measurement Units (10:59)
6- Positioning (9:45)
7- Floating Elements (9:33)
8- FlexBox (14:59)
9- Grid (19:03)
10- Hiding Elements (1:24)
11- Media Queries (10:06)
12- Summary
13- Exercises
Typography (56m)
1- Introduction (0:44)
2- Styling Fonts (7:38)
3- Embedding Web Fonts (7:39)
4- Flash of Unstyled Text (6:45)
5- Font Services (8:22)
6- System Font Stack (2:47)
7- Sizing Fonts (7:23)
8- Vertical Spacing (4:44)
9- Horizontal Spacing (3:16)
10- Formatting Text (6:15)
11- Summary
12- Exercises
13- A Quick Note
Images (60m)
1- Introduction (1:13)
2- Image Types and Formats (3:50)
3- Content Images (3:40)
4- Background Images (7:02)
5- CSS Sprites (7:24)
6- Data URLs (3:40)
7- Clipping (1:51)
8- Filters (2:16)
9- Supporting High-density Screens (8:14)
10- Resolution Switching (7:01)
11- Using Modern Image Formats (4:29)
12- Art Direction (2:33)
13- Scalable Vector Graphics (2:16)
14- Font Icons (5:19)
15- Summary
16- Exercises
Forms (55m)
1- Introduction (0:40)
2- Creating a Basic Form (3:50)
3- Styling Forms (8:44)
4- CSS Frameworks (8:46)
5- Text Fields (5:47)
6- Data Lists (4:45)
7- Drop-down Lists (3:07)
8- Check Boxes (2:57)
9- Radio Buttons (1:58)
10- Sliders (0:55)
11- File Inputs (1:20)
12- Grouping Related Fields (1:09)
13- Hidden Fields (1:37)
14- Data Validation (3:33)
15- Submitting the Form (5:55)
16- Summary
17- Exercises
Transformations, Transitions, and Animations (20m)
1- Introduction (0:24)
2- Transformations (4:10)
3- 3D Transformations (5:39)
4- Transitions (3:23)
5- Animations (5:05)
6- Reusable Animations (2:19)
7- Summary
8- Exercises
Writing Clean, Maintainable CSS
1- Introduction (0:50)
2- CSS Best Practices (9:20)
3- Variables (2:17)
4- Object-oriented CSS (5:06)
5- BEM (4:12)
6- Summary
7- What’s Next (0:30)
8- A Quick Note
