Roll over image to zoom in
Mosh Hamedani – The Ultimate HTML5 and CSS3 Series Part 2
$20.00
If you know the basics and are looking for a course that doesn’t treat you like an absolute beginner, look no further.
SalePage
Mosh Hamedani – The Ultimate HTML5 and CSS3 Series: Part 2
Check it out: Mosh Hamedani – The Ultimate HTML5 and 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.
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
