The Ultimate HTML5 & CSS3 Series: Part 3
Course description
Have you always wanted to learn web development but didn't know where to start? Tired of lengthy, boring and outdated courses? This course is for you. A fun, comprehensive and beginner-friendly course that teaches you all the skills you need to build professional-quality websites with HTML5 and CSS3. Say goodbye to long, boring, repetitive courses with outdated content that spend too much time on the basics. This is the only HTML5/CSS3 you'll ever need!
Read more about the course
The first part teaches you the fundamentals, the second part explores advanced concepts and the third part puts everything together to build and deploy a real website. You'll start with a Photoshop design mockup and finish with a live website.
Whether you’re an absolute beginner wanting to learn web development from scratch, or you know a bit of HTML5/CSS3 and need a refresher course to fill the gaps, this course will help you achieve your goals.
By the end of this course, you'll be able to…
- Confidently build websites with HTML5/CSS3
- Build websites that look great on any screen or device
- Troubleshoot issues like a pro
- Deploy your websites to the cloud
The Most Comprehensive (& Fun) HTML5/CSS3 Course
- Learn the fundamentals of web development
- Structure your web pages using HTML5
- Make beautiful web pages using CSS3
- 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
- Create beautiful typography
- Optimize images for performance
- Build forms with data validation
- Write clean, maintainable, object-oriented CSS3
- Learn HTML5/CSS3 best practices
- Write valid, semantic HTML5 code that search engines love
- 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!
Watch Online
| # | Lesson Title | Duration |
|---|---|---|
| 1 | 1- Introduction (1:07) | 01:08 |
| 2 | 3- Prerequisites (0:49) | 00:50 |
| 3 | 4- How to Take This Course (1:44) | 01:45 |
| 4 | 5- Tools You Need (3:59) | 04:00 |
| 5 | 6- Setting Up the Project (5:11) | 05:12 |
| 6 | 7- Essential Photoshop Skills (5:02) | 05:03 |
| 7 | 8- Identifying the Components (6:09) | 06:10 |
| 8 | 9- Color Palette (3:12) | 03:13 |
| 9 | 10- Typography (10:43) | 10:44 |
| 10 | 11- Links (6:47) | 06:48 |
| 11 | 12- Badges (7:35) | 07:36 |
| 12 | 13- Lists (7:50) | 07:51 |
| 13 | 14- Icons (9:03) | 09:04 |
| 14 | 15- Buttons (11:21) | 11:22 |
| 15 | 16- Inputs (3:52) | 03:53 |
| 16 | 17- Input Groups (6:27) | 06:28 |
| 17 | 18- Cards | 05:27 |
| 18 | 19- Plans | 10:35 |
| 19 | 20- Popular Badge (3:41) | 03:42 |
| 20 | 21- Media Objects (4:12) | 04:13 |
| 21 | 22- Quotes (9:21) | 09:22 |
| 22 | 23- Grids (4:45) | 04:46 |
| 23 | 24- Testimonials (11:51) | 11:52 |
| 24 | 25- Callouts (10:06) | 10:07 |
| 25 | 26- Collapsibles (13:21) | 13:22 |
| 26 | 27- Blocks | 12:21 |
| 27 | 28- Navigation Bars (17:14) | 17:15 |
| 28 | 29- Hero (10:35) | 10:36 |
| 29 | 30- Optimizing Images (9:34) | 09:35 |
| 30 | 31- Domain Block (14:09) | 14:10 |
| 31 | 32- Plans Block (9:04) | 09:05 |
| 32 | 33- Features Block (11:39) | 11:40 |
| 33 | 34- Showcase Block | 18:20 |
| 34 | 35- Testimonials Block (1:40) | 01:41 |
| 35 | 36- Footer (14:45) | 14:46 |
| 36 | 37- Putting it All Together (3:49) | 03:50 |
| 37 | 38- Troubleshooting Layout Issues (9:01) | 09:02 |
| 38 | 39- Animations (3:49) | 03:50 |
| 39 | 40- Search Engine Optimization (2:28) | 02:29 |
| 40 | 41- HTML and CSS Validation (3:10) | 03:12 |
| 41 | 42- Building for Production (12:42) | 12:43 |
| 42 | 43- Pushing to GitHub (4:51) | 04:52 |
| 43 | 44- Deployment (1:58) | 04:55 |
| 44 | 45- Measuring the Site's Performance (8:31) | 08:33 |
| 45 | 46- Course Wrap Up (0:35) | 00:36 |
Want to join the conversation?
Sign in to comment