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-css-course#exercises
Copy of the code: https://supersimple.dev/courses/html-css-course#code
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.
#htmltutorial #csstutorial #htmlcssfullcourse #html #css #tutorial #fullcourse #course #htmltutorial #csstutorial #htmlcsstutorial #htmlfullcourse #cssfullcourse #webdevelopment #advancedhtmltutorial #advancedcsstutorial #coding #codingtutorial #softwareengineer #softwareengineering #learntocode #supersimpledev
source
1:03:00
just finished this one, all i can say-
its absolutely insane, its totally worth watching i went from literally no knowledge to master at HTML and CSS with this course and practice. It took me only 20 days!
Great course! Looking forward to the next one ๐
Buddy for first time in history i am addicted for youtube learning just because of you โฅ. Can you make the same video for react.js from beginner to advance
I am a self-taught website creator of 20 years, always forgetting code and a bit sloppy in how I use code. This video is perfect for me to reinforce what I know. It also helps me do things in a more clean and structured way. You can teach an old dog new tricks!
Hi!
I can see, you have colors in your code, but i dont. How do you enable that colors?
3/5/2023: 0:00
That is apparently a great course ๐๐๐
Great๐๐๐๐๐๐๐๐๐๐๐๐๐๐๐๐๐๐๐๐๐๐๐๐๐๐๐๐๐๐๐
Thank you
thx very much
Just starting out my junior full stack journey and this video is beyond helpful, seriously from all the tutorials I've watched this one is so easy to follow and really interesting! the examples help a lot, people need to stop binge watching and practice/play around with the different values and properties removing the need to constantly replay certain parts of the video(which makes it boring). Also, you can use a color picker extension from chrome that can tell you the exact color on a webpage with pinpoint accuracy you won't have to play the guessing game.
Im sure this was a massive undertaking. Many thanks!
Best course! Thanks a million!
Did this whole in one sitting.. I'll probably be coming back here again sometime soon because of so much information in here
For The Youtube Button, I Found A Better Way. Background Colour Red. Colour White. Border Colour Red. Border Width 2mm. Border Style Double. Border Radius 0.5mm.
How happened that at CSS Grid Lesson, you aligned 1fr 1fr 1fr and they fit in without any extra spaces I had to use 4 of them to fit in screen, like : 1fr 1fr 1fr 1fr
Your teaching excellent this course sir
Super i understand basic HTML and CSS
Thank you
Can I just, you have ignited my passion for coding again, started it 20 years ago, got sick and never went back to it, now, I've started a course and you explained html and css, in a way, that everyone can get it.
When I get a job doing this full time, I promise, I will send you a big cheque(I'm british) to say thank you, but in the meantime, I will say thank you for this wonderful 6 and half hour vid, thank you, thank you.๐๐๐๐๐๐๐๐๐
I Love your tutorial, you are a great teacher
This is GOLD!!! Thanks man for such amazing content honestly this is the best course ive ever taken on HTML & CSS
Iโm self teaching
Myself because I have adhd and canโt afford school and I work 40 hours a week I replaced the gym after work with coding so thank you for this video I am learning a lot and doing a lot
hello, can you please make video where u show how u actucally do website ? it would be really intresting video to watch after learning from that tutorial.
You are awesome, friend. Good luck
Track me every single trick about web development
Thank you so much for this fantastic course.
Best course for everโจ๐๐