HTML & CSS Full Course - Beginner to Pro
Vložit
- čas přidán 19. 06. 2024
- 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...
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
I recommend these videos as the next step after this course: Put a website on the Internet (czcams.com/video/p1QU3kLFPdg/video.html), JavaScript course (czcams.com/video/EerdGm-ehJQ/video.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.
hello simon , i was thinking about this few days ago , may god bless you brother .
i cant access the reference pdf simon
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 !
Can I use visual studio on my mobile phone.
@@ahlam20049 Yes, this tutorial is still relevant! The versions used here, HTML 5 and CSS 3, are the current versions.
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!
Fantastic! I hope you enjoy your new role being an offical web dev!
That's actually so cool man good luck! What did you make?
@@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.
It will be too good of you if you tell about what is frontend mentor and how to proceed with it.
@@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.
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!!
Wow, thanks for your awesome support!!
I'm enjoying the course so far but I'd like to ask a dumb question: did you complete the whole course?
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!
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
@@-Idonotknow I love the classes and the exercises.
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
Then...?
@@lachimolala2005Lolllllll
Then he passed away@@lachimolala2005
@@TogetherForever-ft3st wtf 🤣🤣🤣
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!
How’d you land your job?
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.
can you help me land an internship for frontend web dev for a month or two??
Best course so far. It took me 2 days bro.
Actually he deserves it
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.
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.
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!
Couldn’t have said it any better!
100%, Thank you Simon. You are a god.
QUACK!!!
First ever 6 hour CZcams video I watched from start to finish. This is the best HTML-CSS course out there. Thank you so much!
I start learning HTML & CSS today, Saturday, June 8, 2024. I leave my journey here.
June 8, 2024. 15:00
@@sangtalk682 let's go
June 9, 2024. 30:00
June 10, 2024. 44:38
I am watching today 13 June 2024, 12:10pm
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!
Great to hear! Happy coding :)
Which bootcamp are you going to start ?
Hey! Hows your full stack journey going? Could you fill us in on it please?
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.
What about cellpadding for table?
but thanks for clcokwise technique
he covers it later on
Yeah it's work , that is called shorthand property
thanks yaaaaar hihihihi
ugh i've watched so many videos and docs explaing all the different displays and positions and yours is the only one that made things clear for me so thank you so much!!
Can you please provide some docs of html css and javascript
Can't find official docs for them
I recently completed this course, and I must say this is super amazing. Although I previously knew the fundamentals of HTML and CSS at the university, I was finding it difficult to code on my own. I can now code and know how to do it in stages with comfort. It's actually a lot simpler than I initially believed. Creating a website design may appear challenging at first, but it becomes much simpler if you truly break it down step by step and have faith in the process.
You made these six hours a lot of fun and very simple to follow!
I'm 1 hour in and I'm mind blown how simple you make this. You are an awesome teacher!! thanks alot!!
Glad I could help!
@@SuperSimpleDev Thats how you make world a better place
same buddy! it's insane lol
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 :))
i am even following your path
Good job! Glad to hear that its helpful. Best of luck for your dream career!
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!
Hey, I know it's only been a month but how are you doing now? Making a portfolio?
@@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.
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.
So i have finished this course and i just wanted again to say thank you, Simon. Excellent teaching style. from nowhere in html learning to having a solid grasp of the material. Now i venture onto your javascript course. It was my pleasure to make a donation on your website.
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.
Come back bro
I'm back@@ahmedkhedr2631haha This week were very hard to deal with. But I'm stuying now, mate. Thank you!
bro gave up
Nope probably he is enjoying Christmas
lmao
This course is in a league of its own. Thank you!!
Super thanks for your super thanks Stevie :) I hope you enjoy the course and find it helpful! @stevies_stuff
Facts, he really put it all in this.
its really good
@@senghorn7860 why repeat?
@@SuperSimpleDev super simple thanks from a super simple dev
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!
This was absolutely amazing, I have been wanting to make websites and start a company for so long and this has really helped give me the confidence to feel like I can actually do it. I am about to move on to your Javascript course now, I can't wait to learn more and finally begin my dream. Thank you Simon you are an amazing teacher!
Bro your channel is so good and underrated. I've watched many HTML, CSS, JavaScript courses on CZcams 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!
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!
Hm
He's jumping right into CSS, is that a correct and better approach ? I want to know because i am just starting out.
@@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.
I agree! This one is great! I started to follow and recommend your videos to my friends! Keep it up!
(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
agree, the layouting technique is new to me, i've done some course and its the first time i've seen it
I’m just one hour into the tutorial, it seems like im becoming a pro.. thank you for this masterpiece
Definetely
fr, i feel like im learning too fast lmaoo
@@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 .....
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.
After 5 years on the east coast... it was time to learn html and css.
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
@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.
Thanks a lot for providing the efficient time stamps! :D
nope. watch this whole course in one sitting or don't
@@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.
@@soggynoodless twas a joke
This guy deserves a medal! This is by far the best HTML and CSS course I've found on CZcams 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!
Can someone give this dude teacher of the year award!?
very true
vc é brasileiro?
@@fabiosantana2998 Português
Has anyone succeeded in becoming a web UI engineer after watching this course?
Love your teaching style, just so easy to understand and go to the details. Thank you so much for doing this videos !
I really have no background in this kind of topic, but the way you explained it! Gosh! I already get it. I will really take my time to finish your tutorial. Thank you so much!
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.
Thank you for your comment Tam, glad to heat that you find it helpful :) Happy coding!
@@SuperSimpleDev Are you suppose to memorize every single CSS properties? Or is it okay to Google it up?
@@ubaidbeg1883 You just google it up, even senior programmers use google, they just google faster.
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.
That's an amazing idea! I wish you luck and I know your family will love it!
79???? Wow! I am inspired!!!
@@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
That is so beautiful ❤️
To prove your 89, comment “ yes boii”
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!
After only 15 minutes into the course, I already love the way you explain everything. Thank you!
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
All in one night before the exam 💀
Lol, felt that😂😂
@@hhhhhhhh1808 I hope you did well on your exam :)
Keep grinding
This is cool.
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!
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 😄
@@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
Respect!
@@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.
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 🙌
One of the best HTML/CSS course with an excellent and clear explanation on CZcams, thank you!
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)
f your opinion its fax
yes (in his opinion)
@@spoopyscaryskelebones3846 vfrc vr gu
l
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.
10/10
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!!
Thanks for watching! I'm happy you found it helpful and enjoyed it! Your support means a lot to me
@@SuperSimpleDev ❤🙏
@@SuperSimpleDev you are really cool person ❤❤👌👌
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
This guy’s tutoring skills are off the chart. Well done
plz ,provide me his website link.
I have already learned these concepts in another much longer class but this was a great refresher for my interview, thanks for this!
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.
what are you studying now? JavaScript? your pfp is that Destiny 2?
@@ashenone3427 pfp strife from darksiders
Sure 💯
Exactly!
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!
Amazing video! Thank you so much man, things seem so much easier when you are explaining them
Thank you 🙏🏾. This video was a great way to refresh my HTML CSS knowledge after taking a break from coding websites in 2 years
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.
Who's watching this on 2024?😍
me~
me
You will never walk alone 😅
Here
Me 😊
I have started html& CSS with this video since first of June, it is pleasure for me to hear your notices .thank you
Being a non technical person with an idea sucks, thank you @supersimpledev, this is the only course that kept me hooked. Started this course just to build an mvp, but now this video has made things interesting. Thanks alot again.👍
I'd pay you for a full-stack web development course. Your teaching style is far better than my university professors.
Fr he teaches better than any teacher ive meet so far
hahahahahahaha
You don't meant it
@@ajtechboy1424 what the fuck is that emoji
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.
Me too.
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.
@@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!
@@user.name--oreneus21 bro is this 6 hrs time worth it? Does it complete everything related to Html and Css?
@@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?"
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!
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.
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.
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.
Jesus Christ, I wasn’t in this world Then 😅😅
@@Coolgist2 😆 🤣 😂
Most descriptive course ever. Exactly what a beginner needs to understand it properly. Congrats! ⭐️⭐️⭐️⭐️⭐️
Hello I have some problems following the "display: inline-block;" in the 3:02:00 I followed exactly what he's showing but the Channel and the Video Info did not align beside each other. The picture is still in the top. Do you have time to help me?
Absolutely perfect tutorial, this is helping me so much, thanks for creating this!
only a legend can teach people how to create youtube on youtube
Facts
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.
Finished this course today. You're really a Great instructor who makes web development so interesting.
Thanks a lot Master!
Just completed this course. I must say that I am grateful . Thank you very much
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 ❤
Hey...Best of Luck :)
I started some days ago and found this gem today....
He is a good teacher.
@@Sanatanwaryamnow what are you learning?
@@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.
ay does the youtube like actually work and can i watch videos on it?
Ikr
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.
Damn you finished it in 5 days meanwhile I spent nearly 3 weeks on it😂
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
i just took a ;picture on my phone
i don't think so
no need to take note , pdf note in description check it out
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!
After several months of on and off learning HTML and CSS , Thank you can't fully express my gratitude, but thank you! I'm glad CZcams recommended this video for me, Your explanation and processes were super simple indeed!Awesome job!
It took me two weeks to finish your entire video. To be honest, I'd never created content without copying from a CZcams 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 CZcams page based on what I learnt from the technique you demonstrated before. I build the CZcams 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.
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 😄
This man deserves an Oscar!!!!!!
This is by far the best course on HTML and CSS on CZcams. The explanation and oh my God the EXERCISE at the end of each lesson is what makes this stand-out man. Man when I have my first job imma give you my first salary!!!!!
God bless you, man!!!!!!!!!
Thank You for this beautiful course!!!!
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
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.❤
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!
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.
Thanks so much. Other channels like Free code camp are great, but this was much more accessible for me, someone who already has experience programming and just wants the theory and terminology without going too fast or slow.
Finally did it took me around a month excited for further journey. Thanks alot!
Can you please send full code of youtube..both html and css
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!
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
Thanks for watching 😄 I appreciate your support!
He's jumping right into CSS, is that a correct and better approach ? I want to know because i am just starting out.
Hello can i make my own website only with this course?
@@ahmedadham2757 try html and css crash course
@@ahmedadham2757 yes you can bro
Excellent tutorial to kick off your Web Dev journey. Walks you through in a simplified explanation and on-point examples.
Thanks a lot!!
the fact that I learn more from this man than in my entire bachelor in IT journey.
Thank youuu!
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.
This has to be best HTML/CSS tutorial out on youtube. Watched and practiced first 2 hours of this today. I need to develop a simple website of my portfolio (which might look as simple as a Wikipedia page), and I thought not to pay Squarespace/Wordpress for that. This video makes me feel like I might be able to do it myself.
Hello I have some problems following the "display: inline-block;" in the 3:02:00 I followed exactly what he's showing but the Channel and the Video Info did not align beside each other. The picture is still in the top. Do you have time to help me?
@@zarumatata You have to separate the Channel picture and the all three text description using a div and make sure to adjust the width accordingly
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
Thank you so much for such a wonderful course! you're the best!
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!!!
Hello how has it been have you built a complete website yet and have you gotten a job
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.
first time in my life, i watch a long video like this and enjoy it. And it is the first time in my life i feel like i may understand how to code. thank you simon
Just completed the course I just wanna say a general thank you! This was so helpful . Thank you very much
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!
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.
The only one guy who explain clearly in CZcams. KG kids can code after this video. Thanks Bro. Kudos
I am usually not one to comment on a youtube instructional video, but here is where i must change that stance. I have been wanting to get into web development for some time. I had very little knowledge of html/css.
I started to look at your 12 hour javascript video and realized i need to start with html/css. I am about a third of the way through this course and i must say Simon: you are a fantastic instructor. Very clear and relational examples.
I have really enjoyed the excercises after each section. It has been very helpful for me tring this on my own and find my syntax errors.
I cannon wait to finish this and move on to your javascript course.... Anyone who wants to learn about web development from the ground up. WATCH THIS VIDEO and FOLLOW ALONG ON YOUR own. KUDOS to you, Simon
In a world where everything is commercialized, this legend uploads PREMIUM COURSES ON CZcams. 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 🔮
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🤯🥳🥳🥳
Thank you! I thought I was the only one where a 6 hour course took me months to complete. LOL
@@Jaydavid25. You are not alone!
Worth it?
@@matrixnft Absolutely! I recommend this to everyone who wants to start coding.
I will complete it soo in 1 week 👍 cause I am currently in school holiday so have much free time.
Thank you so much man!
This course was really helpful and easy to understand ❤.
4/16/2024 I finally finished watching this.
Thanks a lot Simon, you did a great job there.
This is absolutely beginner friendly.
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.
New to everything, I was a bit loss, food was scarce, morale was low, wasn't sure how long I would keep going, found a discord that shared this video, found a light, I'm following it. I'll see you all soon...
Eduardo, vai lá e mete bala, Deus é contigo se creres que Jesus morreu e ressuscitou por ti
vc consegue.
Well how are you doing?
keep us updated :D
You got this bro :)
Now this is the kind of attitude i like from the buys
thanks man ,just started, and its been amazing so far
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.
I need a place to get a good JS and Py course
@@inoneemmanuel6646 By Place you mean an online course or an offline Bootcamp?
@@nikhilgaikwad4553 online just like this wonderful course
@@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 CZcams channel. I would also advise you to learn by practicing daily and doing more projects(Basic) Before Further into frameworks.
@@nikhilgaikwad4553 thank you
Just finished this course and have to say, wow. I had some HTML and CSS basics before but now I can actually be comfortable coding and knowing how to do it step by step. It's really much easier than I thought at first. Making a website design come to live might seem difficult at first but when you actually break it down step by step and trust the process, it's so much easier.
So thank you for this! You made these 6 hours very enjoyable and easy to follow!
does the youtube actually work
I just finished lesson 2 and already finding it amazing, easy to follow, everything is well explained.
That's all kind of you .That's amazing Guys, from this guy I learn how to write code and make my Uni life easier and smooth.