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
100 Days Of Code: The Complete Web Development Bootcamp 2024
Sources: Academind Pro
Learn web development from A to Z in 100 days (or at your own pace) - from "basic" to "advanced", it's all included!
78 hours 51 minutes 55 seconds
The Ultimate HTML5 & CSS3 Series: Part 1
Sources: codewithmosh (Mosh Hamedani)
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...
2 hours 51 minutes 50 seconds
50 Projects In 50 Days - HTML, CSS & JavaScript
Sources: udemy, Brad Traversy
This is a purely project-based course. It is geared toward beginners, but intermediate developers can also enjoy creating new things. This course includes 50 mini projects in HT...
18 hours 13 minutes 45 seconds
The Responsive Web Design Bootcamp
Sources: kevin powell
It gives you a deep understanding of CSS and responsive design while keeping you fully engaged along the way. You'll learn to build four different layouts: a blog, a landing pag...
17 hours 36 minutes 12 seconds
10 Mega Responsive Websites with HTML, CSS, and JavaScript
Sources: udemy
Welcome to the brand new course where you can learn about how to create modern and beautiful design templates for your websites. If you want to build and customize your portfoli...
21 hours 54 minutes 19 seconds