HTML & CSS Full Course: Beginner to Pro 🚀
Learn HTML & CSS from basics to advanced. Get a certificate or join the Frontend Bundle for React, JS, HTML, and CSS.

SuperSimpleDev
17.3M views • Feb 5, 2022

About this video
Get a certificate for this course: https://courses.supersimple.dev/courses/html-css
or Frontend Bundle (React, JS, HTML CSS): https://courses.supersimple.dev/bundles/frontend-bundle
🎓 Includes certificate of completion and better learning experience (smaller videos, ads-free)
✅ Don't worry if you're halfway through or finished the course, you can skip the lessons you finished and take a final test to get a Certificate.
❤️ Thanks for supporting SuperSimpleDev!
In this full course, we learn how to build websites with HTML and CSS, and get started as a software engineer.
Exercise solutions: https://github.com/SuperSimpleDev/html-css-course/tree/main/1-exercise-solutions
Copy of the code: https://github.com/SuperSimpleDev/html-css-course/tree/main/2-copy-of-code
HTML and CSS reference: https://supersimpledev.github.io/references/html-css-reference.pdf
JavaScript Full Course: https://youtu.be/EerdGm-ehJQ
🎓 Premium Courses (get a certificate, better learning experience, support SuperSimpleDev ❤️)
Frontend Bundle (React, JS, HTML CSS): https://courses.supersimple.dev/bundles/frontend-bundle
React Premium Course: https://courses.supersimple.dev/courses/react
JavaScript Premium Course: https://courses.supersimple.dev/courses/javascript
HTML CSS Premium Course: https://courses.supersimple.dev/courses/html-css
⭐️ More in-depth videos, secrets of my channel, work-in-progress courses:
Membership: https://www.youtube.com/@SuperSimpleDev/join or https://member.supersimple.dev (10-20% OFF USD price)
Lessons:
0:00 Intro
1:02 1. HTML Basics
17:42 2. CSS Basics
44:39 3. Hovers, Transitions, Shadows
1:03:10 4. Chrome DevTools & CSS Box Model
1:17:30 5. Text Styles
1:52:18 6. The HTML Structure
2:11:08 7. Images and Text Boxes
2:25:42 8. CSS Display Property
2:34:58 9. The div Element
2:46:55 10. Nested Layouts Technique
3:16:58 11. CSS Grid
3:43:58 12. Flexbox
4:15:21 13. Nested Flexbox
4:44:36 14. CSS Position
5:07:14 15. Position Absolute and Relative
5:33:49 16. Finish the Project
6:07:46 17. More CSS Features
6:30:21 Outro
Additional Information:
This HTML CSS full course is a series of HTML CSS tutorials, teaching the major skills that we need to create complex websites. Each HTML CSS tutorial builds on a project and provides some HTML CSS exercises to practice what we learned. By the end, we'll learn the basics of web development and we'll be on our way to becoming a web developer and software engineer.
#htmltutorial #csstutorial #htmlcssfullcourse #html #css #tutorial #fullcourse #course #htmltutorial #csstutorial #htmlcsstutorial #htmlfullcourse #cssfullcourse #webdevelopment #advancedhtmltutorial #advancedcsstutorial #coding #codingtutorial #softwareengineer #softwareengineering #learntocode #supersimpledev
or Frontend Bundle (React, JS, HTML CSS): https://courses.supersimple.dev/bundles/frontend-bundle
🎓 Includes certificate of completion and better learning experience (smaller videos, ads-free)
✅ Don't worry if you're halfway through or finished the course, you can skip the lessons you finished and take a final test to get a Certificate.
❤️ Thanks for supporting SuperSimpleDev!
In this full course, we learn how to build websites with HTML and CSS, and get started as a software engineer.
Exercise solutions: https://github.com/SuperSimpleDev/html-css-course/tree/main/1-exercise-solutions
Copy of the code: https://github.com/SuperSimpleDev/html-css-course/tree/main/2-copy-of-code
HTML and CSS reference: https://supersimpledev.github.io/references/html-css-reference.pdf
JavaScript Full Course: https://youtu.be/EerdGm-ehJQ
🎓 Premium Courses (get a certificate, better learning experience, support SuperSimpleDev ❤️)
Frontend Bundle (React, JS, HTML CSS): https://courses.supersimple.dev/bundles/frontend-bundle
React Premium Course: https://courses.supersimple.dev/courses/react
JavaScript Premium Course: https://courses.supersimple.dev/courses/javascript
HTML CSS Premium Course: https://courses.supersimple.dev/courses/html-css
⭐️ More in-depth videos, secrets of my channel, work-in-progress courses:
Membership: https://www.youtube.com/@SuperSimpleDev/join or https://member.supersimple.dev (10-20% OFF USD price)
Lessons:
0:00 Intro
1:02 1. HTML Basics
17:42 2. CSS Basics
44:39 3. Hovers, Transitions, Shadows
1:03:10 4. Chrome DevTools & CSS Box Model
1:17:30 5. Text Styles
1:52:18 6. The HTML Structure
2:11:08 7. Images and Text Boxes
2:25:42 8. CSS Display Property
2:34:58 9. The div Element
2:46:55 10. Nested Layouts Technique
3:16:58 11. CSS Grid
3:43:58 12. Flexbox
4:15:21 13. Nested Flexbox
4:44:36 14. CSS Position
5:07:14 15. Position Absolute and Relative
5:33:49 16. Finish the Project
6:07:46 17. More CSS Features
6:30:21 Outro
Additional Information:
This HTML CSS full course is a series of HTML CSS tutorials, teaching the major skills that we need to create complex websites. Each HTML CSS tutorial builds on a project and provides some HTML CSS exercises to practice what we learned. By the end, we'll learn the basics of web development and we'll be on our way to becoming a web developer and software engineer.
#htmltutorial #csstutorial #htmlcssfullcourse #html #css #tutorial #fullcourse #course #htmltutorial #csstutorial #htmlcsstutorial #htmlfullcourse #cssfullcourse #webdevelopment #advancedhtmltutorial #advancedcsstutorial #coding #codingtutorial #softwareengineer #softwareengineering #learntocode #supersimpledev
Tags and Topics
Browse our collection to discover more content in these categories.
Video Information
Views
17.3M
Likes
314.8K
Duration
06:31:24
Published
Feb 5, 2022
User Reviews
4.9
(3468) Related Trending Topics
LIVE TRENDSRelated trending topics. Click any trend to explore more videos.
No specific trending topics match this video yet.
Explore All Trends