I recommend these videos as the next step after this course: Put a website on the Internet (ua-cam.com/video/p1QU3kLFPdg/v-deo.html), JavaScript course (ua-cam.com/video/EerdGm-ehJQ/v-deo.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.
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!
@@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 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!!
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!
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") ua-cam.com/video/p1QU3kLFPdg/v-deo.html
@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.
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.
@@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.
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.
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 :))
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 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.
Thanks a lot for this course and all your videos available online. You are the best!!! day 1 (1/11) - 00:18 day 2 (3/11) - 1:02:00 day 3 (4/11) - 1:18:00 day 4 (5/11) - 2:22:00 day 5 (6/11) - 2:35:00 day 6 (7/11) - 3:16:00 day 7 (8/11) - 4:12:00 day 8 (9/11) - 4:15:00 day 9 (10/11) - 4:44:00 day 10 (11/11) - 5:26:00 day 11(12/11) - 6:07:00 day 12 (18/11) - FINISHED !!!
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!
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!
I agree. What I like is the lack of any fluff. Nothing against those who try to be entertainers as well as teachers, as I know some people learn best from that style. But I like the fact that this video is straight to the point without wasting a minute.
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.
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!
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
@@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.
This guy deserves a medal! This is by far the best HTML and CSS course I've found on UA-cam 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!
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
(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 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 .....
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!
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.
@@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
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.
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.
@@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
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.
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!!
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
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)
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.
Started today 24 October 2024 . Lets learn together 😊 Day 1 : 44:40 basics of html and css pluse exercises 1 Day 2 : 1:03:07 exercise 2 , challenge exercise , exercise 3 hover, transitions, shadows 🤗 Day 3 : 1:17:30 css Box model and exercise 4 Day 4 : l took rest 😂😊 studying python Day 5 : 1:51:50 text styles Day 6 : 2:25:33 images and text boxes Day 7 : 2:25:37 exercise 7 and challenge 7 😊 Day 8 : 2:46: the div elements Day 9 : doing exercises and challenges Day 10 : 3:06:08 nested layout
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.
It took me two weeks to finish your entire video. To be honest, I'd never created content without copying from a UA-cam 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 UA-cam page based on what I learnt from the technique you demonstrated before. I build the UA-cam 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 UA-cam. 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!!!!
Honestly I'd rather watch a 6 hour video that explains a topic well step by step rather than some rushed tutorials of 10 mins.... ........ real life saver..... THANK YOU SO MUCH
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 *slacked off for 2 months cuz of stuff* Day 7: -Revised till previous point + repeated day 6 exercise again. Day 8: 3:43:55 -completed the exercises extra tips: -using to break lines -you can remove outline of the "search bar" using outline:none; -vs code has alot of shortcuts (you can get boiler plate by typing ! and pressing tab)
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!!!
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
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.
I have been searching a number of different courses paid and free to begin my coding journey. This is the most comprehensive and easily understood course available to date, in my opinion. Thank you for creating this course! Life changing.
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.
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.
Topics i need: 0:00 - Intro 1:02 - HTML Basics 1:52:18 - The HTML Structure 2:11:08 - Images and Text Boxes 2:25:42 - CSS Display Property 2:34:58 - The div Element
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!
Bro your channel is so good and underrated. I've watched many HTML, CSS, JavaScript courses on UA-cam 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!
@@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.
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.
finally, someone that can actually TEACH! So many other html courses and videos is just a lot of info and talk with no clear teaching strategy. This has objectives and clear goals and guidelines on how to achieve them.
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.
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.
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 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.
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.
I'm a senior developer but have never done anything with frontend web development so I went through this course as a starter. I've completed it now. It's very good, great explanations of the basics. Would recommend to anyone looking to pick up html/css basics.
day 5: 5:22:18 position absolute inside position relative position absolute: wrt the page; position fixed: position of the element is fixed wrt the browser window; if position absolute inside position fixed then its poistion fixing commands fix its position wrt that block that is fixed.
I'm extremely happy that I chose your course. The way you teach is absolutely amazing and would be even more appreciable if you make a second part of it explaining more CSS attributes. Thumbs up those who are with me.
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.
@@Zyplar 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 UA-cam channel. I would also advise you to learn by practicing daily and doing more projects(Basic) Before Further into frameworks.
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!
I recently started my coding journey and I just finished your course with no words to express how grateful I am. The way you teach, your voice, audio and visuals are amazing and very easygoing, especially for people like me who don't have English as first language. Please make more tutorials, thank you very much!
Exactly, he speaks very understandable and does not use "cool, very simple" etc. Other people use these words and assume when they used these we can understand better :) The important thing is to explain everything very simply just as he does.
In a world where everything is commercialized, this legend uploads PREMIUM COURSES ON UA-cam. 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 🔮
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.
day 1: 1:03:05 finished 3 lesson and practice 8/11/2024 day 2: 2:10:59 finished 3 lesson and practice 9/11/2024 day 3: 2:25:32 finished 1 lesson and practice 10/11/2024 day 4: 2:34:52 finished 1 lesson and practice 11/11/2024 day 5: 2:46:40 finished 1 lesson and practice 12/11/2024 day 6: 3:43:56 finished 2 lesson and practice 13/11/2024
9:24 a is an anchor element 46:48 pseudo-class: adds extra styles in certain situations 48:52 opacity: fade out an element 53:28 transition: element time; or element1 time1, element2 time2; 57:01 shadow: format (horizontal, vertical, blur, bgcolor of shadow) 59:03 rgba: opacity of color 1:03:32 devTools (Inspect) 1:04:33: finding elements in devTools using pointers in inspect 1:05:10: hex color measuring method 1:06:01: computed tab- shows all the final styles applied 1:10:06: padding is spacing inside, margin is spacing outside 1:11:10: box model 1:12:06: CSS box model 1:14:55: vertical-align (aligns everything to top) 1:20:10: font-family, font-size, font-weight, font-style 1:21:59: text-align (aligning text) 1:24:17 width (of text for text wrap), line-height (spacing between lines) 1:25:37 HTML entity: types of special characters Day2: 1:35:09: removing duplication and cleaning up the code 1:38:07 CSS specificity: selector that is more specific has higher priority (eg class name > element name) 1:44:55 text element: inside the text 1:46:42 span element: useful to give class to a text element 1:51:01 multiple spaces in text: margin-left/margin-right in a span text element 1:54:36: structure of html 1:54:47: nesting - elements inside elements 1:55:59 body - visible on web, head - not visible on page directly 1:57:33 vs code ext. live server: reload page 2:01:02 .css for css code file 2:01:36 link element (void element): no closing tags req, takes two attributes- rel, href 2:04:38 folder_name/file: to look not folders for href (filepaths) 2:09:35 Google fonts: embedding fonts from google in our code
2:14:41 img element (void) p; takes attribute - src “folder/file” 2:18:42 width also adjusts height (keeps the shape) 2:19:41 object fit: when size doesn’t match: cover/contain 2:20:27 object position: left/right/top/bottom 2:22:46 input type=“text” -> textbox 2:23:50 placeholder=“text” (disappears when typing) *type & placeholder both come under the input void element* 2:28:03 block element: requires an entire line in a container 2:29:21 inline block element: only take as much space as they need to 2:29:56 inline element: appear within a line of text 2:31:40 css syntax for making two classes of same style (using a comma) *_Note: the element format used for block elements is "display: block/inline-block"_* Day 3: 2:36:10 div element is just a box and is by default a block element 2:37:12 div element is useful because it can contain other elements.
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!!!
Day 1: 18 minutes Day 2: 30 minutes plus exercisee Day 3: 15 mintues. Finished CSS basics+ did the buttons 2 times after he explained to make sure I got them+ the exercises for the section. overall took me about 4.5 hours
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.
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!
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!
started this course on 10/8/2024 and ended it on 16/8/24 , yeah it took a while but i stick to the very end , going to start the JS video , you explained every exercise very detailly and it was very useful to my web-dev journey thank you
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?
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...
Just finished this 6hr course and all I have to say that this is by far the best HTML/CSS tutorial I've came across. I knew some fundamentals before starting and that helped but overall this is the first HTML/CSS tutorial I've finished and having the knowledge to do it myself. What really helped me is going through not only lessions, but excercises that follow the lession and I couldn't be more thankful to @SuperSimpleDev for making this FREE course. Not all heroes wear capes. Cheers to you, mate!
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🤯🥳🥳🥳
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
I just finished the course (in 6 days). Here are my notes to anyone about to start this course to get the most of it.. 1. Do all of, or at least most of the exercises to demonstrate that you know and understand the skills that have just been taught. The exercises per chapter can take up to an hour if you do them all. 2. Have a fresh notebook and take notes. Read these notes before you go to bed so that you can re-download the teachings. 3. Draw diagrams in your notes to help clarify the concepts. 4. Write down each new element and attribute as you learn it. 5. Do not even attempt to take this course in one sitting - I originally planned to do this. Chunk the course into sections so that you don't fatigue, check out or become disengaged. 6. With the exercises: even if you don't know or understand how to do them, re-write the solutions in your VS Code so that it feels like you understand what has been learned and which the browser updated. Your brain will finally make the connection, and you will understand what happened. DO NOT just copy and paste the code as a whole. TYPE IT OUT be hand. 7. Drop a comment and a like for this video. 8. This is by FAR the best course I've taken online. 9. Thank you!
maybe you are the onlyone or one of few who did exercise in a way to get expert in this course doing. BTW excellent job. I am half way through and yes, concepts and sections slips through mind and you forget very quickly if its not written or practiced. amazing work done by Simon and you fulfil the purpose.
@@madara3829 Great to hear. Just remember that it's far better to understand what has been taught, rather than to just "complete" the course. There's no shame is re-watching sections over and over until they finally make sense. This is exactly what I am experiencing with Javascript. I've had to re-watch the lesson or to get another explanation from another UA-cam who can describe it in a way that I understand.
@ISCARI0T You obviously didn't do any of the exercises. Watching a video is not the same thing as understanding the material or demonstrating capabilities. Good luck with that.
this is the best course that i've taken. other courses i took was just "copy every code that i'm writing and you will understand it" while this gives you exercise so you can figure it out for yourself. love it
13:05 meaning of href and target attribute, 15:42 indent, 16:19 indent using spaces, 21:32 css selector, 24:31 pixels, 26:42 meaning of rgb, 28:43 border-radius, 35:55 border-style(solid colour), 36:22 border-width, 38:21 margin (to add space to button), 46:53 pseudo class ( hover and active) 47:06 active (activates when we click on the button) 48:12 opacity, 58:54 rgba, 52:28 transition, 56:36 shadow, 57:23 position of shadow, 58:54 rgba, 1:03:22 chrome dev tools, 1:07:47 css box model, 1:19:31 text styling, 1:35:01 to style all paragraphs, 1:43:09 text-align, 1:44:13 create underline text, 1:44:44 text element, 1:46:21 span element, 1:48:14 to underline the text (text-decoration), 1:57:09 live server (to automatically reload tge webpage), 2:00:24 moving CSS to a different file, 2:01:29 link element, 2:01:36 void elements (don't need a closing tag), 2:02:15 link's two attributes(rel and href), 2:04:25 filepaths (to link css from another folder), 2:08:24 to add new fonts from the internet, 2:16:29 to load thumnails from another folder, 2:19:43 object fit, 2:20:15 object position, 2:22:43 search box 2:25:42 CSS Display Property, 2:43:35 to download thumbnail from thee video, 2:45:17 vertical align
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!
Finally, after 20+ hours spread over a couple of days, I've completed your course. I went to further lengths by going deeper into each concept. Now, I am super confident with my fundamental HTML & CSS skills. Thank you very much for the video bro! This is such a blessing! Thank you! 🙏
That's amazing! Yea, that's the most important part actually: for you to learn the fundamental process of converting designs into code, and then feeling confident to grow and learn more deeply on your own!
@@nikasikharulidze5287 Hi, I completed this course in preparation for a BootCamp. Now, I just finished my week 3 and I can say that this tutorial helped me get ahead. I believe Odin Project is like a BootCamp level. So, doing this before starting your journey wouldn't hurt. What I like about this tutorial is that you can see the final result immediately - and it's of high quality too. I needed that kind of achievement to boost my confidence, to prove to myself "yeah, I can do it".
Just finished this entire courese, took me about a month. I want to thank Simon for such beautiful, easy to follow, practical and informative content like this. From all the youtube courses or tutorials I have come across, this is easily my number one. Time for Javascript
Only one chapter left... I'd never would've thought that I could actually make it through a coding/programming tutorial, especially after giving it a try many times! This tutorial presents html and css in a simple, but a very direct way.Theory with examples, practice with exercises and youtube project... It all gives a lot of practice and experience, even if you're not that good at english. I've tried many html/css tutorials, but this one is a diamond. Actually, it made me choose Front End Development as my specialization at university, even though I couldn't get the coding right before. Simon, you're truly the king of making people want to learn!
I watched the whole video and this tutorial was one of the best I've seen for coding. I'm about to watch your Javascript video but here is my Journey from 8/20/23 - 8/30/23 Day 1 ( 0:00 - 44:39 ) Day 2 ( 44:39 - 1:17:30 ) Day 3 ( 1:17:30 - 2:25:42 ) Day 4 ( 2:25:42 - 3:16:58 ) Day 5 ( 3:16:58 - 3:43:58 ) Day 6 - Took a break Day 7 ( 3:43:58 - 4:15:21 ) Day 8 ( 4:15:21 - 5:07:14 ) Day 9 ( 5:07:14 - 5:33:49 ) Day 10 ( 5:33:49 - 6:30:21 ) The exercises at the end of each lessons were fun and gave my brain a chance to really think. I recently quit my job in retail and I want to be a web developer and your video gave me the motion to keep learning codes. I know it's going to take months to fully learn programming but I have the time and resources to learn. Thank you Simon.
This is actually very useful comment for future learners and listeners, because now i can imagine how much time i could spend on it and those 6:30 hours dont look so scary anymore.
you are a legend i am not a beginner but i did a course from w3 schools and i have a fair knowledge of HTML CSS but this just opened my mind to a whole new level..small things like indent for HTML needs to be just 2 spaces..stuff like that..good job
this guy deserves and award. God will richly bless you. The way he has organized this course especially the references site. in fact this is the best well organized html and CSS course ever produced and send on UA-cam. thanks man for helping those of us who cannot afford to pay for our classes. and you are offering this course for free thanks again☺☺☺☺☺☺☺☺☺☺☺☺☺☺☺☺☺☺☺☺
Best HTML CSS tutorial on YT. What sets this apart is the reinforced learning techniques. Easy to medium difficulty exercises at the end of each tutorial make sure that by doing those, you memorise the syntax and not just the concept. Building a real-world project from the start rather than at the end helps to visualise all the properties that one learns along the course. Glad I took this course.
Topics i need: 0:00 - Intro 1:02 - HTML Basics 1:52:18 - The HTML Structure 2:11:08 - Images and Text Boxes 2:25:42 - CSS Display Property 2:34:58 - The div Element Im at atrribute (day 1)
I am a self-taught website creator of 20 years, always forgetting code and a bit sloppy in how I use code. This video is perfect for me to reinforce what I know. It also helps me do things in a more clean and structured way. You can teach an old dog new tricks!
Hi, Simon I just finished your HTML and CSS tutorial I wanted to say thanks again for what you do for people who want to become software engineers. the way you teach is very good and understandably for someone like me who has a very lack English. I've been watching so many tutorials on UA-cam but none of them was useful. Thank you so much🙏
I recommend these videos as the next step after this course: Put a website on the Internet (ua-cam.com/video/p1QU3kLFPdg/v-deo.html), JavaScript course (ua-cam.com/video/EerdGm-ehJQ/v-deo.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
@@dakbal-1jum I love the classes and the exercises.
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")
ua-cam.com/video/p1QU3kLFPdg/v-deo.html
I find it difficult to learn can I write it down?
Thank you so much 😊
@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.
You went over and beyond with this tutorial. Thank you!
@@sylviaeguzoro7978 So true!
This video has changed my life…
I start learning HTML and CSS today
Sunday 20th October 2024.
I’ll document my journey here 😊
Let’s do it together sis I start 5 days ago on 15
Take ur time and practise everything.Do the exercises to get the full understanding before moving to the next
i started on the 15 also
@@MusahLatif-tc7yz are you all practicing the exercises on VS?
@@LearnwithexplorerI have 2h 16 minutes to finish 💃
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
Can you tell me after i learn thia what should i learn next pls
@@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.
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
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.
Thanks a lot for this course and all your videos available online. You are the best!!!
day 1 (1/11) - 00:18
day 2 (3/11) - 1:02:00
day 3 (4/11) - 1:18:00
day 4 (5/11) - 2:22:00
day 5 (6/11) - 2:35:00
day 6 (7/11) - 3:16:00
day 7 (8/11) - 4:12:00
day 8 (9/11) - 4:15:00
day 9 (10/11) - 4:44:00
day 10 (11/11) - 5:26:00
day 11(12/11) - 6:07:00
day 12 (18/11) - FINISHED !!!
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!!!
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?
I agree. What I like is the lack of any fluff. Nothing against those who try to be entertainers as well as teachers, as I know some people learn best from that style. But I like the fact that this video is straight to the point without wasting a minute.
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
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!
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 UA-cam 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?
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
Who just started this November ❤
Me
Me too
Starting today!🎉
Lets make an agreement
By End the 25th of Christmas we should be done 😂
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.
(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
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 .....
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!
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”
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
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
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.
@@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
@@ubaidbeg1883 definitely okay to look it up
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
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.
It has been a long and enjoyable journey. I started this course about 2 months ago and just finished it right now. Thank you
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
@@syedwamik795 I think it is only live server
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
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
Started today 24 October 2024 .
Lets learn together 😊
Day 1 : 44:40 basics of html and css pluse exercises 1
Day 2 : 1:03:07 exercise 2 , challenge exercise , exercise 3 hover, transitions, shadows 🤗
Day 3 : 1:17:30 css Box model and exercise 4
Day 4 : l took rest 😂😊 studying python
Day 5 : 1:51:50 text styles
Day 6 : 2:25:33 images and text boxes
Day 7 : 2:25:37 exercise 7 and challenge 7 😊
Day 8 : 2:46: the div elements
Day 9 : doing exercises and challenges
Day 10 : 3:06:08 nested layout
Let’s learn together
Will you be my accountability partner
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 😆 🤣 😂
It took me two weeks to finish your entire video. To be honest, I'd never created content without copying from a UA-cam 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 UA-cam page based on what I learnt from the technique you demonstrated before. I build the UA-cam 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 UA-cam. 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!!!!
Honestly I'd rather watch a 6 hour video that explains a topic well step by step rather than some rushed tutorials of 10 mins.... ........ real life saver..... THANK YOU SO MUCH
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
*slacked off for 2 months cuz of stuff*
Day 7:
-Revised till previous point + repeated day 6 exercise again.
Day 8: 3:43:55
-completed the exercises
extra tips:
-using to break lines
-you can remove outline of the "search bar" using outline:none;
-vs code has alot of shortcuts (you can get boiler plate by typing ! and pressing tab)
Hey
@@meditationmusic4788 Hey
@@meditationmusic4788 Hey
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
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.
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!
I have been searching a number of different courses paid and free to begin my coding journey. This is the most comprehensive and easily understood course available to date, in my opinion. Thank you for creating this course! Life changing.
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.
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 🤣🤣🤣
whyd u stop bro
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.
Topics i need:
0:00 - Intro
1:02 - HTML Basics
1:52:18 - The HTML Structure
2:11:08 - Images and Text Boxes
2:25:42 - CSS Display Property
2:34:58 - The div Element
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?"
Bro your channel is so good and underrated. I've watched many HTML, CSS, JavaScript courses on UA-cam 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!
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.
finally, someone that can actually TEACH! So many other html courses and videos is just a lot of info and talk with no clear teaching strategy. This has objectives and clear goals and guidelines on how to achieve them.
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.
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.
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
Many times I start to learn html and css and I get bored and quit, but this is a lesson that I learned with great pleasure. Thank you very much.
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!
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.
I'm a senior developer but have never done anything with frontend web development so I went through this course as a starter. I've completed it now. It's very good, great explanations of the basics. Would recommend to anyone looking to pick up html/css basics.
Starting Today 9-9-24
Day 1: 1:52:04
Day 1: 2:18:42
Day 2: 3:16:43
Day 3: 3:43:35 in flexbox elements move around along with their width
Day 4: 4:45:37
day 5: 5:22:18 position absolute inside position relative
position absolute: wrt the page;
position fixed: position of the element is fixed wrt the browser window;
if position absolute inside position fixed then its poistion fixing commands fix its position wrt that block that is fixed.
completed today 14-9-24
What's your update now brother, have u learnt any advanced Html CSS like Material UI or learnt new prog language. Good luck for ur consistency. 🎉
@@Peace-tl1ll I learnt python and started Machine learning brother
I'm extremely happy that I chose your course. The way you teach is absolutely amazing and would be even more appreciable if you make a second part of it explaining more CSS attributes. Thumbs up those who are with me.
Hello
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
@@Zyplar By Place you mean an online course or an offline Bootcamp?
@@nikhilgaikwad4553 online just like this wonderful course
@@Zyplar 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 UA-cam channel. I would also advise you to learn by practicing daily and doing more projects(Basic) Before Further into frameworks.
@@nikhilgaikwad4553 thank you
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!
Thanks! Very helpful! It took me about 2 weeks finishing this 6 hrs video, with completing all the practices.
I recently started my coding journey and I just finished your course with no words to express how grateful I am. The way you teach, your voice, audio and visuals are amazing and very easygoing, especially for people like me who don't have English as first language. Please make more tutorials, thank you very much!
Exactly, he speaks very understandable and does not use "cool, very simple" etc. Other people use these words and assume when they used these we can understand better :) The important thing is to explain everything very simply just as he does.
In a world where everything is commercialized, this legend uploads PREMIUM COURSES ON UA-cam. 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 🔮
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.
day 1: 1:03:05 finished 3 lesson and practice 8/11/2024
day 2: 2:10:59 finished 3 lesson and practice 9/11/2024
day 3: 2:25:32 finished 1 lesson and practice 10/11/2024
day 4: 2:34:52 finished 1 lesson and practice 11/11/2024
day 5: 2:46:40 finished 1 lesson and practice 12/11/2024
day 6: 3:43:56 finished 2 lesson and practice 13/11/2024
Nice progress
9:24 a is an anchor element
46:48 pseudo-class: adds extra styles in certain situations
48:52 opacity: fade out an element
53:28 transition: element time; or element1 time1, element2 time2;
57:01 shadow: format (horizontal, vertical, blur, bgcolor of shadow)
59:03 rgba: opacity of color
1:03:32 devTools (Inspect)
1:04:33: finding elements in devTools using pointers in inspect
1:05:10: hex color measuring method
1:06:01: computed tab- shows all the final styles applied
1:10:06: padding is spacing inside, margin is spacing outside
1:11:10: box model
1:12:06: CSS box model
1:14:55: vertical-align (aligns everything to top)
1:20:10: font-family, font-size, font-weight, font-style
1:21:59: text-align (aligning text)
1:24:17 width (of text for text wrap), line-height (spacing between lines)
1:25:37 HTML entity: types of special characters
Day2:
1:35:09: removing duplication and cleaning up the code
1:38:07 CSS specificity: selector that is more specific has higher priority (eg class name > element name)
1:44:55 text element: inside the text
1:46:42 span element: useful to give class to a text element
1:51:01 multiple spaces in text: margin-left/margin-right in a span text element
1:54:36: structure of html
1:54:47: nesting - elements inside elements
1:55:59 body - visible on web, head - not visible on page directly
1:57:33 vs code ext. live server: reload page
2:01:02 .css for css code file
2:01:36 link element (void element): no closing tags req, takes two attributes- rel, href
2:04:38 folder_name/file: to look not folders for href (filepaths)
2:09:35 Google fonts: embedding fonts from google in our code
2:14:41 img element (void) p; takes attribute - src “folder/file”
2:18:42 width also adjusts height (keeps the shape)
2:19:41 object fit: when size doesn’t match: cover/contain
2:20:27 object position: left/right/top/bottom
2:22:46 input type=“text” -> textbox
2:23:50 placeholder=“text” (disappears when typing)
*type & placeholder both come under the input void element*
2:28:03 block element: requires an entire line in a container
2:29:21 inline block element: only take as much space as they need to
2:29:56 inline element: appear within a line of text
2:31:40 css syntax for making two classes of same style (using a comma)
*_Note: the element format used for block elements is "display: block/inline-block"_*
Day 3:
2:36:10 div element is just a box and is by default a block element
2:37:12 div element is useful because it can contain other elements.
I completed this video in 2 days and man I couldn't appreciate any less your entire approach. It is full of details and easy to stick with parallelly.
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!!!
Day 1: 18 minutes
Day 2: 30 minutes plus exercisee
Day 3: 15 mintues. Finished CSS basics+ did the buttons 2 times after he explained to make sure I got them+ the exercises for the section. overall took me about 4.5 hours
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.
@mheidari988 Thank you!!
same here. Front-end was always my big weakness as a developer. On my way to change that with this course
@@BBTRazielgood luck with your path
i join you in this.
I thought backend was harder?@@BBTRaziel
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!
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!
started this course on 10/8/2024 and ended it on 16/8/24 , yeah it took a while but i stick to the very end , going to start the JS video , you explained every exercise very detailly and it was very useful to my web-dev journey thank you
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
2:44:13 - Day 1
6:31:19 - Day 2
Couldn't wait to complete this course!
behind you bud!!
wow, i took this course to finish around 2 weeks
good luck buddy
very good i like it
Damn, I cannot even imagine completing all of those exercises in just 2 days...😅
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
Best, simplest tutorial and each step makes me feel like a senior developer. Good job sir, love from kenya
Just finished this 6hr course and all I have to say that this is by far the best HTML/CSS tutorial I've came across. I knew some fundamentals before starting and that helped but overall this is the first HTML/CSS tutorial I've finished and having the knowledge to do it myself. What really helped me is going through not only lessions, but excercises that follow the lession and I couldn't be more thankful to @SuperSimpleDev for making this FREE course. Not all heroes wear capes. Cheers to you, mate!
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.
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
Spending hours in different classes, this is the first time I have seen anyone able to explain things in a user-oriented manner. Well done!!!
I just finished the course (in 6 days). Here are my notes to anyone about to start this course to get the most of it..
1. Do all of, or at least most of the exercises to demonstrate that you know and understand the skills that have just been taught. The exercises per chapter can take up to an hour if you do them all.
2. Have a fresh notebook and take notes. Read these notes before you go to bed so that you can re-download the teachings.
3. Draw diagrams in your notes to help clarify the concepts.
4. Write down each new element and attribute as you learn it.
5. Do not even attempt to take this course in one sitting - I originally planned to do this. Chunk the course into sections so that you don't fatigue, check out or become disengaged.
6. With the exercises: even if you don't know or understand how to do them, re-write the solutions in your VS Code so that it feels like you understand what has been learned and which the browser updated. Your brain will finally make the connection, and you will understand what happened. DO NOT just copy and paste the code as a whole. TYPE IT OUT be hand.
7. Drop a comment and a like for this video.
8. This is by FAR the best course I've taken online.
9. Thank you!
maybe you are the onlyone or one of few who did exercise in a way to get expert in this course doing. BTW excellent job. I am half way through and yes, concepts and sections slips through mind and you forget very quickly if its not written or practiced. amazing work done by Simon and you fulfil the purpose.
@@madara3829 Great to hear. Just remember that it's far better to understand what has been taught, rather than to just "complete" the course. There's no shame is re-watching sections over and over until they finally make sense. This is exactly what I am experiencing with Javascript. I've had to re-watch the lesson or to get another explanation from another UA-cam who can describe it in a way that I understand.
Your enthusiasm and breakdown on how to go about it has me excited. Thank you for this!
@ISCARI0T you finished a 6 hour course in 3 hours? thats some bs
@ISCARI0T You obviously didn't do any of the exercises. Watching a video is not the same thing as understanding the material or demonstrating capabilities. Good luck with that.
this is the best course that i've taken. other courses i took was just "copy every code that i'm writing and you will understand it" while this gives you exercise so you can figure it out for yourself. love it
This is the best HTML and CSS tutorial I have ever watched on UA-cam. Some expensive coding boot camp could not do like what you do.Thank you so much.
Thanks for watching and im glad that it helped!
Just finished your HTML & CSS tutorial, and I have to say-I'm blown away! 🙌 Your teaching style is spot-on, making complex concepts easy to grasp.
I start learning HTML & CSS today, Sunday, July 21, 2024. I leave my journey here.
Thanks Simon
good luck
how much time does it take to master java CSS and Html or at least start your freelancing journey?
@@jarbouiayoub2177 in max 2 month you can master java , html and css
And I maybe 4 days late but am starting my journey july 26, 2024.
and i am starting today, Friday 26th,July 2024
Simon has been putting a ton of time into this, clearly. Very thankful for you sir.
Thanks for the support! 😄
He's jumping right into CSS, is that a correct and better approach ? I want to know because i am just starting out. Is it better than Odin Project ?
This guy’s tutoring skills are off the chart. Well done
plz ,provide me his website link.
13:05 meaning of href and target attribute, 15:42 indent, 16:19 indent using spaces, 21:32 css selector, 24:31 pixels, 26:42 meaning of rgb, 28:43 border-radius, 35:55 border-style(solid colour), 36:22 border-width, 38:21 margin (to add space to button), 46:53 pseudo class ( hover and active)
47:06 active (activates when we click on the button) 48:12 opacity, 58:54 rgba, 52:28 transition, 56:36 shadow, 57:23 position of shadow, 58:54 rgba, 1:03:22 chrome dev tools, 1:07:47 css box model, 1:19:31 text styling, 1:35:01 to style all paragraphs, 1:43:09 text-align, 1:44:13 create underline text, 1:44:44 text element, 1:46:21 span element, 1:48:14 to underline the text (text-decoration), 1:57:09 live server (to automatically reload tge webpage), 2:00:24 moving CSS to a different file, 2:01:29 link element, 2:01:36 void elements (don't need a closing tag), 2:02:15 link's two attributes(rel and href), 2:04:25 filepaths (to link css from another folder), 2:08:24 to add new fonts from the internet, 2:16:29 to load thumnails from another folder, 2:19:43 object fit, 2:20:15 object position, 2:22:43 search box
2:25:42 CSS Display Property, 2:43:35 to download thumbnail from thee video, 2:45:17 vertical align
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
Finally, after 20+ hours spread over a couple of days, I've completed your course. I went to further lengths by going deeper into each concept. Now, I am super confident with my fundamental HTML & CSS skills. Thank you very much for the video bro! This is such a blessing! Thank you! 🙏
That's amazing! Yea, that's the most important part actually: for you to learn the fundamental process of converting designs into code, and then feeling confident to grow and learn more deeply on your own!
He's jumping right into CSS, is that a correct and better approach ? I want to know because i am just starting out. Is it better than Odin Project ?
@@nikasikharulidze5287 Hi, I completed this course in preparation for a BootCamp. Now, I just finished my week 3 and I can say that this tutorial helped me get ahead. I believe Odin Project is like a BootCamp level. So, doing this before starting your journey wouldn't hurt. What I like about this tutorial is that you can see the final result immediately - and it's of high quality too. I needed that kind of achievement to boost my confidence, to prove to myself "yeah, I can do it".
@@jauharialafi thanks bud
Just finished this entire courese, took me about a month. I want to thank Simon for such beautiful, easy to follow, practical and informative content like this. From all the youtube courses or tutorials I have come across, this is easily my number one.
Time for Javascript
why 1 month?
@@powerball200 cause it's biiiig
@@gamingwithgreg1896 not that much
@@gamingwithgreg1896 only a week
@@powerball200 mustve done like 5 min a day or sum
I start learning HTML & CSS today, Saturday, July 5th, 2024. I leave my journey here.
Thanks Simon💗
July 5th 2024 2:26:00
july 6th 3:33:00
@@lviffy Good Job Buddy
Keep it Up!
I guess he gave up
21 July, 2024. All the best to all of you & to me 😉
Only one chapter left... I'd never would've thought that I could actually make it through a coding/programming tutorial, especially after giving it a try many times!
This tutorial presents html and css in a simple, but a very direct way.Theory with examples, practice with exercises and youtube project... It all gives a lot of practice and experience, even if you're not that good at english.
I've tried many html/css tutorials, but this one is a diamond. Actually, it made me choose Front End Development as my specialization at university, even though I couldn't get the coding right before.
Simon, you're truly the king of making people want to learn!
I watched the whole video and this tutorial was one of the best I've seen for coding. I'm about to watch your Javascript video but here is my Journey from 8/20/23 - 8/30/23
Day 1 ( 0:00 - 44:39 )
Day 2 ( 44:39 - 1:17:30 )
Day 3 ( 1:17:30 - 2:25:42 )
Day 4 ( 2:25:42 - 3:16:58 )
Day 5 ( 3:16:58 - 3:43:58 )
Day 6 - Took a break
Day 7 ( 3:43:58 - 4:15:21 )
Day 8 ( 4:15:21 - 5:07:14 )
Day 9 ( 5:07:14 - 5:33:49 )
Day 10 ( 5:33:49 - 6:30:21 )
The exercises at the end of each lessons were fun and gave my brain a chance to really think. I recently quit my job in retail and I want to be a web developer and your video gave me the motion to keep learning codes. I know it's going to take months to fully learn programming but I have the time and resources to learn. Thank you Simon.
This is actually very useful comment for future learners and listeners, because now i can imagine how much time i could spend on it and those 6:30 hours dont look so scary anymore.
you are a legend
i am not a beginner but i did a course from w3 schools and i have a fair knowledge of HTML CSS but this just opened my mind to a whole new level..small things like indent for HTML needs to be just 2 spaces..stuff like that..good job
this guy deserves and award. God will richly bless you. The way he has organized this course especially the references site. in fact this is the best well organized html and CSS course ever produced and send on UA-cam. thanks man for helping those of us who cannot afford to pay for our classes. and you are offering this course for free thanks again☺☺☺☺☺☺☺☺☺☺☺☺☺☺☺☺☺☺☺☺
You are very welcome :) Glad to know it's helpful.
@@SuperSimpleDev thanks again sir
Best HTML CSS tutorial on YT. What sets this apart is the reinforced learning techniques. Easy to medium difficulty exercises at the end of each tutorial make sure that by doing those, you memorise the syntax and not just the concept. Building a real-world project from the start rather than at the end helps to visualise all the properties that one learns along the course. Glad I took this course.
Is this better than freecodecamp 11 hours course?
@@zen8291 Yes
Topics i need:
0:00 - Intro
1:02 - HTML Basics
1:52:18 - The HTML Structure
2:11:08 - Images and Text Boxes
2:25:42 - CSS Display Property
2:34:58 - The div Element
Im at atrribute (day 1)
I am a self-taught website creator of 20 years, always forgetting code and a bit sloppy in how I use code. This video is perfect for me to reinforce what I know. It also helps me do things in a more clean and structured way. You can teach an old dog new tricks!
Hi, Simon I just finished your HTML and CSS tutorial I wanted to say thanks again for what you do for people who want to become software engineers. the way you teach is very good and understandably for someone like me who has a very lack English. I've been watching so many tutorials on UA-cam but none of them was useful. Thank you so much🙏
Thanks for watching and for your kind support! I'm happy it's been helpful for you 😄
@@SuperSimpleDev Please upload more videos