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
Fundamentals of CSS Grid
Sources: zerotomastery.io
Learn how to create responsive and flexible layouts using CSS Grid. Master practical techniques for building modern interfaces on web pages.
3 hours 32 minutes 35 seconds
Understanding HTML and CSS
Sources: udemy
Deeply understand Semantic HTML, CSS, Flexbox, Grid, learn to read the specifications, and more. In this course you'll gain a deep understanding of HTML and CSS
17 hours 52 minutes 36 seconds
Create Animated Breaking News Graphics with HTML, CSS and JavaScript
Sources: zerotomastery.io
Master the creation of dynamic overlays and animations for streams, scoreboards, and TV graphics. Learn the principles of working with animation and web technol
2 hours 40 minutes 39 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
HTML 5 Canvas
Sources: udemy
HTML Canvas is used to draw graphics and animations directly on a web page using JavaScript. Canvas is the most talked about HTML5 feature that allows web devel
3 hours 19 minutes 28 seconds