The Ultimate HTML/CSS Mastery Series
Learn to build fast, stunning and responsive websites with HTML5 and CSS3
Convert Photoshop Designs into Websites with Confidence
Wondering how professional web developers take a Photoshop design mockup and convert it into a real HTML5/CSS3 website? That's exactly what you're going to learn in this course.
A fun, highly-practical, step-by-step course that teaches you how to build and deploy fast, stunning websites using a systematic approach.
It teaches you the mindset of a professional front-end developer and is packed with hundreds of techniques, time-saving tips and best practices.
This is the HTML5/CSS3 course I wish I had when I was learning web development!
- Intermediate to Advanced
- Lifetime Access
- 5.5 Hours of Video
- 50 Lessons
- Exercises & Solutions
- Downloadable
- Subtitles
- Access on Mobile/TV
- Certificate
By the end of this course, you'll be able to…
- Convert Photoshop mockup designs into real HTML5/CSS3 websites
- Write quality HTML5/CSS3 code with confidence
- Troubleshoot issues like a pro
- Build responsive websites using the mobile-first approach
- Deploy your websites to the cloud
Master HTML5/CSS3 Using a Real Project
- Learn the essential Photoshop skills every web developer needs
- Master mobile-first responsive design
- Create layouts with Flex and Grid layout systems
- Add smooth, beautiful animations
- Optimize images for performance
- Write clean, maintainable, object-oriented CSS3
- Learn HTML5/CSS3 best practices
- Write valid, semantic HTML5 code that search engines love
- Use BEM convention to make your code more readable
- Increase your productivity using little-known shortcuts
- Host your code on GitHub
- Set up continuous deployment
- Measure your website's performance
- Get to know the tools that make your job easier
- And much, much more!
I'll show you and explain every line of code I write so you understand the what's, why's and how's. Learn the thought-process, not copy/pasting code!
Who is this course for?
- Anyone looking for a career in front-end development
- Anyone wanting to work as a freelancer
- Anyone preparing for a job interview
Prerequisites
This course is the third part of my Ultimate HTML5/CSS3 series. In the first two parts, I've covered the basic and advanced concepts. In this part, we put everything together to build a real website.
So ideally you should have watched the first two parts, but you’re welcome to start here if you're an intermediate-level web developer and are familiar with the following:
- Semantic HTML elements
- CSS selectors & pseudo-selectors
- CSS box model
- Absolute and relative positioning
- Flex and grid layouts
- Media queries
- Responsive images
- Transformations
- Transitions
Join 76506 happy students!
Your Instructor
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
-
Preview1- Introduction (1:07)
-
Start2- Follow Me Around
-
Preview3- Prerequisites (0:49)
-
Preview4- How to Take This Course (1:44)
-
Preview5- Tools You Need (3:59)
-
Preview6- Setting Up the Project (5:11)
-
Start7- Essential Photoshop Skills (5:02)
-
Start8- Identifying the Components (6:09)
-
Start9- Color Palette (3:12)
-
Start10- Typography (10:43)
-
Start11- Links (6:47)
-
Start12- Badges (7:35)
-
Start13- Lists (7:50)
-
Start14- Icons (9:03)
-
Start15- Buttons (11:21)
-
Start16- Inputs (3:52)
-
Start17- Input Groups (6:27)
-
Start18- Cards (5:26)
-
Start19- Plans (10:34)
-
Start20- Popular Badge (3:41)
-
Start21- Media Objects (4:12)
-
Start22- Quotes (9:21)
-
Start23- Grids (4:45)
-
Start24- Testimonials (11:51)
-
Start25- Callouts (10:06)
-
Start26- Collapsibles (13:21)
-
Start27- Blocks (12:20)
-
Start28- Navigation Bars (17:14)
-
Start29- Hero (10:35)
-
Start30- Optimizing Images (9:34)
-
Start31- Domain Block (14:09)
-
Start32- Plans Block (9:04)
-
Start33- Features Block (11:39)
-
Start34- Showcase Block (18:20)
-
Start35- Testimonials Block (1:40)
-
Start36- Footer (14:45)
-
Start37- Putting it All Together (3:49)
-
Start38- Troubleshooting Layout Issues (9:01)
-
Start39- Animations (3:49)
-
Start40- Search Engine Optimization (2:28)
-
Start41- HTML and CSS Validation (3:11)
-
Start42- Building for Production (12:42)
-
Start43- Pushing to GitHub (4:51)
-
Start44- Deployment (4:54)
-
Start45- Measuring the Site's Performance (8:31)
-
Start46- Course Wrap Up (0:35)
-
Start47- Leave Your Feedback
30-Day Money-Back Guarantee
Try it risk-free
You can ask for a refund any time during the first 30 days
if you decide the course isn’t for you.
Frequently Asked Questions
What you get when you enroll
- 5.5 hours of HD videos
- 50 lessons
- Exercises & solutions
- Little-known expert tips
- HTML5/CSS3 best practices
- Lifetime access
- Learn at your own pace
- Watch online or offline
- Watch on any device
- Certificate of completion
Become a True Expert in HTML5/CSS3
Enroll now to quickly learn all the essential HTML5/CSS3 skills you need.
All existing and future courses