+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ HTML & CSS Full Course - Beginner to Pro +
+
+
+
+
+
+ 
+
+
+
+
+
+
+ SuperSim...
+
+ 195K...
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 4,486,311 views Feb 5, 2022
+ 1. Tutorials
+
+
+
+ In this full course, we learn how to build websites with HTML and CSS, and get started as a software engineer.
+
+
+
+
+ Exercise solutions: https://supersimple.dev/courses/html-...
+Copy of the code: https://supersimple.dev/courses/html-...
+HTML and CSS reference: https://supersimple.dev/html
+
+
+ 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.
+
+
+
+
+
+
+
+
+ Chapters
+ View all
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Featured playlist
+
+
+
+
+
+
+ 6 videos
+
+
+ 6 videos
+
+
+
+ 1. Tutorials
+
+
+
+ Show less
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Lorem Ipsu AAA Online
+ Awarded by the University of London with academic direction from LSE.
+ Ad · Lorem Ipsu AAA
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 
+
+
+
+
+
+
+
+
+
+
+ Backend web development - a complete overview
+
+
+ SuperSimpleDev
+
+ 1M views · 1 year ago
+
+
+
+
+
+
+
+
+
+
+
+ 
+
+
+
+
+
+
+
+
+
+ Backend web development - a complete overview
+
+
+ SuperSimpleDev
+
+ 1M views · 1 year ago
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Backend web development - a complete overview
+
+
+ SuperSimpleDev
+
+ 1M views · 1 year ago
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Backend web development - a complete overview
+
+
+ SuperSimpleDev
+
+ 1M views · 1 year ago
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Backend web development - a complete overview
+
+
+ SuperSimpleDev
+
+ 1M views · 1 year ago
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Backend web development - a complete overview
+
+
+ SuperSimpleDev
+
+ 1M views · 1 year ago
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Backend web development - a complete overview
+
+
+ SuperSimpleDev
+
+ 1M views · 1 year ago
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Backend web development - a complete overview
+
+
+ SuperSimpleDev
+
+ 1M views · 1 year ago
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Backend web development - a complete overview
+
+
+ SuperSimpleDev
+
+ 1M views · 1 year ago
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Backend web development - a complete overview
+
+
+ SuperSimpleDev
+
+ 1M views · 1 year ago
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Backend web development - a complete overview
+
+
+ SuperSimpleDev
+
+ 1M views · 1 year ago
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Backend web development - a complete overview
+
+
+ SuperSimpleDev
+
+ 1M views · 1 year ago
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Backend web development - a complete overview
+
+
+ SuperSimpleDev
+
+ 1M views · 1 year ago
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Backend web development - a complete overview
+
+
+ SuperSimpleDev
+
+ 1M views · 1 year ago
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Backend web development - a complete overview
+
+
+ SuperSimpleDev
+
+ 1M views · 1 year ago
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 6,268 Comments
+
+ sort
+ Sort by
+
+
+
+
+
+ account_circle
+
+
+
+
+
+
+
+
+ menu
+ Cancel
+ Comment
+
+
+
+
+
+
+
+
+
+
+ 
+
+
+
+
+
+
+ Lorem ipsum dolor, sit amet consectetur adipisicing elit. Praesentium repellendus necessitatibus id unde nulla amet temporibus ab.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Lorem ipsum dolor, sit amet consectetur adipisicing elit. Praesentium repellendus necessitatibus id unde nulla amet temporibus ab. Iure unde magnam corrupti repellat consectetur pariatur illo, odit praesentium dolor placeat laborum.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Lorem ipsum dolor, sit amet consectetur adipisicing elit. Praesentium repellendus necessitatibus id unde nulla amet temporibus ab. Iure unde magnam corrupti repellat consectetur pariatur illo, odit praesentium dolor placeat laborum.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Lorem ipsum dolor, sit amet consectetur adipisicing elit.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Lorem ipsum dolor, sit amet consectetur adipisicing elit. Praesentium repellendus necessitatibus id unde nulla amet temporibus ab. Iure unde magnam corrupti repellat consectetur pariatur illo, odit praesentium dolor placeat laborum. Libero aut saepe rerum debitis, sint aliquid officiis porro perferendis, amet error repellat enim, facere necessitatibus similique rem unde! Tempora impedit ab vitae minima possimus excepturi pariatur facere nostrum aliquid!
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Lorem ipsum dolor, sit amet consectetur adipisicing elit. Praesentium repellendus necessitatibus id unde nulla amet temporibus ab. Iure unde magnam corrupti repellat consectetur pariatur illo, odit praesentium dolor placeat laborum.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Lorem ipsum dolor
+
+
+
+
+
+
+
+
+
+