HTML & CSS Full Course - Beginner to Pro

Certificates are now available! courses.supersimple.dev/cours...
🎓 Enroll to get a Certificate of Completion and an elevated learning experience (breakdown into smaller videos covering specific topics, ad-free content, and progress tracking).
✅ Don't worry if you're halfway through the course or finished the course, you can skip the lessons you already finished and take the final test to get your 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: github.com/SuperSimpleDev/htm...
Copy of the code: github.com/SuperSimpleDev/htm...
HTML and CSS reference: supersimpledev.github.io/refe...
JavaScript Full Course: • JavaScript Tutorial Fu...
Premium Courses:
🎓 Get a certificate for our courses with premium learning experience & support SuperSimpleDev! ❤️
HTML CSS Premium Course: courses.supersimple.dev/cours...
JavaScript Premium Course: courses.supersimple.dev/cours...
More in-depth videos, secrets of my channel, work-in-progress courses:
⭐ KZread membership: / @supersimpledev
Support the SuperSimpleDev channel:
❤️ supersimple.dev/donate
Your support will be used for equipment, software, and other necessary costs for planning, shooting, and editing courses like this. Thank you!
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

Пікірлер: 11 000

  • @SuperSimpleDev
    @SuperSimpleDev Жыл бұрын

    I recommend these videos as the next step after this course: Put a website on the Internet (kzread.info/dash/bejne/omWFt5WkfKm2lMo.html), JavaScript course (kzread.info/dash/bejne/d5mmxqmmXcjOerQ.html) ❗ Lesson 10: if you're confused with vertical vs horizontal layouts, it may help to see this updated diagram: github.com/SuperSimpleDev/html-css-course-2022/blob/main/3-extra/vertical-horizontal-layouts.png Hey everyone, certificates are now available for this course! courses.supersimple.dev/courses/html-css 🎓 Enroll to get a Certificate of Completion and an elevated learning experience (breakdown into smaller videos covering specific topics, ad-free content, and progress tracking). ✅ Don't worry if you're halfway through the course or finished the course, you can skip the lessons you already finished and take the final test to get your Certificate. ❤ Thanks for supporting SuperSimpleDev. Your support helps me continue to focus on producing high-quality educational videos.

  • @Daniiiejfcdk

    @Daniiiejfcdk

    Жыл бұрын

    hello simon , i was thinking about this few days ago , may god bless you brother .

  • @Daniiiejfcdk

    @Daniiiejfcdk

    Жыл бұрын

    i cant access the reference pdf simon

  • @ahlam20049

    @ahlam20049

    Жыл бұрын

    Can i still learn from this course ? Because it's been a year since you uploaded it and I don't if there's new HTML and CSS features !

  • @Laughing.gas_4009

    @Laughing.gas_4009

    Жыл бұрын

    Can I use visual studio on my mobile phone.

  • @swallowedinthesea11

    @swallowedinthesea11

    Жыл бұрын

    @@ahlam20049 Yes, this tutorial is still relevant! The versions used here, HTML 5 and CSS 3, are the current versions.

  • @martapfahl940
    @martapfahl940 Жыл бұрын

    I wanted to say THANK YOU I got my first web dev job! I started 9 months ago with this course and now I made a portfolio based on React Typescript projects and will start into my first frontend engineer job in July =) Believe in yourself guys! You can make it!

  • @SuperSimpleDev

    @SuperSimpleDev

    Жыл бұрын

    Fantastic! I hope you enjoy your new role being an offical web dev!

  • @infiniteplays7348

    @infiniteplays7348

    Жыл бұрын

    That's actually so cool man good luck! What did you make?

  • @martapfahl940

    @martapfahl940

    Жыл бұрын

    @@infiniteplays7348 You mean for my portfolio? I actually had 4 projects from Frontendmentor. 2 Advanced and 2 Guru Projects. I can definetely recommend doing the kanban board and a larger website.

  • @waleedahmed3468

    @waleedahmed3468

    Жыл бұрын

    It will be too good of you if you tell about what is frontend mentor and how to proceed with it.

  • @martapfahl940

    @martapfahl940

    Жыл бұрын

    @@waleedahmed3468 I can also recommed the Coursera Frontend Course from Meta but they offer only very few practice. You have some projects in it but I think this is way too less.

  • @aubreyhart4333
    @aubreyhart43332 жыл бұрын

    For those contemplating diving into a 6hr course...DO IT. His basic & foundational HTML/CSS explanations are in a league of it's own! This course is an amazing combination of audio and visual learning. You will not regret investing your time into this tutorial!!

  • @SuperSimpleDev

    @SuperSimpleDev

    2 жыл бұрын

    Wow, thanks for your awesome support!!

  • @santiagomedina6799

    @santiagomedina6799

    2 жыл бұрын

    I'm enjoying the course so far but I'd like to ask a dumb question: did you complete the whole course?

  • @amymbartell

    @amymbartell

    2 жыл бұрын

    Thank you for this comment! I'm diving back into CSS/HTML after a basic intro 15 yrs ago. I work for Amazon and took on building out an xWiki site, and now I want to learn more. Every website, course, instructions I find are either too basic/boring or too advanced. I'm sold!

  • @-Idonotknow

    @-Idonotknow

    2 жыл бұрын

    I was hesitating to watch this because it was too long but after watching for several minutes I couldn't stop watching it because it was made too good

  • @santiagomedina6799

    @santiagomedina6799

    2 жыл бұрын

    @@-Idonotknow I love the classes and the exercises.

  • @aalokyadav1486
    @aalokyadav14868 күн бұрын

    I start learning HTML & CSS today, Sunday, July 21, 2024. I leave my journey here. Thanks Simon

  • @MustafeAbdi-id2ut

    @MustafeAbdi-id2ut

    5 күн бұрын

    good luck

  • @jarbouiayoub2177

    @jarbouiayoub2177

    4 күн бұрын

    how much time does it take to master java CSS and Html or at least start your freelancing journey?

  • @aalokyadav1486

    @aalokyadav1486

    4 күн бұрын

    @@jarbouiayoub2177 in max 2 month you can master java , html and css

  • @jackman7352

    @jackman7352

    3 күн бұрын

    And I maybe 4 days late but am starting my journey july 26, 2024.

  • @Anushka_dubey

    @Anushka_dubey

    3 күн бұрын

    and i am starting today, Friday 26th,July 2024

  • @lviffy
    @lviffy23 күн бұрын

    I start learning HTML & CSS today, Saturday, July 5th, 2024. I leave my journey here. Thanks Simon💗

  • @lviffy

    @lviffy

    23 күн бұрын

    July 5th 2024 2:26:00

  • @lviffy

    @lviffy

    23 күн бұрын

    july 6th 3:33:00

  • @sulthankhan2047

    @sulthankhan2047

    21 күн бұрын

    @@lviffy Good Job Buddy Keep it Up!

  • @ToNy_HQ

    @ToNy_HQ

    10 күн бұрын

    I guess he gave up

  • @michealfrank461

    @michealfrank461

    8 күн бұрын

    21 July, 2024. All the best to all of you & to me 😉

  • @MrItzreal
    @MrItzreal5 ай бұрын

    I want to thank you, Simon, from the bottom of my heart! I've been studying software development on and off for a year, and I finally made the commitment to fully focus on becoming a full-stack engineer. While I was already familiar with many of the topics covered in this video, I still went ahead and completed the entire course. This helped me refresh my memory on forgotten topics. It took me four days to complete the course (8 hours each day), and I'm glad I did. I highly recommend this course to anyone. Even though this is just an HTML & CSS course, Simon does a fantastic job teaching file structuring and separation of concerns, which are more high-level topics that will be useful as you progress in your studies. My advice: Take this course seriously. Don't be upset if you have to repeat the same topic multiple times; it's perfectly okay. Just make sure you understand the concepts you're watching before moving on to the next topic. For anyone with a bit of knowledge and familiarity with the concepts shown: If you see Simon doing something you think could be done better, don't worry; he'll get to it eventually. For example, with margins and padding, he first shows the long way, but eventually leads you to a more simplistic approach. Finally, once you've completed the course, upload the resources to a platform like GitHub where you can readily access them for future reference, especially when building your own projects. Also, like this video, share it and subscribe to this channel. Doing so will, in turn, help Simon.

  • @sadboy-xx6gh

    @sadboy-xx6gh

    5 ай бұрын

    can you help me land an internship for frontend web dev for a month or two??

  • @brancode404

    @brancode404

    5 ай бұрын

    Best course so far. It took me 2 days bro.

  • @RoshanKumar-dd2rd

    @RoshanKumar-dd2rd

    Ай бұрын

    Actually he deserves it

  • @Taus166

    @Taus166

    25 күн бұрын

    Can you tell me after i learn thia what should i learn next pls

  • @MrItzreal

    @MrItzreal

    24 күн бұрын

    @@Taus166 So it will depend on what you are Interested in. Here are some options tailored to your interests: Interested in how apps and software work? That's software engineering. Like numbers, statistics, and using data for decisions? That's data science. Want to improve protections on devices? That's cybersecurity. Like to create video games? That's game dev.

  • @franjacobo
    @franjacobo2 жыл бұрын

    Coming from the artistic side and being a complete novice wanting to make my own HTML portfolio I have started watching and abandoned many HTML/CSS courses, but this one is different and in my opinion the best I have seen. This is why: 1. No fuss or annoying showman youtuber style (much appreciated). 2. Amazing structure of the lessons with useful exercises, starting with simple buttons and tags, and only after 2 hours in when you have all the basics assimilated you will learn how to structure an HTML file and link CSS stylesheets, and a few other fancy extensions for Visual Studio Code, avoiding being overwhelmed with too much too soon. Just perfect. 3. The "HTML CSS Reference" PDF to consult and refresh everything you learn during the course, a perfect complement for the visual lessons. 4. The how and why of things and where to find the knowledge you don't have. 5. No cliffhanger low-key forcing you to buy the extended edition at the end of the course to get that final nugget of information you surely need. Thank you Simon, I hope your channel grows as it deserves.

  • @peterh8253

    @peterh8253

    2 жыл бұрын

    Very happy to give your comment a thumbs up because I agree 100%. I too have tried to follow other video tutorials as well as a few written ones but they end up losing me because they often tell you what code to enter, but fail to explain why as clearly as Simon manages to. They also seem to forget what it's like to be a complete beginner and give information that requires a little prior knowledge to fully understand. It's also great that we get a taste of CSS at the same time as HTML so we can understand how the two work in conjunction with one another, instead of focusing purely on HTML first and the styling second. Added to all that is Simon is a realist and hasn't made ridiculous claims by making a twenty minute video with a silly title such as "Everything you need to know about HTML and CSS". I'll bet anything you like that the creators of such videos didn't learn all they know by watching a brief introduction to the subject. This tutorial hasn't been around long, but I reckon in another six months or so it will be one of the most viewed and liked.

  • @SuperSimpleDev

    @SuperSimpleDev

    2 жыл бұрын

    Thanks for taking the time to write such a nice comment! I will take your comments to heart and continue making these videos in this style and try to provide the best education that I can!

  • @shadon_official2510

    @shadon_official2510

    2 жыл бұрын

    Couldn’t have said it any better!

  • @oldschoolfuture999

    @oldschoolfuture999

    2 жыл бұрын

    100%, Thank you Simon. You are a god.

  • @user-ve9wp6yb3q

    @user-ve9wp6yb3q

    2 жыл бұрын

    QUACK!!!

  • @winber2324
    @winber23242 ай бұрын

    18:52 buttons 1:16:54 2:45 create file 3:37 18:33 add 2nd folder 19:07 44:25 course 47:00 hover/clicking 53:00 transition 55:00 56:33 shadow behind button 1:03:32 copy and paste code 1:10:13 padding 1:15:00 align 1:25:40 • ✔️ signs 1:46:24 text element bold underline 1:57:38 no more saving 1:57:58 2:00:46 css page 2:02:48 2:03:57 css folder 2:04:37 53:45 buttons 2:08:46 fonts 2:09:11 2:09:27 2:09:42 2:38:17 2:12:12 file 2:14:29 save picture 2:16:20 here

  • @lachimolala2005

    @lachimolala2005

    2 ай бұрын

    Then...?

  • @winber2324

    @winber2324

    Ай бұрын

    @@lachimolala2005Lolllllll

  • @TogetherForever-ft3st

    @TogetherForever-ft3st

    Ай бұрын

    Then he passed away​@@lachimolala2005

  • @hargun4608

    @hargun4608

    Ай бұрын

    @@TogetherForever-ft3st wtf 🤣🤣🤣

  • @Abaan9350

    @Abaan9350

    12 күн бұрын

    whyd u stop bro

  • @SlickNik305
    @SlickNik30511 ай бұрын

    I'm 51 minutes in, and this is the EXACT teaching style I learn best from. I'm about to begin a bootcamp in Full Stack and this is a godsend! I love how you explain everything right down to its detail and in the most simplistic way. Thank you!

  • @SuperSimpleDev

    @SuperSimpleDev

    11 ай бұрын

    Great to hear! Happy coding :)

  • @selahattinejder4878

    @selahattinejder4878

    10 ай бұрын

    Which bootcamp are you going to start ?

  • @dapperdapper8898

    @dapperdapper8898

    2 ай бұрын

    Hey! Hows your full stack journey going? Could you fill us in on it please?

  • @tamvo9442
    @tamvo9442 Жыл бұрын

    I don't usually comment after watching a video, especially a 6-hour long one like this. But I have to now since this video is really a diamond. I have no knowledge of cs and web development, and I can understand all of Simon's lessons. He organized and presented his materials in a wonderful way that I can easily keep track and understand. Thank you so much Simon! You are both a wonderful engineer and an excellent teacher.

  • @SuperSimpleDev

    @SuperSimpleDev

    Жыл бұрын

    Thank you for your comment Tam, glad to heat that you find it helpful :) Happy coding!

  • @ubaidbeg1883

    @ubaidbeg1883

    5 ай бұрын

    @@SuperSimpleDev Are you suppose to memorize every single CSS properties? Or is it okay to Google it up?

  • @rubentotterman

    @rubentotterman

    4 ай бұрын

    @@ubaidbeg1883 You just google it up, even senior programmers use google, they just google faster.

  • @user-qv4es7jh8q

    @user-qv4es7jh8q

    22 күн бұрын

    @@ubaidbeg1883 it is okay to google css properties since there are many and it would be a waste of time trying to memorize each one when you have google

  • @masterpiece_kessaku

    @masterpiece_kessaku

    16 күн бұрын

    @@ubaidbeg1883 definitely okay to look it up

  • @IamtipsTV
    @IamtipsTV7 күн бұрын

    I'll start to learn HTML and CSS and might one day become a web dev through this process, wish me luck guys.

  • @dastaten
    @dastaten3 ай бұрын

    Brother, you are a fantastic teacher. You explain everything clearly, and you cover all the details without dragging it out. I've been away from web design for several years, so I wanted a refresher course on HTML and CSS, and this was just what I needed. I also have to say I love how clean and organized your code is. I was watching a React tutorial yesterday, and the guy would delete multiple lines and leave the blanks lines, and he was inconsistent with both his semicolons and indenting. His code was a nightmare to look at. Yours is a pleasure to read. Thank you so much for taking the time to make this exceptional course.

  • @bungooli
    @bungooli2 жыл бұрын

    Bro your channel is so good and underrated. I've watched many HTML, CSS, JavaScript courses on KZread and this is by far one of the best if not the best I've ever come across. The way you explain, the way you give exercises throughout, the notes/diagrams on screen and much more. I was shocked when I realised you only have 8k subscribers, I just assumed you were one of those channels with a few hundred thousand 🤣 seriously great stuff, keep it up!

  • @SuperSimpleDev

    @SuperSimpleDev

    2 жыл бұрын

    Hahah I really appreciate your support! I guess I haven't put out a lot of videos out yet as this is a new format I'm trying. Hopefully I can make more this year!

  • @kandulapatimulaswamy6925

    @kandulapatimulaswamy6925

    2 жыл бұрын

    Hm

  • @nikasikharulidze5287

    @nikasikharulidze5287

    2 жыл бұрын

    He's jumping right into CSS, is that a correct and better approach ? I want to know because i am just starting out.

  • @dexternepo

    @dexternepo

    2 жыл бұрын

    @@nikasikharulidze5287 He is teaching both HTML and CSS side by side. No problem with that approach as HTML is very easy to pick up and he does teach both.

  • @marvinaguilar1784

    @marvinaguilar1784

    2 жыл бұрын

    I agree! This one is great! I started to follow and recommend your videos to my friends! Keep it up!

  • @fruitfix
    @fruitfix Жыл бұрын

    This is without question a brilliant course, you're a great teacher. I'm learning HTML/CSS as a hobby and hope to put my life story into a HTML page for my kids and grandkid. I'm 79 and find the way you teach is easy to follow, so thank you very much.

  • @RealMangaAddict

    @RealMangaAddict

    Жыл бұрын

    That's an amazing idea! I wish you luck and I know your family will love it!

  • @topekade5926

    @topekade5926

    Жыл бұрын

    79???? Wow! I am inspired!!!

  • @fruitfix

    @fruitfix

    Жыл бұрын

    @@shrutir1609 My brain thinks it's 32 but it can't convince the body. My aim now is to get older and outlive Mick Jagger, if I go before him my daughter will text him "Mick you win". Thanks for your comment Jim

  • @SlickNik305

    @SlickNik305

    11 ай бұрын

    That is so beautiful ❤️

  • @shaimashameem9802

    @shaimashameem9802

    11 ай бұрын

    To prove your 89, comment “ yes boii”

  • @Skimatoshi
    @Skimatoshi2 ай бұрын

    Came back after two years to give my thanks :) . I started programming 2 years ago because of this particular video, it really helped me start my programming journey! Thanks a lot! Have a nice day ahead Simon!

  • @winber2324

    @winber2324

    Ай бұрын

    How’d you land your job?

  • @JaatSamajj

    @JaatSamajj

    14 күн бұрын

    Give me your contacts big bro please I want guidance 😊

  • @JaatSamajj

    @JaatSamajj

    14 күн бұрын

    Give me your contacts big bro please I want guidance 😊

  • @Taraster_Grand
    @Taraster_Grand2 күн бұрын

    U r rly helpful to middle class Indians like me. I'm 13 and doin this course, I want to bring my family out of poverty by being software engineer or coder. Thanks man

  • @tobiiiee8405
    @tobiiiee8405Ай бұрын

    Day 1: 44:35 -completed the exercises pixel perfect, and was pretty happy with it. Day 2: 1:36:45 -completed the exercises after some trial and effort. Day 3: 1:52:15 -completed the exercises, although it took some time Day 4: 2:34:55 -completed the exercises Day 5: 2:46:52 -completed the exercises with some additions (like doing dark theme of google) Day 6: 3:16:56 -completed the exercises tips i learned: -using to break lines -you can remove outline of the "search bar" using outline:none;

  • @SuperSimpleDev
    @SuperSimpleDev2 жыл бұрын

    Hey everyone! Based on your comments, I've added 2 extra lessons for HTML & CSS: 1. How to put your HTML website on the Internet 2. How to set up a domain name for your website (like "mywebsite .com") kzread.info/dash/bejne/omWFt5WkfKm2lMo.html

  • @anthonysimon2091

    @anthonysimon2091

    2 жыл бұрын

    I find it difficult to learn can I write it down?

  • @Kongo009

    @Kongo009

    2 жыл бұрын

    Thank you so much 😊

  • @meruem6995ujjoooo

    @meruem6995ujjoooo

    2 жыл бұрын

    @SuperSimpleDev the quality and in depth understanding as well as the completeness of tasks is beyond many. Simply said in my opinion your gifted in educating, more than some phds.

  • @sylviaeguzoro7978

    @sylviaeguzoro7978

    2 жыл бұрын

    You went over and beyond with this tutorial. Thank you!

  • @Kongo009

    @Kongo009

    2 жыл бұрын

    @@sylviaeguzoro7978 So true! This video has changed my life…

  • @jaylewisadams
    @jaylewisadams Жыл бұрын

    I'm 1 hour in and I'm mind blown how simple you make this. You are an awesome teacher!! thanks alot!!

  • @SuperSimpleDev

    @SuperSimpleDev

    Жыл бұрын

    Glad I could help!

  • @fellowhuman4656

    @fellowhuman4656

    Жыл бұрын

    @@SuperSimpleDev Thats how you make world a better place

  • @ashenone3427

    @ashenone3427

    Жыл бұрын

    same buddy! it's insane lol

  • @jbc_qvs
    @jbc_qvsАй бұрын

    I start learning HTML & CSS today, Saturday, June 8, 2024. I leave my journey here.

  • @jbc_qvs

    @jbc_qvs

    Ай бұрын

    June 8, 2024. 15:00

  • @EvidenciaChengeta-bl8ys

    @EvidenciaChengeta-bl8ys

    Ай бұрын

    @@jbc_qvs let's go

  • @jbc_qvs

    @jbc_qvs

    Ай бұрын

    June 9, 2024. 30:00

  • @jbc_qvs

    @jbc_qvs

    Ай бұрын

    June 10, 2024. 44:38

  • @L_aurora_X

    @L_aurora_X

    Ай бұрын

    I am watching today 13 June 2024, 12:10pm

  • @DarkAcademyUniversity
    @DarkAcademyUniversity3 ай бұрын

    Bro is the best web teacher I have ever seen. I learned alot! If there was not this course, I would not even start to learn web development probably! He is awesome! Thanks! Please, continue making these videos! Teach us more skills. The world needs people like you!

  • @cabutemarkjosuahj5570
    @cabutemarkjosuahj5570 Жыл бұрын

    Day 1: 1:17:39 Day 2: 2:25:37 Day 3: 3:16:49 Day 4: 4:15:11 Day 5: 5:07:15 Day 6: Finished the entire course I am very much thankful for the tutorial you've provided in this platform. This had helped me in a lot of ways. Back then, I'm having a hard time centering elements and some stuff involving css. I'm frustrated and I'm telling you I literally sucks at this. I googled everything so bad even the basic ones you could think of. But, as I finished this course, I'll be leaving with much knowledge having a great foundation in regard to html and css. In the future, I might be a successful web developer, and I owe it to you all. Again, thank you very much :))

  • @BAHUN28834

    @BAHUN28834

    Жыл бұрын

    i am even following your path

  • @SuperSimpleDev

    @SuperSimpleDev

    Жыл бұрын

    Good job! Glad to hear that its helpful. Best of luck for your dream career!

  • @Kitamentary

    @Kitamentary

    11 ай бұрын

    Thank you for this comment, I was wondering how I was going to go about this. I'm a fiend for a good structure so I appreciate you for this! Good luck on your journey buddy!

  • @mekaelejigu6163

    @mekaelejigu6163

    11 ай бұрын

    Hey, I know it's only been a month but how are you doing now? Making a portfolio?

  • @cabutemarkjosuahj5570

    @cabutemarkjosuahj5570

    11 ай бұрын

    @@mekaelejigu6163 nope, I'm currently learning more about javascript. But soon, as I finished the entire course, I might start to create more projects and eventually proceed in making my own portfolio.

  • @Pedro19893
    @Pedro19893 Жыл бұрын

    This guy deserves a medal! This is by far the best HTML and CSS course I've found on KZread and I have seen a lot (I'm currently learning HTML and CSS). Can't express how grateful I am man, this is better than going to classes. You are a legend!

  • @Skrattatar

    @Skrattatar

    Жыл бұрын

    Can someone give this dude teacher of the year award!?

  • @rnpk9572

    @rnpk9572

    Жыл бұрын

    very true

  • @fabiosantana2998

    @fabiosantana2998

    Жыл бұрын

    vc é brasileiro?

  • @Pedro19893

    @Pedro19893

    Жыл бұрын

    @@fabiosantana2998 Português

  • @userlemon379

    @userlemon379

    3 ай бұрын

    Has anyone succeeded in becoming a web UI engineer after watching this course?

  • @moutaz8056
    @moutaz80563 ай бұрын

    00:04 Learn HTML and CSS from beginner to professional level and build a website 02:51 Creating a folder, opening it in code editor, and creating an HTML file 08:31 HTML tags consist of opening tags, closing tags, and content inside. 11:20 Attributes in HTML modify element behaviors 17:01 Learned basics of HTML and attributes, exercises available on website 19:57 CSS allows us to modify the appearance of elements on a webpage. 25:06 Adjusting height and width of elements in CSS using trial and error 27:31 RGB is a combination of red, green, and blue to create any color. 32:36 Setting class attribute in HTML and targeting classes in CSS. 35:17 Adjusting colors and styles 40:38 Designing rounded buttons in HTML and CSS 43:19 Learn intermediate CSS skills: hovers, transitions, and shadows 48:53 Opacity is used to fade out and fade in elements. 51:33 Learn how to set hover styles and other pseudo classes with CSS code. 56:49 Explains how to create shadows in HTML and CSS 59:27 Creating a natural looking shadow with the box shadow property 1:04:43 Using dev tools to find and apply exact background color for elements 1:07:15 Learn how to use dev tools to get perfect color for HTML elements 1:12:22 Using padding is a better alternative to height and width 1:14:52 Aligning elements to the top using CSS property vertical-align. 1:20:32 Learn about changing fonts and text styles in HTML & CSS 1:23:20 Changing font size and line height 1:28:41 Remove default spacing and set custom spacing in HTML & CSS 1:31:25 Adjusting font size, margin, width, and line height for text elements 1:37:07 CSS specificity determines the priority of styles 1:39:48 Creating and styling a new paragraph element 1:45:22 Text elements in HTML can modify specific parts of a line of text 1:48:19 Styling a specific part of the text when hovered over 1:54:03 HTML structure includes version, HTML element, head element, and body element. 1:56:44 HTML structure defines the page title and enables automatic page reload. 2:02:07 Link CSS files in HTML to apply styles. 2:04:36 Understanding File Paths in HTML 2:10:01 Learn how to load and use different fonts from Google on a webpage 2:13:01 Learned about the structure of HTML for creating webpages 2:18:30 Setting the width of an image in HTML will automatically adjust its height to maintain the same dimensions. 2:21:11 Learn about CSS properties that can be applied to images 2:26:46 HTML block elements take up the entire line and can be styled using CSS properties. 2:29:15 Basic HTML elements include block, inline block, and inline elements. 2:34:18 The div element is like a box that allows us to control how an element is displayed. 2:37:10 A div is a container that can hold any other elements 2:42:14 Creating a layout with search bar and video previews 2:45:01 Learn the nested layouts technique to create professional-level HTML and css layouts. 2:50:34 Create horizontal and vertical layouts using rectangles 2:53:42 The video discusses breaking down a design into a combination of vertical and horizontal layouts using nested layouts technique. 2:59:24 Create a horizontal layout using inline block elements 3:02:02 Fixing layout and alignment issues in HTML & CSS 3:07:40 Styling the thumbnail row and text 3:10:35 Styling the video author paragraph 3:16:09 In this lesson, we learn about CSS grid, which is a better way to create horizontal layouts and grids. 3:19:00 CSS Grid helps create perfectly aligned horizontal layouts. 3:24:17 Introduction to CSS Grid and its key differences from display:inline-block 3:26:59 Using the 'fr' value in CSS grid to create flexible column sizes 3:32:16 Setting styles on container and creating a grid layout 3:34:50 Set column gap in CSS to create space between columns 3:40:14 Fixing element resizing issues and adjusting column and row gaps 3:42:50 Learn about CSS Grid and Flexbox for creating layouts 3:48:23 Flexbox is another way to create horizontal layouts while maintaining vertical alignment. 3:50:57 Flexbox allows for flexible layouts with adjustable widths based on element order. 3:56:00 Learn how to use flexbox to control element alignment and spacing. 3:58:55 Creating a header with three sections and aligning them 4:04:25 Linking CSS files and resetting default styles 4:06:54 Creating a horizontal layout with flexbox 4:12:09 Using flex box to evenly distribute content across horizontal space 4:14:52 Flexbox and grid can be used interchangeably for horizontal layout. 4:20:13 Using Flexbox to align items vertically in the center 4:22:48 Create two buttons with icons 4:28:06 Adjusting the search bar style 4:30:40 Styling the buttons and adjusting the shadow 4:35:50 Adding images and resizing them in CSS 4:38:39 Resized icons, aligned vertically and evenly distributed 4:44:05 Learn about Flexbox and CSS position 4:47:01 Learn how to set position properties in CSS. 4:52:16 To create a sticky header that sticks to the top of the page while scrolling. 4:54:38 Properly add spacing to the top of a webpage using padding 4:59:27 Creating a sticky sidebar using position fixed 5:02:00 Positioning a sidebar using CSS 5:07:25 Position property in HTML and CSS 5:10:06 Position fixed elements do not move when we scroll, while position absolute elements move with the page. 5:15:14 Learn about position relative and how it allows elements to be positioned relative to other elements. 5:17:41 Learn how to position elements using HTML & CSS 5:23:16 Add padding and border radius to the thumbnail 5:25:55 To fix the header position above the thumbnails, set the Z index property in the CSS file. 5:31:34 CSS position is an important skill that allows elements to stick to the page while scrolling and be placed on top of other elements. 5:34:20 Creating and styling boxes for the sidebar 5:39:38 Learn how to target and style specific elements using CSS selectors 5:42:21 Using flexbox for horizontal and vertical centering in CSS 5:48:17 Adjusting Z-index, padding, and cursor for header and sidebar 5:50:59 Adjusted website design to match desired layout and style. 5:56:21 Creating a custom tooltip using HTML and CSS 5:59:13 Creating tooltips for buttons using HTML and CSS 6:04:38 Creating tooltips for icons using HTML and CSS 6:07:26 Implementing responsive design into our project 6:13:09 Creating a responsive design requires writing media queries. 6:15:55 The main point of this subpart is about the use of the border shorthand property in CSS and the concept of inheritance. 6:21:27 Inheritance in CSS allows styles to be inherited from parent elements to child elements. 6:24:13 CSS specificity and semantic elements 6:29:46 Creating websites is not intimidating. Learn JavaScript for interactivity.

  • @Mr_St_One

    @Mr_St_One

    3 күн бұрын

    Bro no one is thanking you Let me change that Thank you bro

  • @adityamaurya6959
    @adityamaurya6959Ай бұрын

    This is one of the best HTML & CSS courses I've seen! The way of teaching is so clear and engaging. I really appreciate the exercises after each topic - it's rare to find such practical, hands-on learning in other tutorials. Thank you for creating such a comprehensive and well-structured course!

  • @mathgodpiextras
    @mathgodpiextras5 ай бұрын

    Just a quick tip. Instead of: margin-top: 1px; margin-right: 2px; margin-bottom: 3px; margin-left: 4px; You can use: margin: 1px 2px 3px 4px; Works for padding too. The order of the inputs is always clockwise (top, right, bottom, left). Edit: oops, I see you mention it at the end of the video! Thought you might have wanted to mention it earlier.

  • @krina8297

    @krina8297

    5 ай бұрын

    What about cellpadding for table?

  • @umardarazofficials3529

    @umardarazofficials3529

    5 ай бұрын

    but thanks for clcokwise technique

  • @A-Karim2003

    @A-Karim2003

    5 ай бұрын

    he covers it later on

  • @vigneshraja.b1916

    @vigneshraja.b1916

    4 ай бұрын

    Yeah it's work , that is called shorthand property

  • @Aman-po8tc

    @Aman-po8tc

    4 ай бұрын

    thanks yaaaaar hihihihi

  • @Shivansh_Godiyal
    @Shivansh_Godiyal2 жыл бұрын

    (in 56:05)Best HMTL AND CSS tutorial on YT . This course is way better than the paid ones. I watched many tutorials but this is the best tutorial. The way you explain is amazing. Thank you sir for making such a wonderful tutorial. Good Job

  • @boomba3902

    @boomba3902

    2 жыл бұрын

    agree, the layouting technique is new to me, i've done some course and its the first time i've seen it

  • @Junglejnr

    @Junglejnr

    2 жыл бұрын

    I’m just one hour into the tutorial, it seems like im becoming a pro.. thank you for this masterpiece

  • @Zangief001

    @Zangief001

    2 жыл бұрын

    Definetely

  • @krithiksingh

    @krithiksingh

    2 жыл бұрын

    fr, i feel like im learning too fast lmaoo

  • @idrisahmed2659

    @idrisahmed2659

    2 жыл бұрын

    @@boomba3902 yea the nested layouts technique is such a good addition ... It helps me visualise n break down the elements of a website and then plan wat properties to use to properly code the website ..... Now any website i c I first go to Google drawings and divide the page into vertical n horizontal layouts .... Honestly this course is one of the best on html css ... The teaching style is on another level .....

  • @entp3698
    @entp36982 ай бұрын

    First ever 6 hour KZread video I watched from start to finish. This is the best HTML-CSS course out there. Thank you so much!

  • @shivamaniinduri5775

    @shivamaniinduri5775

    21 күн бұрын

    after watching this video are you able to create a new website

  • @PremRaj-hx3cp

    @PremRaj-hx3cp

    19 күн бұрын

    ​@@shivamaniinduri5775hi bro I also I have the same doubt

  • @gowrijayakrishnan8226

    @gowrijayakrishnan8226

    19 күн бұрын

    n@@shivamaniinduri5775 i think you should give it a shot, only then you know.... i just started but from my opinion this might benefit you because he explains even the simplest of the stuffs.... so atleast you can bulid some basics for sure.

  • @faustozampa
    @faustozampa24 күн бұрын

    This is the best course I have seen on youtube up to date, you have a gift you explain in such a simple way everything. Keep going man, you deserve much more. Subscribed!

  • @soggynoodless
    @soggynoodless2 жыл бұрын

    Day 01: 1:17:30 Day 02: 2:25:43 Day 03: 3:16:48 Day 04: 3:59:56 Day 05: 4:25:50 Day 06: 05:07:12 Day 07: Finished! It was really worth it and I've learned a lot in one week! Thank you so much and more tutorials like this to come

  • @soggynoodless

    @soggynoodless

    2 жыл бұрын

    @Opaqu thank you so much! i figured it will be overwhelming to do it in one go. I was able to create a youtube UI clone after watching this video.

  • @4dpolice817

    @4dpolice817

    2 жыл бұрын

    Thanks a lot for providing the efficient time stamps! :D

  • @mycodingjourneybyramzan8232

    @mycodingjourneybyramzan8232

    2 жыл бұрын

    nope. watch this whole course in one sitting or don't

  • @soggynoodless

    @soggynoodless

    2 жыл бұрын

    @@mycodingjourneybyramzan8232 we all have different learning styles. I did not watch the course in one sitting bc i spent a significant amount of time in doing all the exercises after the lesson.

  • @mycodingjourneybyramzan8232

    @mycodingjourneybyramzan8232

    2 жыл бұрын

    @@soggynoodless twas a joke

  • @_stevied_
    @_stevied_ Жыл бұрын

    This course is in a league of its own. Thank you!!

  • @SuperSimpleDev

    @SuperSimpleDev

    Жыл бұрын

    Super thanks for your super thanks Stevie :) I hope you enjoy the course and find it helpful! @stevies_stuff

  • @Bako-km7fn

    @Bako-km7fn

    Жыл бұрын

    Facts, he really put it all in this.

  • @azuboof

    @azuboof

    Жыл бұрын

    its really good

  • @steel_hat_pirates

    @steel_hat_pirates

    Жыл бұрын

    @@senghorn7860 why repeat?

  • @tmkay_

    @tmkay_

    11 ай бұрын

    @@SuperSimpleDev super simple thanks from a super simple dev

  • @user-eo1vk
    @user-eo1vkАй бұрын

    Finally completed this course on 2:36 PM 11 June 2024. Bunch of exercise still left to do. I completed this course in about 80 days because I was very lazy and procrastinator. Actually I started this course about 21 months ago and left it. And again stared after about 18, 19 months. Thank you Simon for this course. It's really worth it and it 's very useful and practical. To all those taking this course, do all the exercises and try to be consistent. Thank You!!!

  • @Buchimari
    @BuchimariАй бұрын

    Hi SuperSimpleDev. I just wanna say thank you so much for this course. I started learning through your video as a total beginner. This course helped me win a place in a webdev competition in my college's intercampus event a few weeks ago. This made me inspired to learn more about webdev. Thank you! 🙏 You are a great teacher and your channel definitely needs more recognition 🙌

  • @chiayeh6432
    @chiayeh6432 Жыл бұрын

    I spent about 8 days finishing all. I feel I'm from 0 to 1, knowing nothing to now having basic concepts and even skills that prepare me for advanced learning. Gonna practice more from your recommendation. Truly appreciate your videos. I have watched several tutorials, and I found yours are extremely easy to understand. Thanks!

  • @SuperSimpleDev

    @SuperSimpleDev

    Жыл бұрын

    Thanks for watching and good job finishing! I hope you have a good sense now of how to approach building a website and can build your skills from there 😄

  • @legowyn24

    @legowyn24

    Жыл бұрын

    @@codecpp3438 He said at the beginning that you don't have to worry about notes, as he has put a link in the description to every single thing you would learn in the course

  • @forkids1212

    @forkids1212

    Жыл бұрын

    Respect!

  • @chiayeh6432

    @chiayeh6432

    Жыл бұрын

    @@codecpp3438 I didn’t take any notes. I directly practiced on my own and when I forgot how to do I went back to this video for reference.

  • @josephmotto7061
    @josephmotto70612 жыл бұрын

    I am 3 hours and 16 minutes into this (watched and done the exercises over the course of the last 3 days). This course is better than paid ones. Love your exercises at the end of each lesson. The way you break things down is excellent.

  • @nekokanashii2308
    @nekokanashii2308Ай бұрын

    Love your teaching style, just so easy to understand and go to the details. Thank you so much for doing this videos !

  • @b182kunal2
    @b182kunal213 күн бұрын

    Thank u sir I started this on July12,2024; completed today solving each and every exercise.......

  • @HelenKN
    @HelenKN Жыл бұрын

    You sir, will change my whole entire life as a web developer. Thank you so much for dedicating 6+ hours to help us beginners. You’re amazing and literally one of the best teachers in the world (in my opinion)

  • @ahmedreview69

    @ahmedreview69

    Жыл бұрын

    f your opinion its fax

  • @spoopyscaryskelebones3846

    @spoopyscaryskelebones3846

    Жыл бұрын

    yes (in his opinion)

  • @BubbleLaugh

    @BubbleLaugh

    Жыл бұрын

    @@spoopyscaryskelebones3846 vfrc vr gu l

  • @charlibravo371

    @charlibravo371

    Жыл бұрын

    What 6 hours! It would have taken him weeks if not months just to plan everything, record it, edit the videos, upload them, write the exercises, lessons, practice questions, git-hub library of codes, and the PDF attachment. This doesn't even include mock website he created with the buttons and youtube clone.

  • @ashenone3427

    @ashenone3427

    Жыл бұрын

    10/10

  • @devmateusvidal
    @devmateusvidal7 ай бұрын

    Day 1: 18:15 (lesson 1 and exercises) • 12.09.2023 Day 2: 44:40 (lesson 2 and exercises) • 12.10.2023 Day 3: 1:02:52 (lesson 3 and exercises) • 12.11.2023 Day 4: 1:17:20 (lesson 3 and exercises) • 12.12.2023 Day 5: 1:17:20 (lesson 3 and exercises) • 12.13.2023 (again) Day 6: 1:52:11 (lessons 4 ,5 and exercises) • 12.14.2023 Day 7: 2:02:00 (lesson 5 (again) and started 6) • 12.18.2023 Day 8: 2:11:08 (lesson 6 (again) and exercises) • 12.22.2023 Day 9: 2:25:38 (lesson 7 and exercises) • 12.23.2023 Little break to work on other project... Let's go! Day 10: 2:34:52 (lesson 8 and exercises) • 12.28.2023 Day 11: 2:46:51 (lesson 9 and exercises) • 01.01.2023 (Happy New Year!) Advice to all my students friends... Study and practice is very important! Don't skip this part! I'm doing every single exercise to figure out what I'm learning.

  • @ahmedkhedr2631

    @ahmedkhedr2631

    7 ай бұрын

    Come back bro

  • @devmateusvidal

    @devmateusvidal

    7 ай бұрын

    I'm back@@ahmedkhedr2631haha This week were very hard to deal with. But I'm stuying now, mate. Thank you!

  • @xzenkaidragon9664

    @xzenkaidragon9664

    7 ай бұрын

    bro gave up

  • @user-ky2hh4bi6d

    @user-ky2hh4bi6d

    7 ай бұрын

    Nope probably he is enjoying Christmas

  • @youssefblehcen4157

    @youssefblehcen4157

    7 ай бұрын

    lmao

  • @AK-md7bb
    @AK-md7bbАй бұрын

    Amazing video! Thank you so much man, things seem so much easier when you are explaining them

  • @sergiykonrad
    @sergiykonrad4 ай бұрын

    One of the best HTML/CSS course with an excellent and clear explanation on KZread, thank you!

  • @joshuaogah587
    @joshuaogah587 Жыл бұрын

    Simon, I watched this course from 00:00:00 to 06:31:23. and it would be so unfair for me to not say thank you. The way you taught this course made me understand and enjoy writing HTML and CSS. Can't wait to take some of your other courses. If you are reading this comment, please bear in mind that I'm so grateful for this awesome content. You provided so much value for free! Thank you so much, Simon!!

  • @SuperSimpleDev

    @SuperSimpleDev

    Жыл бұрын

    Thanks for watching! I'm happy you found it helpful and enjoyed it! Your support means a lot to me

  • @joshuaogah587

    @joshuaogah587

    Жыл бұрын

    @@SuperSimpleDev ❤🙏

  • @mirmarashi87

    @mirmarashi87

    Жыл бұрын

    @@SuperSimpleDev you are really cool person ❤❤👌👌

  • @syedwamik795

    @syedwamik795

    4 ай бұрын

    As I needed to reinstall my vs code.Now I have all code.but I didn't remember name of extensions installed in this full course.Can anybody give me the names of extensions which were installed in this full course.TIA

  • @fernandogabriel8452
    @fernandogabriel84522 жыл бұрын

    The quality of this content is beyond description. My man even came up with a whole method of spaced repetition to solidify his teaching. The fact he worked with real life examples from the beginning is also gold. Congrats, Simon! I don't think it's easy to find paid content that is as good as this one.

  • @prakashpalavarapu4772
    @prakashpalavarapu47723 ай бұрын

    why didn't I find this channel all these days. one SINGLE video and all my doubts were cleared. It's not SuperSimpleDev, It's ULTRA Super Simple Dev. Thank you very much.

  • @kosratamini5045
    @kosratamini50453 ай бұрын

    After only 15 minutes into the course, I already love the way you explain everything. Thank you!

  • @juliaeain739
    @juliaeain739 Жыл бұрын

    I'd pay you for a full-stack web development course. Your teaching style is far better than my university professors.

  • @kadenonyt

    @kadenonyt

    Жыл бұрын

    Fr he teaches better than any teacher ive meet so far

  • @ajtechboy1424

    @ajtechboy1424

    Жыл бұрын

    hahahahahahaha You don't meant it

  • @BunnyTwist

    @BunnyTwist

    Жыл бұрын

    @@ajtechboy1424 what the fuck is that emoji

  • @youravghuman5231

    @youravghuman5231

    Жыл бұрын

    I remember when i was in 2nd class time before I watched and learned on the internet, I used 2 to make 2 lines of text and my teacher scolded me because I'm not using instead and said is only for paragraphs lmao. Also, my teacher only teaches us design using a table and that's just click, drag and drop the table using dreamweaver and assign a task to us to make website using that kekw.

  • @DmitriGoncharov

    @DmitriGoncharov

    Жыл бұрын

    Me too.

  • @NOCDIB
    @NOCDIB Жыл бұрын

    This course isn't just for beginners; it's for anyone. I've been a backend developer since 2004 and I'm watching this video to see what I've missed or forgotten since I first learned HTML/CSS back in 1997.

  • @Coolgist2

    @Coolgist2

    Жыл бұрын

    Jesus Christ, I wasn’t in this world Then 😅😅

  • @nonikomaluleks317

    @nonikomaluleks317

    11 ай бұрын

    @@Coolgist2 😆 🤣 😂

  • @tharabhaijogendar4848
    @tharabhaijogendar48482 ай бұрын

    A tip to get to the next line in a paragraph. we can use the element which will break the paragraph in 2 lines nd can be used multiple times.

  • @olegfedyshyn6739
    @olegfedyshyn67393 ай бұрын

    I really want to say thank you, dude. I was struggling to create a front-end and design for my project, and you really helped me a lot!

  • @user-dj7ic1xs2p
    @user-dj7ic1xs2p9 ай бұрын

    only a legend can teach people how to create youtube on youtube

  • @talentedtavious3979

    @talentedtavious3979

    2 ай бұрын

    Facts

  • @strife9740
    @strife9740 Жыл бұрын

    I must say this is by far the best HTML and CSS tutorial I've come across... I wasn't bored for a single second. It will be a sinister act on my part if I do not praise the quality of this content.

  • @ashenone3427

    @ashenone3427

    Жыл бұрын

    what are you studying now? JavaScript? your pfp is that Destiny 2?

  • @strife9740

    @strife9740

    Жыл бұрын

    @@ashenone3427 pfp strife from darksiders

  • @clintonpeter8219

    @clintonpeter8219

    Жыл бұрын

    Sure 💯

  • @user-zx2et9lf8y

    @user-zx2et9lf8y

    Жыл бұрын

    Exactly!

  • @saifumor
    @saifumor3 ай бұрын

    the best, no BEST coder to ever exist. I cannot express my gratitude to u, I watched the video and being 13 years old, I can say this is one of the most simplest tutorials to HTML and CSS. I checked out your javascript tutorial too and I can truly say the same thing about them too. Great job by you!

  • @HamidRezaNemati-ws2ko
    @HamidRezaNemati-ws2koАй бұрын

    I have started html& CSS with this video since first of June, it is pleasure for me to hear your notices .thank you

  • @omagodosidiomas
    @omagodosidiomas Жыл бұрын

    Just finished the course. It's hands down the BEST html/css course I've seen. The way you've structured the lessons, the exercises, the audio quality and how you explain everything. Unbelievable that this is free. Thank you so much.

  • @jentaSole
    @jentaSole Жыл бұрын

    Simon, I cannot even imagine how much effort did you put into preparation of this course. Everything is absolutely perfect. Thank you so much and wish you all the best!

  • @philippepperell9951
    @philippepperell99512 ай бұрын

    I cannot believe a course of this quality and depth is free. I have started, and given up on, several other courses that professed to be for beginners but clearly were not, including two paid courses. The authors were clearly knowledgeable but didn't know how to teach. You are both knowledgable and a great teacher. Thank you. for helping me to finally understand this subject.

  • @nazimsat517

    @nazimsat517

    Ай бұрын

    i knooow right, I legit couldn't find anything that is actually beginner friendly, who knew that I was one google search away from it all this time lol.

  • @richardarusei9336
    @richardarusei93363 ай бұрын

    This one is on another level, I was never interested in coding until I watched this video, it's now 3 weeks and I can create my own profile. I will recommend everybody to watch this.❤

  • @willzekuri9799
    @willzekuri9799 Жыл бұрын

    This is literally the best HTML and CSS course I have ever sat through. I was contemplating watching a tutorial video that is 6hrs long but honestly it has been worth every second. He is a great teacher, explains elaborately with audio and visually. Highly recommend.

  • @ai_zj
    @ai_zj2 жыл бұрын

    I actually finished the whole damn video! I soaked each and every lesson like a sponge. As someone who has watched tons and tons of tutorial videos recently, it was intimidating knowing this was the longest one by far. The first 5 minutes, I noticed the slow and steady approach of explanation, and the delicacy not to skip minor yet crucial information; it was consistent all throughout the whole thing. You're an excellent tutor if I'd seen one. Cheers!

  • @aucoding
    @aucoding23 күн бұрын

    I have completed HTML & CSS three times previously from different channels, but this time I completed this course and this is the best course I have ever seen. Thank you so much @supersimpledev. ❤😊All the concepts of grid, flexbox, positions, display etc has been cleared, and I have solved all exercises that is in the end of each chapter. Learning from scratch is best way to clear concept. ❤

  • @Vasilis-grk
    @Vasilis-grk3 ай бұрын

    I’m glad to hear that i found a 6-hour KZread video so impactful and that it made me feel better. It’s wonderful when we find content that resonates with us and contributes to our personal growth.thank you so much.respect!!

  • @Ocro555
    @Ocro555 Жыл бұрын

    I am a student and one of my school's lessons (compulsory and takes up much of the year-end-grade) is about HTML, CSS and Java coding. I was the worst in class for the subject for months and I had completely zero clue on how to code. It was my exams soon and I was panicking until I found this tutorial. 6 hours long but not a single bit of second is useless. This tutorial immediately cleared things up for me and a lot of stuff that I previously couldn't understand in class, such as DIVs, Childs, Pseudo-class selectors and stuff we're all explained clearly and straight forward in this tutorial. The exercises and code notes in the description we're extremely useful too. When I just discovered this video and realised how detailed It was complete with exercises and notes and answers and stuff, I knew this tutorial is definitely awesome, and I wasn't wrong. It was the final exams for this HTML-CSS-Java coding subject (for my school's syllabus) 30 minutes ago and this really saved my life. Sadly I still forgot a bunch of stuff at the last minute and I probably wouldn't ace the subject, but I still want to express my sincere gratitude for this tutorial, and that without it I would've flunked the subject. I appreciate all the hard work you've put in this awesome tutorial for the public. Thank you so much!

  • @akmalkamarudin2976
    @akmalkamarudin2976 Жыл бұрын

    Hi Simon, I have finished this course within two weeks. I took a longer time because I was busy with work and only got the time to do this tutorial during the night. I can't thank you enough on how you have provide such an amazing tutorial. I hope it serves a really strong foundation for HTML and CSS to those who are new just like me. Thank you so much!

  • @anzila2170
    @anzila21702 ай бұрын

    The only one guy who explain clearly in KZread. KG kids can code after this video. Thanks Bro. Kudos

  • @priyanka-pq3zr
    @priyanka-pq3zr11 күн бұрын

    One of the best channels I have ever come across on KZread.Your teaching style is exceptional, starting from the basics and progressing to advanced concepts effortlessly. Thank you for creating such an amazing channel, Simon!

  • @cinnameus4708
    @cinnameus4708 Жыл бұрын

    1:03:10 - day one 1:52:19 - day two 2:34:58 - day three 2:46:55 - day four - I'm a little lazy today, but it's better than doing nothing. 3:16:58 - day five 3:43:58 - day six 4:15:21 - day seven 4:44:36 - day eight 5:33:49 - day nine Finished! - day ten

  • @hhhhhhhh1808

    @hhhhhhhh1808

    Жыл бұрын

    All in one night before the exam 💀

  • @iamzayyyyofficial

    @iamzayyyyofficial

    Жыл бұрын

    Lol, felt that😂😂

  • @cinnameus4708

    @cinnameus4708

    Жыл бұрын

    @@hhhhhhhh1808 I hope you did well on your exam :)

  • @patrikpatrik8421

    @patrikpatrik8421

    Жыл бұрын

    Keep grinding

  • @motivefactoryy

    @motivefactoryy

    Жыл бұрын

    This is cool.

  • @yuzuriyu7018
    @yuzuriyu7018 Жыл бұрын

    Took me like 4 days to finish the course, absolutely worth it. I feel like this dude just saved my future, it's like finding direction after getting lost for a long time. I just had to comment to say thank you for this phenomenal 6hrs course, it was very educational.

  • @user.name--oreneus21

    @user.name--oreneus21

    Жыл бұрын

    @@codecpp3438 Bro/Sis, just keep trying to do the exercises, and find other bits and pieces of websites that you can recreate. Notes will not help you in the long run, when you practice them the tags and properties will become second nature to you. If you have trouble, just google, knowing how to find answers on the internet is also an important skill (like framing the right questions). Good luck!

  • @053_eshan9

    @053_eshan9

    Жыл бұрын

    @@user.name--oreneus21 bro is this 6 hrs time worth it? Does it complete everything related to Html and Css?

  • @fumeinagema

    @fumeinagema

    Жыл бұрын

    @@053_eshan9 if you want to keep asking questions like that, you might as well ask "all the time i spent doing nothing, was it worth it?"

  • @laszlorolandkiss4317
    @laszlorolandkiss43172 күн бұрын

    Great videos, makes it easy to understand. Keep up your work! Look forward to see your JS course!

  • @thecthae19
    @thecthae193 ай бұрын

    I've always struggled to get into style but now i decided to give it one more chance (because i want to make an interface for my own portfolio) and i must say that thanks to you i'm really loving it. You have an absolute, incredible way of explaining things that everything seems so easy! Thanks man!

  • @rbk1rb2
    @rbk1rb22 жыл бұрын

    An hour and 45 mins in and I already know way more than I did from an entire semester at the University! I can't thank you enough!

  • @kaileymarie2251
    @kaileymarie2251 Жыл бұрын

    I've only been doing this for two weeks on my own. I found this video early on and saved it because I love how well you break everything down. I'm working on my own project but I continuously come back to this video when I really need help understanding something. Thank you!! This video is life changing. You make it easier to understand than anyone I've found so far.

  • @theanonymous92
    @theanonymous92Ай бұрын

    finally made it to the end... thank you so much. it really helped me get comfortable with html and css. and for anyone starting out with this course: Do not skip the exercises. No matter how easy they are. Trust me they help a lot. Best of Luck

  • @user-os2so2qm7d
    @user-os2so2qm7dАй бұрын

    thanks man ,just started, and its been amazing so far

  • @travis5551
    @travis55518 ай бұрын

    Day 1: 2:11:08 (lesson 1 to 6) Day 2: 3:43:46 (lesson 7 to 11) Day 3: 4:15:12 (lesson 12) Day 4: 5:07:11 (lesson 13 & 14) Day 5: End (lesson 15 to 17) Really Really Really good course and really good explanations. The teaching style was AMAZING i loved every part of it. Thank you for this amazing course. Note: Try writing the things you learn from each lesson down like for example the different html elements and attributes and also the different CSS styles, you can write them on paper (notebook) or somewhere on your PC, so it's easier for you to look for something if you forgot it or you can search for a solution on the web.

  • @astro7068

    @astro7068

    7 ай бұрын

    Damn you finished it in 5 days meanwhile I spent nearly 3 weeks on it😂

  • @Gunplay02

    @Gunplay02

    7 ай бұрын

    personally I dont like learning everything at once I learn better if I pace myself 1 lesson a day is good no need to rush@@astro7068

  • @itzqoukka

    @itzqoukka

    7 ай бұрын

    i just took a ;picture on my phone

  • @s.f.z7353

    @s.f.z7353

    7 ай бұрын

    i don't think so

  • @malemsanasam8717

    @malemsanasam8717

    7 ай бұрын

    no need to take note , pdf note in description check it out

  • @alexpopowski1318
    @alexpopowski131811 ай бұрын

    I just want to tell you how grateful I am that you made this course. It's such a perfect pace and you're very thorough without being complex.

  • @Fatimah_Abdulazeez
    @Fatimah_Abdulazeez3 ай бұрын

    4/16/2024 I finally finished watching this. Thanks a lot Simon, you did a great job there. This is absolutely beginner friendly.

  • @devinddst7467
    @devinddst74672 ай бұрын

    I just finished watching this video and created a copy of KZread. Instead of using your website, I opted to recreate the current version of KZread, which has some key differences. For instance, the search bar is round. I do have a slight edge when it comes to this because I have been coding for a long time in different languages. I really appreciated the way concepts were explained in this video. It enabled me to learn how to implement certain features before applying them to the main website (KZread). This approach spared me from simply copying your actions. Instead, I learned how to use flex then I listened to what would be addressed next, such as creating the header. I paused the video, attempted to replicate it, and if I encountered difficulties, I would resumed watching until the point where I got stuck. This really made me learn and makes me feel I could create any website I would want to right now. Thank you!

  • @TheLeftyGamer0
    @TheLeftyGamer0 Жыл бұрын

    6 hours in , 1 week of continuous watching , this is the best tutorial for HTML and CSS. The pace is perfect, the explanations are immaculate, and the fact that you gave tons of exercises deepens the understanding of all subjects progressively.

  • @dinmohamedashfaq6097
    @dinmohamedashfaq60972 жыл бұрын

    It took me two weeks to finish your entire video. To be honest, I'd never created content without copying from a KZread video before!! And for the first time in my life, I managed to create small content by my own. I watched to your tutorial for 5 hours and 33 seconds before creating the KZread page based on what I learnt from the technique you demonstrated before. I build the KZread page in two days after much trial and error, and then viewed the remaining content that I had skipped. Thank you very much for creating such fantastic resources. I'm not going to stop there; before moving on to javascript, I'd like to learn more about CSS. To all people who are reading this comment, look closely at the video title "HTML & CSS Full Course - Beginner to Pro (2022)" - he stated Beginner to Pro!! Trust the process, go gradually you will not be pro after completing but you will start developing things by your own and this is fantastic brother and sister. This will be the true accomplishments.

  • @SuperSimpleDev

    @SuperSimpleDev

    2 жыл бұрын

    Thanks for watching! I'm really happy you were able to take the techniques and create on your own, which is the goal! Obviously there's a lot to know about HTML & CSS, but you don't have to know everything at once. Just the core techniques to get you going and then you'll be able to keep moving forward on your own 😄

  • @obsessionami
    @obsessionami3 ай бұрын

    Thank you so much for a complete and impressive course. You are starting from the basics, which is pretty good. Because a lot of times people skip that. They think it's trivial and unnecessary. So thank you. I'm 30 years old and I'm sitting here learning html and css thanks to your videos.

  • @sagarbhattarai8033
    @sagarbhattarai803312 күн бұрын

    Watching 30 minutes I can say this is the most well explained youtube video you can get on youtube where everything is explained

  • @bking5670
    @bking56702 жыл бұрын

    Wow. I took a semester of HTML, CSS, JavaScript at my community college. Your 6 hour course put it all together for me. Can’t wait to watch your JavaScript course! You teach in a very methodical, progressive manner in which people like me, who have a BS degree and attend community college for fun, understand.

  • @GGGUSZ
    @GGGUSZ Жыл бұрын

    currently 3 and a half hour in. never touched css in my life before and already able to do all the html and css things by myself. this course is S+ Tier for anyone trying to get into web dev. if you feel like 6+ hours is alot (because it is) split it into multiple learning sessions, i am doing 30 minutes a day. helps not getting overwhelemed 👌happy coding everyone and good luck on your journeys!!!

  • @charleschimaobim7618

    @charleschimaobim7618

    Жыл бұрын

    Hello how has it been have you built a complete website yet and have you gotten a job

  • @halifaxlithos2488
    @halifaxlithos2488Ай бұрын

    I did it!!! I completed the course! Thank you so very much for all the work you put into this course. It was truly helpful to me.

  • @N0d3lz
    @N0d3lz3 ай бұрын

    After about 4 hours on KZread I realized I probably should take the course. I hopped over for a good refresher and finished the course. I had next to no experience before starting this course and now I feel like I have a good understanding on HTML and CSS this course is explained really simple and easy to build on what you are taught!

  • @johnychinese
    @johnychinese2 жыл бұрын

    I've watched quite a number of html and CSS courses on yt but this one is the best Well explained The exercises are well put together and the project is very good

  • @SuperSimpleDev

    @SuperSimpleDev

    2 жыл бұрын

    Thanks for watching 😄 I appreciate your support!

  • @nikasikharulidze5287

    @nikasikharulidze5287

    2 жыл бұрын

    He's jumping right into CSS, is that a correct and better approach ? I want to know because i am just starting out.

  • @ahmedadham2757

    @ahmedadham2757

    2 жыл бұрын

    Hello can i make my own website only with this course?

  • @jeklo3713

    @jeklo3713

    2 жыл бұрын

    @@ahmedadham2757 try html and css crash course

  • @Napoleon1191

    @Napoleon1191

    2 жыл бұрын

    @@ahmedadham2757 yes you can bro

  • @Earth_Being
    @Earth_Being10 ай бұрын

    Finally someone who teaches so normal humans can understand. Without suddenly bashing with unnecessary load of information, without using way too unnecessary technical words as if every viewer is a CS master. I'm starting this journey, thank you for bringing my confidence back ❤ Edit: 2 days & I'm done with the course. It can sound exaggerating but this single video restored my confidence to enter the domain I always dreamt of working but was holding back bcz of fear of not understanding complex concepts. This is just a beginning, a long way to go from here, but atleast START was fantastic. Thank you buddy ❤

  • @Sanatanwaryam

    @Sanatanwaryam

    10 ай бұрын

    Hey...Best of Luck :) I started some days ago and found this gem today.... He is a good teacher.

  • @Ankitsharma-yh6hh

    @Ankitsharma-yh6hh

    9 ай бұрын

    ​@@Sanatanwaryamnow what are you learning?

  • @ikennabenjamin4427

    @ikennabenjamin4427

    7 ай бұрын

    @@Sanatanwaryam I can tell you for free that you are lucky. A lot of us were at the verge of giving up before we stumbled upon this God sent. He's been really helpful and his method are 100% beginners friendly.

  • @goldenbamboo9423

    @goldenbamboo9423

    6 ай бұрын

    ay does the youtube like actually work and can i watch videos on it?

  • @CodyCody-zq2mn

    @CodyCody-zq2mn

    6 ай бұрын

    Ikr

  • @MinakshiD-ht6mm
    @MinakshiD-ht6mmАй бұрын

    Great course. Never encountered such a great quality course on youtube. Thanks a lot

  • @Kevin_kyle_666
    @Kevin_kyle_6662 ай бұрын

    i'm new to programming, i always thought that the programming would be so difficult for me to do, but you made everything easier.

  • @shreyash.p17
    @shreyash.p172 жыл бұрын

    Finally Completed this course took me nearly 2 months to complete it with all excercises Personal experience/* Best Tutorial ever seen everything is perfectly presented and the excercises are the thing which will make take you to the professional level */ His voice is amazing 😍 when ever i start to code my brian autonomously recall his voice ever single time Thank you so much Sir ❤️❤️❤️ Edit: 50 likes🤯🥳🥳🥳

  • @Jaydavid25.

    @Jaydavid25.

    2 жыл бұрын

    Thank you! I thought I was the only one where a 6 hour course took me months to complete. LOL

  • @negar5716

    @negar5716

    2 жыл бұрын

    @@Jaydavid25. You are not alone!

  • @matrixnft

    @matrixnft

    2 жыл бұрын

    Worth it?

  • @negar5716

    @negar5716

    2 жыл бұрын

    @@matrixnft Absolutely! I recommend this to everyone who wants to start coding.

  • @shin_7754

    @shin_7754

    2 жыл бұрын

    I will complete it soo in 1 week 👍 cause I am currently in school holiday so have much free time.

  • @studyaccount8
    @studyaccount8 Жыл бұрын

    In a world where everything is commercialized, this legend uploads PREMIUM COURSES ON KZread. The teaching style and the exercises provided are top notch. For anyone wondering if their 6hrs in this video is worth it or not, you will regret ignoring this video. SupersimpleDev, do not stop uploading courses dude. One of a kind course fr 🔮

  • @abduvokhidmakhammadusmonov5364
    @abduvokhidmakhammadusmonov53642 ай бұрын

    Just I have finished this course. This is the best course that I have seen ever! Highly recommended to everyone! And Thanks to Simon BRO! You are the best teacher! Next step JavaScript...

  • @jaysrellapiz6329
    @jaysrellapiz63293 күн бұрын

    sheesh!! I just finish the course!. Thank you so much sir! Please upload more🖤

  • @matiasjaramillo3430
    @matiasjaramillo3430 Жыл бұрын

    This has been the single greatest tutorial I've ever seen in my life. Way better than any university professors. Incredible explanations and not boring at all!

  • @nikhilgaikwad4553
    @nikhilgaikwad4553 Жыл бұрын

    Completed. Took me Three weeks, did all the exercises, googled things more than I can count, made notes plus some Procrastination. Took my Time and now starting JS. Thank you Sir, this course was really helpful to get me back on track.

  • @inoneemmanuel6646

    @inoneemmanuel6646

    Жыл бұрын

    I need a place to get a good JS and Py course

  • @nikhilgaikwad4553

    @nikhilgaikwad4553

    Жыл бұрын

    @@inoneemmanuel6646 By Place you mean an online course or an offline Bootcamp?

  • @inoneemmanuel6646

    @inoneemmanuel6646

    Жыл бұрын

    @@nikhilgaikwad4553 online just like this wonderful course

  • @nikhilgaikwad4553

    @nikhilgaikwad4553

    Жыл бұрын

    @@inoneemmanuel6646 Hey, Hope you are there. So If you're going further ahead of this course. I would recommend a Udemy course of Jonas schmedtmann or Andrei Neigei on javascript and webdev. It's the best one out there or freecodecamp KZread channel. I would also advise you to learn by practicing daily and doing more projects(Basic) Before Further into frameworks.

  • @inoneemmanuel6646

    @inoneemmanuel6646

    Жыл бұрын

    @@nikhilgaikwad4553 thank you

  • @user-gj7cp2iv2c
    @user-gj7cp2iv2cАй бұрын

    Just completed this course. I must say that I am grateful . Thank you very much

  • @RobertKrowel
    @RobertKrowelАй бұрын

    Wow you are a great instructor. I am 53 and I started code for a CRM that I have been building. But you took it way above and it is pretty easy so far. However I use the footnotes that you downloaded. I'm on your JavaScript class now. Thank you very much

  • @ronakpatel7911
    @ronakpatel7911 Жыл бұрын

    Just finished this course after about two weeks of slowly chipping away at it with any spare time I had. Wow, this is probably the best tutorial I've gone through with very solid exercises that actually helped me learn the concepts very well, compared to other tutorials where exercises do not force you to think. Great work!

  • @mheidari988
    @mheidari988 Жыл бұрын

    As an experianced backend developer with limited exposure to front-end development, I view this jurney as the starting point of my transition into becoming a proficient full-stack web developer. Without a doubt, this is one of the most well-structured and comprehensive courses I have encountered in these subjects.

  • @SuperSimpleDev

    @SuperSimpleDev

    Жыл бұрын

    @mheidari988 Thank you!!

  • @BBTRaziel

    @BBTRaziel

    10 ай бұрын

    same here. Front-end was always my big weakness as a developer. On my way to change that with this course

  • @mheidari988

    @mheidari988

    10 ай бұрын

    @@BBTRazielgood luck with your path

  • @nicholasmaundu2130

    @nicholasmaundu2130

    9 ай бұрын

    i join you in this.

  • @ItsJeffbeloved

    @ItsJeffbeloved

    8 ай бұрын

    I thought backend was harder?@@BBTRaziel

  • @Dackarer
    @Dackarer2 ай бұрын

    I'm one third of the way through the tutorial and this is vid very detailed and helpful for me who has no programming knowledge. Thx man