At first i did the same but after completing the video, i felt really guilty because his content is gold. So i played the whole video with all 5 alternate accounts i have 😂.
I purposely watch every ad. Not only does it give me a reason to grab a cup of coffee, but I also got to support guys like this that spend hours of their lives teaching these skills. Hats off man, thank you!
Hi Simon, thanks for the video. I have to point out one thing, about js: - you are declaring variables the worst possible way. if you tried your code, for example in codepen, it will give you an error. to appear such error in your project, i recommend you add at the top of script the follow line: "use strict"; i recommend that you install ext like prettier and eslint. the way you was tried, declaring all as const should be: const a = 3, b = 4, c = 5; you need a comma separator to tell js engine that all declaration are const. But right and more readable way is: const a = 3; const b = 4; const c = 5; (in this case you can, but not recommended, omit semicolon, because js engine has automatic semicolon insertion) i recommend you to test your js code in online editor like codepen or to learn again js, to avoid others to make same mistakes. thanks.
I've been trying to make a career change here. Learning new thing is always overwhelming, for me personally, this video was great. I love how 'real you are in your videos and keep your mistakes and turn them into funny moments.
@@ceooflonelinessinc.267 Some people dont think so, in my opinion it is, someone has to make that website builder in the first place, and some websites you just cant get with drag and drop. to each his own though ;).
@@sudovoxel607 I noticed the more and more companies are using in house non coders to make this. Like Marketing experts. In my countrz I dont know if its a good idea to become a web developer.
@@ceooflonelinessinc.267 In my opinion no, Web development Will still be popular, there are a lot of fancy things website builders cant do. In America. web developers are still highly sought-after jobs. As there used to power servers, APIs, etc. the website builders are usually meant for small portfolios or businesses.
I work as a front-end dev and still watched it all. It's good to always review the basics and maybe see others' points of view (ie: I use flex box&grid for 90% of stuff, instead of adding paddings/margins manually). Amazing work.
@@ceooflonelinessinc.267 becoming a fed is always cool, although dangerous. Also page builders are good for super basic things, but no reputable company uses them for “real” stuff afaik.
Hey man can you help me with some stuff im new to html and css. I have an issue where when i go in and type out the code in the main.scss file nothing changes on the website, i tried uninstalling and installing the sass compiler but nothing changed do i have to change the settings of the code compiler please help me if you can thanks in advance
Quick tip for Visual Studio Code: If you don't want to hit save or CTRL+S to make the Live Server extension refresh the page, here's what you want to do: Go to the File tab in the upper left corner just to the rigt of VS Code's logo, click that, and then go and click on "Auto Save". What that's going to do, is that as soon as you hold a little break from writing (under a second I assume), it's going to refresh the page for you with what ever you've done to it since your last little break. And it doesn't matter if it's HTML, CSS and/or JS you've written, it's all going to be live updated without you having to remember to save it every time.
Your tutorial is excellent. Before watching your tutorial, I suggest viewers to learn something about HTML and CSS first, because then they can benefit more from the video. This is my second time watching the video because I want to have a better understanding how to break down a web page and then add styling. Anyway, really great video!
I love you man, honestly, you have a massive channel and it's unfair to see that the amount of views is not that high, you should be getting more, thanks man for all the content
This is wonderful. It worked in 2024 even with only few differences on Visual Studio Code . I do think having a bit of a background in html/css is helpful prior to doing this course, but LOVED IT. Thank you! I needed a refresher and this was perfect. I loved that I learned Visual Studio Code as it is super helpful and fast to learn. Thanks again!
Made my first HTML site ever with this tutorial. Though lasting a bit above 2h (the video), made it a few days to me to write it to work right. I encountered a problem with scss, I didn't realise that by unchecking the watching button I stop scsss from live compiling, which took me a long time to figure out- such a little thing. All in all It's helpful to see a sort of real-life sample instead of those simplified versions for beginners. Thanks a lot.
Beginner here, really enjoyed and learned from this course and I love the fact that it's packed, other courses are so slow it actually ruins the learning for me lol, subbed!
As a backend dev that's been asked to build some front end forms, I cant imagine a more efficient way to have all my questions answered. Thank so much man, really appreciate it
If you don't use a sass compiler, you can write the css directly, but instead of nesting, do it like 2:10:33 The nested *&:before {* above that would be *li:before {* in regular css
And finally completed it, understood all the concepts! For those who are new like me but with some idea, in case if you get stuck then learning individual topics by giving a break to the course and then coming back to it will give you a very solid foundation of html css and media queries.
I was studing all html and css, all the basic , tags and meanings, but when I want to work on a project, I dont even know where to begin, and I feel like I waste my time learning all that, but with your tutorial I get the IDEA of HOW TO THINK and start a project, and all the knowledge came back and have meaning. THANK YOU MAN , it help me a lot. oh and also , you put SCSS into it, so AWESOME!!!
I am very thankful for this. I followed along with your tutorial and recreated your creation perfectly. I enjoyed it so much that I decided to do it again only using my own images, text, and colors and again I got something quite wonderful similar to your creation. Then I decided to put it up on my hosting service, but some images did not appear. Perhaps it is an issue with my hosting service. I really don't know as I am a novice in this area. Anyway, I still must say this was great and I appreciate what you have offered to the public for free.
make sure the images are saved on the hosting server as well, under the same path as you had them locally. i.e. if you had them locally on your computer under images/ make sure you have the folder "images" on the server as well and that your image files are saved in there.
I had 4 months break and felt crazy that I forgot everything I had learnt in such a pain . This video put me back on track in 2 days....Thank you so much :)
I am stuck at 1:54:44 line #112 - #126 in the index.html (Javascript) Nav bar. I can't figure out why the nav menu bar won't pop up when I click on it. the display was successfully hidden in SCSS file, however as soon as I entered the java script, nothing happens. HELP!
Thank you so much for this crash course! I’ve been struggling to understand deeply css. You gave me a bird’s eye view of the whole concept and how it comes together by zooming in and out it. The best video for anyone trying to understand more of html and css. Also, I was curious about SASS! I understand better now. Excellent tutorial.
Excellent tutorial for anyone to begin with. Once you are through the basics there is lot more room to play around... Highly recommended for anyone interested in front end development...
This is amazing. I'm on a journey to make an app and I needed to first learn how to make a website. I have no background in this - my background is in architecture (buildings not programs)... anyway, after 2 week, about 30 minutes per day, I can now keep up with the whole video and I am able to create my own websites. Still need the JS part, but at least from memory I can do basic CSS and HTML. I've already learned how to ask questions so when I'm stuck I just google it and have my answer in about 5 min. Again, this is not for a job I'm trying to get, it's just for a personal project but I'm amazed. Thank you so so so much!
This was actually very helpful. I followed through and by the end of the video I had a fully functional, responsive web page. Thank you for this crash course.
A developer friend of mine shared this video with me when I told him my ambition to learn how to do coding, web building and more. I have been going through this crash course for 2 days now and I've gotten pretty good. I'm sort of free lancing some and I keep breaking things because of that, this has been a lot of fun because I'm learning a lot as I go and seeing it pop up and start working on the web browser is insane to me. I've been a career mechanic, I'll someday be a dev. Thank you for the jumpstart!
Hey! Thanks for doing this video! I'm an 15 year old learning web development, I literally started 1 month ago and RUclips recommended me this video, I watched it all, very useful.
Hi Sir! Today, I went through the whole crash course in this video completely and it was so interesting and easy to understand all those stuffs of HTML, CSS and even of JavaScript, that i can't express in just simple words. What an outstanding course video so far. I really appreciate your investment of a big time and energy for stretching this long and teaching the viewers in a very straight and interesting way. It was cleared almost all the concept of all levels through this course so far and I am really eager to use those learning to build my own website by following the explanation by you in this brilliant video. Bundle of thanks for making and sharing this wonderful knowledge of these languages and thanks again for increasing the interest and moral of working in this regard further in future. Really motivated and inspired with this video. Keep a great work Sir like this and sharing the wonderful content to the audience so far. Have a good day! Regards,
I followed this course and can't get the CSS to link to the HTML, I have done everything exactly as shown! What am I doing wrong? Learned a lot with this course and Gary you are very good at what you do! Just Frustrated!
Amazing explanations and very well structured! I did this along with you and it was so easy and practical! Thank you so much! You explain 1000 times much better than my college professors 👍
I've seen loads of people having the issue with the scss not linking to the html on the browser - I had this issue so I left my computer for like 20 mins and when I came back it had linked up. Amazing video btw!!!
This course is so relevant and very much effective to learn about the content. @DesignCourse you rocked literally by putting multiple hats on your head.
2:06:58 was the part where I am like "Man what are you doing. there is clearly written center and you want it to be left. How can that happen." and when he realizes that I must say I couldn't control my laughter.
I finally found it. I was looking for this video but couldn't find it. I just did your 2020 crash course. Now, onto this one. Thank you for your helpful tutorials!!
What a great video! I followed the proces fully to get back on track after doing nothing with html and css. I learned so much from just 2 hours and i'm defenitly going to have use for this in my portfolio site. Thank you!
Around 1:47:07 when he types nav.menu-btn in CSS is that referring to a class already in HTML or not because I'm having trouble locating it in HTML. Sorry if it's a dumb question haha
Hello and thanks for this great crush course! I've just finished the HTML part and started CSS; There is a problem however, the changes I apply to main.scss don't show themselves on the web page - like I can't change the background color or font styles, etc. Does anyone know how this problem can be fixed?
the possible reason could be you have manually entered 'main.css' and main.map.css' file. try only adding main.scss and click watch scss at the bottom and it should work. let me know if it worked
this was really helpful but I have a problem, when I start writing CSS the background color and family font didn't show on the browser. is it a problem in VS setting?
@@gnzfootage just make sure you've installed "live sass compiler " I think there's two extensions with the same/similar name, download both of them, I hope that solves your problem
@@nikolatodorovski9631 yes I solved it, it's in the reply before just make sure you installed both "live sass compiler". I've had this problem for hours too and the solution was so simple, you just need to download the right extension, I hope that solves your problem.
If the ctrl+shift+alt down or up keys are not working for you in Ubuntu Try: (tagname)*(number of tags you want) Example li*3 or .container*3 (just an example) This will create multiple tags for you I believe linter controls this function I'm not sure. Edit: Another Tip! To create a tag with text try this: li{Unlimited Task} your output will be Unlimited Task So, li or what ever tag appropriate for text, curly brackets {text inside here} hit ENTER
I've been following to the letter and have gotten to the portion for the check bullets starting at 1:35:48, and I can't get them to work. I've noticed that my content line under the &:before line is blue, but Gary's is yellow. I don't know what is not working. This has been a great tutorial!
The course is very good, Excellent work Simon. But I stuck on JS script (01.54.35) the click option wasn't working, after 2 days of researching my 'Why doesn't work' questions, I did find out that some VS code JS snippet was missing. I install the JavaScript Snippet Pack and after restarting VS Code was working fine. Thank you Simon.
I JUST found this tutorial. Thank you!!!! You show the website and then the HTML. That is what I needed to be able to 'see' what & WHY, I am writing in HTML. I am only 31:50 in BUT...WOW!!! Things are making so much sense.
Who's brand new to frontend dev? Project zip file has been added to the description!
ME!
Me, kinda. I'm studying smartphone dev / java and web at school
Me
Me :) As I say - experienced beginner :D :)
me from the past.
I downloaded this video offline. This 2 hours crash course is better than some paid udemy courses
At first i did the same but after completing the video, i felt really guilty because his content is gold. So i played the whole video with all 5 alternate accounts i have 😂.
Did you find it helpful?
How did you do that
very true what one learns within those two hours is equal to what you will learn in a month or maybe two .....
@@kaycampbell364 put ss before y of youtube in same url, like ssyoutube/current url
No matter how good you are in HTML, CSS.. you will watch this course.
True...very well said bro..👍
You’re absolutely right
You are right 👍
how do i make the Navbar STICK. to top
@@avatr7109 you can use position: fixed;top:0
I purposely watch every ad. Not only does it give me a reason to grab a cup of coffee, but I also got to support guys like this that spend hours of their lives teaching these skills. Hats off man, thank you!
I use ad-block cause i don't care
Me : Hey Gary, I'm depressed and my life is mes-
Gary : Don't worry we will fix that with css later
hahahahaha xD
bruh mood
Hahahahaha
HAHA this one is good!!!
Almost spilled my coffee xD
I hope this money goes to creator and not just a fancy comment... Still referring to this tutorial! Thank youuuuu!
I literally wanted to find a latest tutorial for HTML CSS and boom, here he is.
You're my fav 🎉😍
Hi Simon, thanks for the video.
I have to point out one thing, about js:
- you are declaring variables the worst possible way.
if you tried your code, for example in codepen, it will give you an error.
to appear such error in your project, i recommend you add at the top of script the follow line: "use strict";
i recommend that you install ext like prettier and eslint.
the way you was tried, declaring all as const should be:
const a = 3,
b = 4,
c = 5;
you need a comma separator to tell js engine that all declaration are const.
But right and more readable way is:
const a = 3;
const b = 4;
const c = 5;
(in this case you can, but not recommended, omit semicolon, because js engine has automatic semicolon insertion)
i recommend you to test your js code in online editor like codepen or to learn again js, to avoid others to make same mistakes.
thanks.
shotz fired
I've been trying to make a career change here. Learning new thing is always overwhelming, for me personally, this video was great. I love how 'real you are in your videos and keep your mistakes and turn them into funny moments.
Is this still important with all the page builder?
@@ceooflonelinessinc.267 Some people dont think so, in my opinion it is, someone has to make that website builder in the first place, and some websites you just cant get with drag and drop. to each his own though ;).
@@sudovoxel607 I noticed the more and more companies are using in house non coders to make this. Like Marketing experts. In my countrz
I dont know if its a good idea to become a web developer.
@@ceooflonelinessinc.267 In my opinion no, Web development Will still be popular, there are a lot of fancy things website builders cant do. In America. web developers are still highly sought-after jobs. As there used to power servers, APIs, etc. the website builders are usually meant for small portfolios or businesses.
@@ceooflonelinessinc.267 Yes, unless you want to make only static pages you will need this and a framework like react or angular.
I work as a front-end dev and still watched it all. It's good to always review the basics and maybe see others' points of view (ie: I use flex box&grid for 90% of stuff, instead of adding paddings/margins manually). Amazing work.
Is this still important with all the page builder? I thought about becoming a fed, but is still worth since there are so many good page builders?
@@ceooflonelinessinc.267 becoming a fed is always cool, although dangerous. Also page builders are good for super basic things, but no reputable company uses them for “real” stuff afaik.
Hey man can you help me with some stuff im new to html and css. I have an issue where when i go in and type out the code in the main.scss file nothing changes on the website, i tried uninstalling and installing the sass compiler but nothing changed do i have to change the settings of the code compiler please help me if you can thanks in advance
@@zentowwwner i mean like the extension settings if you have the time to help me it would be really appreciated
@@nikolatodorovski9631 sure. Add me on Discord, I’m hipErxyz. I’ll be free in about 9 hours.
70% stuff I had known for long but you still want to come back and refer back this course again! What a great work done!
Quick tip for Visual Studio Code:
If you don't want to hit save or CTRL+S to make the Live Server extension refresh the page, here's what you want to do:
Go to the File tab in the upper left corner just to the rigt of VS Code's logo, click that, and then go and click on "Auto Save".
What that's going to do, is that as soon as you hold a little break from writing (under a second I assume), it's going to refresh the page for you with what ever you've done to it since your last little break.
And it doesn't matter if it's HTML, CSS and/or JS you've written, it's all going to be live updated without you having to remember to save it every time.
hey thanks alot for the tip :)
Noice
nice one (Y)
Your tutorial is excellent. Before watching your tutorial, I suggest viewers to learn something about HTML and CSS first, because then they can benefit more from the video. This is my second time watching the video because I want to have a better understanding how to break down a web page and then add styling. Anyway, really great video!
I love you man, honestly, you have a massive channel and it's unfair to see that the amount of views is not that high, you should be getting more,
thanks man for all the content
This is true.
2:15:31 "Believe it or not, we are actually done." Phew! Thanks for the crash course!
This is wonderful. It worked in 2024 even with only few differences on Visual Studio Code . I do think having a bit of a background in html/css is helpful prior to doing this course, but LOVED IT. Thank you! I needed a refresher and this was perfect. I loved that I learned Visual Studio Code as it is super helpful and fast to learn. Thanks again!
When I thought I couldn't move on with codding, your tutorial came along and I've restarted. This is front end design made simple. Thank u
Made my first HTML site ever with this tutorial. Though lasting a bit above 2h (the video), made it a few days to me to write it to work right. I encountered a problem with scss, I didn't realise that by unchecking the watching button I stop scsss from live compiling, which took me a long time to figure out- such a little thing. All in all It's helpful to see a sort of real-life sample instead of those simplified versions for beginners. Thanks a lot.
Thank you! You saved me a lot of time, I had the same problem with the scss.
I have not seen such a crystal clear and informative video on html and css. Nice work👍🏻
you can hide the left column with next shortcut
alt + v + a + a [goes to appearence an hides it] its like excel shortcuts It hides the Activity Bar
You are seriously the best teacher...I love hearing you speak the purpose of why things are done. You are so gifted. Thank you soooooo much!!
After doing SoloLearn, finding videos like this helps me to put it all together. Thank you!!! 😁 More videos like this please. 🙏🏼
Beginner here, really enjoyed and learned from this course and I love the fact that it's packed, other courses are so slow it actually ruins the learning for me lol, subbed!
As a backend dev that's been asked to build some front end forms, I cant imagine a more efficient way to have all my questions answered. Thank so much man, really appreciate it
You can change between files in VS Code by pressing Ctrl+Tab.
If you don't use a sass compiler, you can write the css directly, but instead of nesting, do it like 2:10:33
The nested *&:before {* above that would be *li:before {* in regular css
And finally completed it, understood all the concepts! For those who are new like me but with some idea, in case if you get stuck then learning individual topics by giving a break to the course and then coming back to it will give you a very solid foundation of html css and media queries.
I was studing all html and css, all the basic , tags and meanings, but when I want to work on a project, I dont even know where to begin, and I feel like I waste my time learning all that, but with your tutorial I get the IDEA of HOW TO THINK and start a project, and all the knowledge came back and have meaning. THANK YOU MAN , it help me a lot.
oh and also , you put SCSS into it, so AWESOME!!!
I am very thankful for this. I followed along with your tutorial and recreated your creation perfectly. I enjoyed it so much that I decided to do it again only using my own images, text, and colors and again I got something quite wonderful similar to your creation. Then I decided to put it up on my hosting service, but some images did not appear. Perhaps it is an issue with my hosting service. I really don't know as I am a novice in this area. Anyway, I still must say this was great and I appreciate what you have offered to the public for free.
the issue must with the images path .
make sure the images are saved on the hosting server as well, under the same path as you had them locally. i.e. if you had them locally on your computer under images/ make sure you have the folder "images" on the server as well and that your image files are saved in there.
I had 4 months break and felt crazy that I forgot everything I had learnt in such a pain . This video put me back on track in 2 days....Thank you so much :)
OMG!!! This 2-hour tutorial just helps a lot than my 1 semester -lesson... Thank you :)
are you serious???
Here i made my first website... Today i get my first job
I have watched a few other HTML-CSS crash courses but this is by far the most comprehensive one. Thanks a lot :) +1
Thanks Gary, so cool tutorial, I needed something like this to rebuild my design portfolio, and I found your video :)
I am stuck at 1:54:44 line #112 - #126 in the index.html (Javascript) Nav bar. I can't figure out why the nav menu bar won't pop up when I click on it. the display was successfully hidden in SCSS file, however as soon as I entered the java script, nothing happens. HELP!
Same problem
It would be nice if he responded 🙄
DAMN THIS IS REALLY GREAT! Please make some more crash course please please.
Thank you so much for this crash course! I’ve been struggling to understand deeply css. You gave me a bird’s eye view of the whole concept and how it comes together by zooming in and out it. The best video for anyone trying to understand more of html and css. Also, I was curious about SASS! I understand better now. Excellent tutorial.
I doing bootcamp now in 45 min i understand things that i couldn't understand in 4 weeks.
Good job .
That was ah-mazing, I finally (am starting to) know CSS! Thanks a bunch man, full-stack here I come :)
I finished the crashcourse two years later! Later is better than never!
I really like how you made this look very simple and fun, even for a complete beginner like me !
Everything worked fine until we started on the scss.. any changes i make there don't appear in the browser, i saved it and the index file. Help
Excellent tutorial for anyone to begin with. Once you are through the basics there is lot more room to play around... Highly recommended for anyone interested in front end development...
This is amazing. I'm on a journey to make an app and I needed to first learn how to make a website. I have no background in this - my background is in architecture (buildings not programs)... anyway, after 2 week, about 30 minutes per day, I can now keep up with the whole video and I am able to create my own websites. Still need the JS part, but at least from memory I can do basic CSS and HTML. I've already learned how to ask questions so when I'm stuck I just google it and have my answer in about 5 min. Again, this is not for a job I'm trying to get, it's just for a personal project but I'm amazed. Thank you so so so much!
keep going
@@HornAmiir Thanks!!!!
37:50 Besides being good for accessibility, Alt tag is also good for SEO as well as it helps bots to determine what content is in words.
Am speechless I don't even know where to start from ....This is super amazing
This was actually very helpful. I followed through and by the end of the video I had a fully functional, responsive web page. Thank you for this crash course.
Hey what's good? Please I need help with my menu-btn
It doesn't work, did you run into any problems with yours?
I know its been three years but...
There is no better content on the whole internet than this!
A developer friend of mine shared this video with me when I told him my ambition to learn how to do coding, web building and more. I have been going through this crash course for 2 days now and I've gotten pretty good. I'm sort of free lancing some and I keep breaking things because of that, this has been a lot of fun because I'm learning a lot as I go and seeing it pop up and start working on the web browser is insane to me. I've been a career mechanic, I'll someday be a dev. Thank you for the jumpstart!
Wohhh...what a course!
Really appreciate your hard work and thanks for this course! I absolutely loved it.
i just finished a css/html course in another chnnel now this is the next one.
Just wanted to thank you A LOT!!
Hey!
Thanks for doing this video! I'm an 15 year old learning web development, I literally started 1 month ago and RUclips recommended me this video, I watched it all, very useful.
Hi Sir!
Today, I went through the whole crash course in this video completely and it was so interesting and easy to understand all those stuffs of HTML, CSS and even of JavaScript, that i can't express in just simple words. What an outstanding course video so far.
I really appreciate your investment of a big time and energy for stretching this long and teaching the viewers in a very straight and interesting way. It was cleared almost all the concept of all levels through this course so far and I am really eager to use those learning to build my own website by following the explanation by you in this brilliant video.
Bundle of thanks for making and sharing this wonderful knowledge of these languages and thanks again for increasing the interest and moral of working in this regard further in future. Really motivated and inspired with this video. Keep a great work Sir like this and sharing the wonderful content to the audience so far.
Have a good day!
Regards,
Hi!
I'm also learning these technologist, if you don't mind being friends. Maybe we can help out each other. I'm Aiman
I was eagerly waiting for this crash course!!! Gary you nailed it one again👏👏👏 Thanks for making my way easy in the field of Front End dev...!!
I followed this course and can't get the CSS to link to the HTML, I have done everything exactly as shown! What am I doing wrong? Learned a lot with this course and Gary you are very good at what you do! Just Frustrated!
Did you figure it out? if not post the code in your header and we can have a look at why
@@MrJay4170 I'm having the same problem
Did you have them inside the same file?
I use to do lots of html and css programming in the early 2000s. This course helped me update my knowledge as a lot has changed.
Thank you 🙏🏽
ur welcm :)
Amazing explanations and very well structured! I did this along with you and it was so easy and practical! Thank you so much! You explain 1000 times much better than my college professors 👍
Are you able to get the images used for the tutorial?
Especially the svg files
@@smartduke9665 just look at video's detail section. That is a link to project resources
I've seen loads of people having the issue with the scss not linking to the html on the browser - I had this issue so I left my computer for like 20 mins and when I came back it had linked up. Amazing video btw!!!
Really good and valuable crash course! Learned a lot. Thank you and keep up the good work! :)
In case anyone paused and came back and the CSS isn't working, make sure to click "Watch Sass" again when you start your new session.
This course is so relevant and very much effective to learn about the content. @DesignCourse you rocked literally by putting multiple hats on your head.
Pp
Pppppppppp p
Your eye color matching your shirt is satisfying
"The first rule about html is we dont talk about html", You totally look like the guy from fight club xD
Thanks, man! This course was so helpful... I followed your coding all along the way; I even played around with some of the elements' coding.
2:06:58 was the part where I am like "Man what are you doing. there is clearly written center and you want it to be left. How can that happen." and when he realizes that I must say I couldn't control my laughter.
Ikr!! I was too like man what are you doing. It was so funny when he found out. 😂
I rarely watch lengthy tutorials but this one hooked me less than 30 mins in and I didn't even notice! great stuff! wished there's more!
This was a great refresher. Thank you Gary !
I finally found it. I was looking for this video but couldn't find it. I just did your 2020 crash course. Now, onto this one. Thank you for your helpful tutorials!!
🤣That was cool start: "Have you been in dark? hahaha..."👍
I already know HTML and CSS, still I am watching this
Thanks for the awesome video tutorial.
My main.scss doesn't do anything to my page
you should link main.css with html
Make sure that the live sass compiler plugins you install is enabled and activate it by clicking watch sass button at the bottem
That outro soundtrack scared the shit out of me.....wasn't expecting it
3:30AM, Finna turn my life around😈
What a great video! I followed the proces fully to get back on track after doing nothing with html and css. I learned so much from just 2 hours and i'm defenitly going to have use for this in my portfolio site. Thank you!
Agradecemos sua compra!
tag its for another languages like arabic and Hebrew. using when your website is lang=en
Around 1:47:07 when he types nav.menu-btn in CSS is that referring to a class already in HTML or not because I'm having trouble locating it in HTML. Sorry if it's a dumb question haha
Its added later by JavaScript. He explains it at about 1:53:30.
for some reason my button is not working ..can someone help me pls
@@DorkDork69 me too XD
you use it when you want to write something on Arabian language
Hello and thanks for this great crush course! I've just finished the HTML part and started CSS; There is a problem however, the changes I apply to main.scss don't show themselves on the web page - like I can't change the background color or font styles, etc. Does anyone know how this problem can be fixed?
I had the same problem. Refresh the Liveserver.
@@rikhermens1741 Thanks! I'll try that.
the possible reason could be you have manually entered 'main.css' and main.map.css' file.
try only adding main.scss and click watch scss at the bottom and it should work.
let me know if it worked
I'm having the same problem, please how did you solve it?
@@rikhermens1741 How do we do that Sir, please I'm new to coding.
I really like the way you explain and show things.
Anyone else who can use an in-depth HTML/CSS course of this style with a Part 1 to start with?
this was really helpful but I have a problem, when I start writing CSS the background color and family font didn't show on the browser. is it a problem in VS setting?
I'm having this problem as well, I've tried everything.
@@gnzfootage just make sure you've installed "live sass compiler " I think there's two extensions with the same/similar name, download both of them, I hope that solves your problem
@@unknown-xr3lq how did you solve the problem man pls tell me i have been trying for hours and it doesn't seem to work
@@nikolatodorovski9631 yes I solved it, it's in the reply before just make sure you installed both "live sass compiler".
I've had this problem for hours too and the solution was so simple, you just need to download the right extension, I hope that solves your problem.
@@unknown-xr3lq You should start your own RUclips channel ,👍
What made me happier more then anything is that you kept turning your head to copy from your notes. Cause I was really getting scared xd
13:42 Use tab key.
Great initiative, and very good quality explanations, as usual. Great going, Gary! Keep up the fantastic work!
2:05:56 🤣🤣🤣
i was watching it carefully.
watch this
If the ctrl+shift+alt down or up keys are not working for you in Ubuntu
Try: (tagname)*(number of tags you want)
Example li*3 or .container*3 (just an example)
This will create multiple tags for you I believe linter controls this function I'm not sure.
Edit: Another Tip!
To create a tag with text try this:
li{Unlimited Task} your output will be Unlimited Task
So, li or what ever tag appropriate for text, curly brackets {text inside here} hit ENTER
I've been following to the letter and have gotten to the portion for the check bullets starting at 1:35:48, and I can't get them to work. I've noticed that my content line under the &:before line is blue, but Gary's is yellow. I don't know what is not working. This has been a great tutorial!
on the before line there were two ' : ' for me and i had to manually delete one every time , maybe that fixes it
You're the hawkeye of programming, thanks for this couse, everything is understandable!
Can't thank you enough for this
The Best HTML Tutorial I have ever seen. May God Bless you for making it free for us
When u see 0 dislikes this means something ...
It's cuz the video is new
There are 22 dislikes =((((((
165 dislikes🥴
This was great. Nothing like learning while watching the actual process. I just started school and studying Web Development.
This is what is called Spoon-feeding 😂
What do you mean by this?
The course is very good, Excellent work Simon. But I stuck on JS script (01.54.35) the click option wasn't working, after 2 days of researching my 'Why doesn't work' questions, I did find out that some VS code JS snippet was missing. I install the JavaScript Snippet Pack and after restarting VS Code was working fine. Thank you Simon.
I have the same problem, but I couldn't get your solution can you please explain
the best crash course.. no joke. better than paid Udemy course... thank you so much.
I JUST found this tutorial. Thank you!!!! You show the website and then the HTML. That is what I needed to be able to 'see' what & WHY, I am writing in HTML. I am only 31:50 in BUT...WOW!!! Things are making so much sense.
well I started at this incredible course but I ended up working 3 days on the web design and today I came back to this
Bro you're my .hero-img thank you so much for making this! I have basic HTML CSS that I needed to brush up on. This was perfect!