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.

HTML & CSS Full Course: Beginner to Pro 🚀
SuperSimpleDev
17.3M views • Feb 5, 2022
HTML & CSS Full Course: Beginner to Pro 🚀

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

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)
Rate:

Related Trending Topics

LIVE TRENDS

Related trending topics. Click any trend to explore more videos.