The Ultimate HTML5 & CSS3 Series: Part 3
5h 38m 4s
English
Free
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
0:00 0:00
| # | 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 |
Comments
0 commentsWant to join the conversation?
Sign in to commentSimilar courses
Beyond CSS
Sources: kevin powell
Beyond CSS is a course designed to help you use modern CSS and tools like Sass and PostCSS in order to get control of your stylesheets.
18 hours 12 minutes 41 seconds
CSS Bootcamp - Master CSS (Including CSS Grid / Flexbox)
Sources: udemy
Course consists of several sections. You will start from CSS essentials, in which you will meet some basic topics. Then after finishing basic part, you will move on to advanced ...
11 hours 31 minutes 23 seconds
Web Developer Bootcamp with Flask and Python in 2022
Sources: udemy
Welcome to the Web Developer Bootcamp with Flask and Python! In this course, you'll learn how to build and deploy dynamic websites using Python, Flask, MongoDB,
19 hours 57 minutes 43 seconds
Page Transitions
Sources: superhi.com
Integrate the Barba.js Javascript library into your websites and use CSS and Javascript techniques to add smooth and harmonious effects.
4 hours 10 minutes 33 seconds
Crash Course: Build a Full-Stack Web App in a Weekend!
Sources: udemy
Do you want to learn the fundamentals of modern web development fast? Do you want to find out if building websites and apps is the right career path for you? Or maybe you just w...
12 hours 13 minutes 30 seconds