Mosh Hamedani – The Ultimate HTML5 and CSS3 Series: Part 3

0 out of 5
( There are no reviews yet. )

$35.00

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.

SKU: MH-TUHACSP3 Tags: , ,
Add to Wishlist

Description

Mosh Hamedani - The Ultimate HTML5 and CSS3 Series: Part 3

Mosh Hamedani – The Ultimate HTML5 and 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

Join 28755 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

Content
  • 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

Reviews

There are no reviews yet.

Be the first to review “Mosh Hamedani – The Ultimate HTML5 and CSS3 Series: Part 3”