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.
Mosh Hamedani – The Ultimate HTML5 & CSS3 Series: Part 3
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!
From a Mockup Design to a Live Website in 5 Hours
A comprehensive, fun and highly-practical course that prepares you for the job
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
Get immediately download Mosh Hamedani – The Ultimate HTML5 & CSS3 Series: Part 3
Join 28755 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
- 1- Introduction (1:07)
- 2- Follow Me Around
- 3- Prerequisites (0:49)
- 4- How to Take This Course (1:44)
- 5- Tools You Need (3:59)
- 6- Setting Up the Project (5:11)
- 7- Essential Photoshop Skills (5:02)
- 8- Identifying the Components (6:09)
- 9- Color Palette (3:12)
- 10- Typography (10:43)
- 11- Links (6:47)
- 12- Badges (7:35)
- 13- Lists (7:50)
- 14- Icons (9:03)
- 15- Buttons (11:21)
- 16- Inputs (3:52)
- 17- Input Groups (6:27)
- 18- Cards (5:26)
- 19- Plans (10:34)
- 20- Popular Badge (3:41)
- 21- Media Objects (4:12)
- 22- Quotes (9:21)
- 23- Grids (4:45)
- 24- Testimonials (11:51)
- 25- Callouts (10:06)
- 26- Collapsibles (13:21)
- 27- Blocks (12:20)
- 28- Navigation Bars (17:14)
- 29- Hero (10:35)
- 30- Optimizing Images (9:34)
- 31- Domain Block (14:09)
- 32- Plans Block (9:04)
- 33- Features Block (11:39)
- 34- Showcase Block (18:19)
- 35- Testimonials Block (1:40)
- 36- Footer (14:45)
- 37- Putting it All Together (3:49)
- 38- Troubleshooting Layout Issues (9:01)
- 39- Animations (3:49)
- 40- Search Engine Optimization (2:28)
- 41- HTML and CSS Validation (3:10)
- 42- Building for Production (12:42)
- 43- Pushing to GitHub (4:51)
- 44- Deployment (4:54)
- 45- Measuring the Site’s Performance (8:31)
- 46- Course Wrap Up (0:35)
- 47- Support Me
Here’s What You’ll Get in Mosh Hamedani – The Ultimate HTML5 & CSS3 Series: Part 3
Course Features
- Lectures 1
- Quizzes 0
- Duration 10 weeks
- Skill level All levels
- Language English
- Students 120
- Assessments Yes
