HTML and CSS Tutorial for 2021 - COMPLETE Crash Course!

  Рет қаралды 1,190,700

DesignCourse

DesignCourse

Күн бұрын

bit.ly/3iSlL2H - Become a frontend developer (50% off limited time!)
-- bit.ly/3F2H8Id 👈 Learn UI/UX Today. Use "LAUNCH" for 15% Off!
-- Today, we're going to do a crash course on learning HTML and CSS. We're going to cover a project we created in Adobe XD a couple weeks ago, and make it FULLY responsive!
Codepen demo:
codepen.io/designcourse/pen/J...
Project files:
coursetro.s3.amazonaws.com/st...
0:00 - Introduction
2:45 - A Special Offer
3:20 - Code Editor
6:35 - Writing the HTML
58:57 - Writing the CSS
1:46:42 - Mobile Navigation
1:55:16 - Responsive CSS
2:16:43 - Closing
Let's get started!
- - - - - - - - - - - - - - - - - - - - - -
Subscribe for NEW VIDEOS!
Learn UI/UX: designcourse.com
My personal FB account: logodesigner
Coursetro FB: coursetro
Coursetro's Twitter: / designcoursecom
Join my Discord! / discord
^-Chat with me and others
- - - - - - - - - - - - - - - - - - - - - -
Who is Gary Simon? Well, I'm a full stack developer with 2+ decades experience and I teach people how to design and code. I've created around 100+ courses for big brands like LinkedIn, Lynda.com, Pluralsight and Envato Network.
Now, I focus all of my time and energy on this channel and my website Designcourse.com.
Come to my discord server or add me on social media and say Hi!

Пікірлер: 1 200
@klutzy_
@klutzy_ 3 жыл бұрын
I downloaded this video offline. This 2 hours crash course is better than some paid udemy courses
@mrbeing6638
@mrbeing6638 3 жыл бұрын
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 😂.
@user-cb8ti1db2e
@user-cb8ti1db2e 3 жыл бұрын
Did you find it helpful?
@kaycampbell364
@kaycampbell364 3 жыл бұрын
How did you do that
@alvinndungu9356
@alvinndungu9356 3 жыл бұрын
very true what one learns within those two hours is equal to what you will learn in a month or maybe two .....
@waseemusman421
@waseemusman421 2 жыл бұрын
@@kaycampbell364 put ss before y of youtube in same url, like ssyoutube/current url
@DesignCourse
@DesignCourse 3 жыл бұрын
Who's brand new to frontend dev? Project zip file has been added to the description!
@geefmeeenlike6984
@geefmeeenlike6984 3 жыл бұрын
ME!
@amano_akane
@amano_akane 3 жыл бұрын
Me, kinda. I'm studying smartphone dev / java and web at school
@unknown-wy3ch
@unknown-wy3ch 3 жыл бұрын
Me
@ivetastaune302
@ivetastaune302 3 жыл бұрын
Me :) As I say - experienced beginner :D :)
@consoledoterror971
@consoledoterror971 3 жыл бұрын
me from the past.
@aimanfawarsy3952
@aimanfawarsy3952 3 жыл бұрын
No matter how good you are in HTML, CSS.. you will watch this course.
@himanshugadre1
@himanshugadre1 3 жыл бұрын
True...very well said bro..👍
@briabytes
@briabytes 3 жыл бұрын
You’re absolutely right
@klutzy_
@klutzy_ 3 жыл бұрын
You are right 👍
@avatr7109
@avatr7109 3 жыл бұрын
how do i make the Navbar STICK. to top
@himanshugadre1
@himanshugadre1 3 жыл бұрын
@@avatr7109 you can use position: fixed;top:0
@lostecho01
@lostecho01 3 жыл бұрын
Me : Hey Gary, I'm depressed and my life is mes- Gary : Don't worry we will fix that with css later
@waeeeezeeeee
@waeeeezeeeee 3 жыл бұрын
hahahahaha xD
@doomerconsumer
@doomerconsumer 3 жыл бұрын
bruh mood
@Amir_Plays_non_stop
@Amir_Plays_non_stop 3 жыл бұрын
Hahahahaha
@danishchief1078
@danishchief1078 3 жыл бұрын
HAHA this one is good!!!
@krey1796
@krey1796 2 жыл бұрын
Almost spilled my coffee xD
@nickapeed
@nickapeed 2 жыл бұрын
I hope this money goes to creator and not just a fancy comment... Still referring to this tutorial! Thank youuuuu!
@abbirosekelly
@abbirosekelly 3 жыл бұрын
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!!
@javiercortez21
@javiercortez21 3 жыл бұрын
Thanks Gary, so cool tutorial, I needed something like this to rebuild my design portfolio, and I found your video :)
@kylesnook9854
@kylesnook9854 3 жыл бұрын
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!
@YOOOOOOOOOOOOOOOOOOOOOOOOOOOO
@YOOOOOOOOOOOOOOOOOOOOOOOOOOOO 2 жыл бұрын
I use ad-block cause i don't care
@babblekoka
@babblekoka 2 жыл бұрын
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!
@sheturaj7437
@sheturaj7437 3 жыл бұрын
I have not seen such a crystal clear and informative video on html and css. Nice work👍🏻
@Annak942
@Annak942 3 жыл бұрын
Just wanted to thank you A LOT!!
@moussben2748
@moussben2748 3 жыл бұрын
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
@abdulbasitsadiq3413
@abdulbasitsadiq3413 3 жыл бұрын
This is true.
@saumilpatel6985
@saumilpatel6985 3 жыл бұрын
Wohhh...what a course! Really appreciate your hard work and thanks for this course! I absolutely loved it.
@farayareheena
@farayareheena 3 жыл бұрын
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.
@jamie_SF
@jamie_SF 2 жыл бұрын
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
@worldboy9684
@worldboy9684 3 жыл бұрын
That was ah-mazing, I finally (am starting to) know CSS! Thanks a bunch man, full-stack here I come :)
@PawanKumar-tu6ti
@PawanKumar-tu6ti 3 жыл бұрын
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.
@butterflyza68
@butterflyza68 3 жыл бұрын
After doing SoloLearn, finding videos like this helps me to put it all together. Thank you!!! 😁 More videos like this please. 🙏🏼
@ViorelMocanu
@ViorelMocanu 3 жыл бұрын
Great initiative, and very good quality explanations, as usual. Great going, Gary! Keep up the fantastic work!
@ernestacheampong9718
@ernestacheampong9718 2 жыл бұрын
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
@XTh3reaperX
@XTh3reaperX 2 жыл бұрын
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!
@RamKumar-kv1fx
@RamKumar-kv1fx 3 жыл бұрын
I have watched a few other HTML-CSS crash courses but this is by far the most comprehensive one. Thanks a lot :) +1
@yangliu3754
@yangliu3754 3 жыл бұрын
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!
@ipo7596
@ipo7596 3 жыл бұрын
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!
@Sowmo
@Sowmo 3 жыл бұрын
DAMN THIS IS REALLY GREAT! Please make some more crash course please please.
@rohitkf8474
@rohitkf8474 3 жыл бұрын
I literally wanted to find a latest tutorial for HTML CSS and boom, here he is. You're my fav 🎉😍
@TonyDiaz.
@TonyDiaz. 3 жыл бұрын
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.
@IrfanShaikh-ld3mf
@IrfanShaikh-ld3mf 3 жыл бұрын
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...
@jamieroszel
@jamieroszel 3 жыл бұрын
2:15:31 "Believe it or not, we are actually done." Phew! Thanks for the crash course!
@stefanpiatkov48
@stefanpiatkov48 3 жыл бұрын
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
@ceooflonelinessinc.267 3 жыл бұрын
Is this still important with all the page builder?
@sudovoxel607
@sudovoxel607 3 жыл бұрын
@@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 ;).
@ceooflonelinessinc.267
@ceooflonelinessinc.267 3 жыл бұрын
@@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.
@sudovoxel607
@sudovoxel607 3 жыл бұрын
@@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.
@adygombos4469
@adygombos4469 3 жыл бұрын
@@ceooflonelinessinc.267 Yes, unless you want to make only static pages you will need this and a framework like react or angular.
@omkarkottawar8309
@omkarkottawar8309 3 жыл бұрын
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...!!
@wlmihai
@wlmihai 3 жыл бұрын
Hey! Thanks for doing this video! I'm an 15 year old learning web development, I literally started 1 month ago and KZfaq recommended me this video, I watched it all, very useful.
@DaniWien
@DaniWien 3 жыл бұрын
Really good and valuable crash course! Learned a lot. Thank you and keep up the good work! :)
@sappasa
@sappasa 3 жыл бұрын
This was a great refresher. Thank you Gary !
@mlktae
@mlktae 3 жыл бұрын
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!!
@HamzaALASLI
@HamzaALASLI 3 жыл бұрын
I really like how you made this look very simple and fun, even for a complete beginner like me !
@ladytwinkz265
@ladytwinkz265 3 жыл бұрын
OMG!!! This 2-hour tutorial just helps a lot than my 1 semester -lesson... Thank you :)
@Mac_boy734
@Mac_boy734 2 жыл бұрын
are you serious???
@johnbritolima
@johnbritolima 3 жыл бұрын
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.
@agodnamedDYce
@agodnamedDYce 25 күн бұрын
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...
@Yash-qs8iu
@Yash-qs8iu 3 жыл бұрын
Man just love your work!! Thanks for all the efforts you put in to make these videos :)
@maxalexander855
@maxalexander855 2 жыл бұрын
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!
@jediampm
@jediampm 3 жыл бұрын
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.
@floriankulig6929
@floriankulig6929 3 жыл бұрын
shotz fired
@zentowwwner
@zentowwwner 3 жыл бұрын
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
@ceooflonelinessinc.267 3 жыл бұрын
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?
@zentowwwner
@zentowwwner 3 жыл бұрын
@@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.
@nikolatodorovski9631
@nikolatodorovski9631 3 жыл бұрын
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
@nikolatodorovski9631
@nikolatodorovski9631 3 жыл бұрын
@@zentowwwner i mean like the extension settings if you have the time to help me it would be really appreciated
@zentowwwner
@zentowwwner 3 жыл бұрын
@@nikolatodorovski9631 sure. Add me on Discord, I’m hipErxyz. I’ll be free in about 9 hours.
@BlueSky-wx9ue
@BlueSky-wx9ue 2 жыл бұрын
Wow! Very helpful presentation, Gary! I really appreciate how you bring your subject matter expertise and consummate presentation skills with a sense of humility. I am a beginner and this video helped me to get a very helpful helicopter view of HTML and CSS while teaching me the necessary essentials of both. Great job and thank you, Sir!
@Aurelian76
@Aurelian76 3 жыл бұрын
Thank you Gary, awesome stuff. Made it! Did both XD (UI/UX) and this HTML/CSS tutorials -- THANK YOU!
@umiraza5412
@umiraza5412 3 жыл бұрын
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.
@adeyemibalogun-agbaje2678
@adeyemibalogun-agbaje2678 2 жыл бұрын
Pp
@adeyemibalogun-agbaje2678
@adeyemibalogun-agbaje2678 2 жыл бұрын
Pppppppppp p
@bartomiejbiaobrzewski5225
@bartomiejbiaobrzewski5225 2 жыл бұрын
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.
@frippe2627
@frippe2627 2 жыл бұрын
Thank you! You saved me a lot of time, I had the same problem with the scss.
@ryguythetechguy7794
@ryguythetechguy7794 2 жыл бұрын
I just finished this video yesterday. This video is extremely helpful in my persuit of better understanding front end web development. I got such a clear picture of the build out process. Thank you so much.
@PaulinaJuba
@PaulinaJuba 3 жыл бұрын
Master! I will definitely watch it again. Challenging enough for a beginner, but not too overwhelming. Thank you!
@usamesavas9848
@usamesavas9848 3 жыл бұрын
You can change between files in VS Code by pressing Ctrl+Tab.
@racoon_yt
@racoon_yt 2 жыл бұрын
My main.scss doesn't do anything to my page
@tsxmalik6854
@tsxmalik6854 7 күн бұрын
you should link main.css with html
@MRafiqulIslam1
@MRafiqulIslam1 2 жыл бұрын
one of the best tutorials have watched so far on this topic. Well explained, informative. Thanks a lot.
@FefiPG
@FefiPG 2 жыл бұрын
Thank you so much! it was really helpful. At times I got a bit frustrated and things didn't work like it was supposed to, but having a look at the files you added was really helpful! This was my first experience with css, thank you for making it fun!
@TheDevilscrap
@TheDevilscrap 2 жыл бұрын
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 :)
@janechoi9933
@janechoi9933 3 жыл бұрын
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.
@thehananriaz
@thehananriaz 2 жыл бұрын
the issue must with the images path .
@saidelbiev5326
@saidelbiev5326 2 жыл бұрын
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.
@ahlammohamed272
@ahlammohamed272 3 жыл бұрын
I doing bootcamp now in 45 min i understand things that i couldn't understand in 4 weeks. Good job .
@CodingNuggets
@CodingNuggets 3 жыл бұрын
I always like a good brush-up-on-my-basics tutorial. Thanks as always. See you soon!
@clydedsouza5843
@clydedsouza5843 2 жыл бұрын
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.
@akasadulloh3393
@akasadulloh3393 3 жыл бұрын
🤣That was cool start: "Have you been in dark? hahaha..."👍
@HappyAnimals3D
@HappyAnimals3D Жыл бұрын
Excellent tutorial. You explained everything with absolute clarity!
@stephaniemelendez5733
@stephaniemelendez5733 2 жыл бұрын
This was great. Nothing like learning while watching the actual process. I just started school and studying Web Development.
@victorschweitz3506
@victorschweitz3506 3 жыл бұрын
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.
@sinnychan9173
@sinnychan9173 3 жыл бұрын
hey thanks alot for the tip :)
@neil9151
@neil9151 3 жыл бұрын
Noice
@JohnSmith-jz9kq
@JohnSmith-jz9kq 3 жыл бұрын
nice one (Y)
@chronicallyVirgo
@chronicallyVirgo 2 жыл бұрын
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 👍
@smartduke9665
@smartduke9665 2 жыл бұрын
Are you able to get the images used for the tutorial? Especially the svg files
@fernandomartinez4304
@fernandomartinez4304 2 жыл бұрын
@@smartduke9665 just look at video's detail section. That is a link to project resources
3 жыл бұрын
I really appreciate the way you packed the informations and made it easy for the beginners also to understand!
@Rishiplays777
@Rishiplays777 3 жыл бұрын
This man is a saviour. All your contents are awesome. Keep sharing your knowledge with the world. A big thank you !!
@Hamyhamster24
@Hamyhamster24 3 жыл бұрын
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!
@joshuva.bernard
@joshuva.bernard 3 жыл бұрын
Same problem
@Hamyhamster24
@Hamyhamster24 3 жыл бұрын
It would be nice if he responded 🙄
@learner-gs8vm
@learner-gs8vm 2 жыл бұрын
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,
@rabiuabdulazeez7656
@rabiuabdulazeez7656 2 жыл бұрын
Hi! I'm also learning these technologist, if you don't mind being friends. Maybe we can help out each other. I'm Aiman
@georgoulasgeo
@georgoulasgeo 3 жыл бұрын
Thank you so much man. This is amazing. Thank you for sharing. I wanted to find a tutorial like this. For sure we have to run into w3c for some extra details. But this is amazing.
@alexhek
@alexhek 3 жыл бұрын
Thanks so much this tutorial was perfect for learning how to solve some issues I have been having with responsive design. Also, nice Kemper and Majesty you have there :D
@PrinceDalsaniyaYT
@PrinceDalsaniyaYT 3 жыл бұрын
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.
@sagararora372
@sagararora372 3 жыл бұрын
Ikr!! I was too like man what are you doing. It was so funny when he found out. 😂
@aneeshkhandelwal6988
@aneeshkhandelwal6988 3 жыл бұрын
fantastic crash course !! Absolutely Loved it!
@aniolczelusniak133
@aniolczelusniak133 3 жыл бұрын
"The first rule about html is we dont talk about html", You totally look like the guy from fight club xD
@kleber.smartdev
@kleber.smartdev 3 жыл бұрын
Agradecemos sua compra!
@harryindaclub89
@harryindaclub89 2 жыл бұрын
That is the best course ive ever seen on youtube! Thanks a lot. You are a very good teacher :D
@traveljewell3860
@traveljewell3860 3 жыл бұрын
This video is pure gold!! Please please more like this!
@mixy8099
@mixy8099 2 жыл бұрын
3:30AM, Finna turn my life around😈
@mentoriii3475
@mentoriii3475 3 жыл бұрын
Can't thank you enough for this
@macguyvin
@macguyvin 3 жыл бұрын
This is gold! Thank you!
@xRoccito
@xRoccito 2 жыл бұрын
This video helped me understand the structure of things so much better. Thank you!
@klutzy_
@klutzy_ 3 жыл бұрын
I already know HTML and CSS, still I am watching this
@jordan7ization
@jordan7ization 3 жыл бұрын
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
@karlackermann2239
@karlackermann2239 3 жыл бұрын
Its added later by JavaScript. He explains it at about 1:53:30.
@DorkDork69
@DorkDork69 3 жыл бұрын
for some reason my button is not working ..can someone help me pls
@febrikurniawan7276
@febrikurniawan7276 2 жыл бұрын
@@DorkDork69 me too XD
@oshaprimaadidaya4589
@oshaprimaadidaya4589 2 жыл бұрын
Man, thank you for this. it really helped me learn from scratch!
@elainereddic1402
@elainereddic1402 3 жыл бұрын
In my life there is no other awesome instructor like you...what a fantastic presentation...thank you so much...!!!!
@muthukumaranc
@muthukumaranc 3 жыл бұрын
13:42 Use tab key.
@ashish_prajapati_tr
@ashish_prajapati_tr 3 жыл бұрын
2:05:56 🤣🤣🤣 i was watching it carefully. watch this
@boffin5235
@boffin5235 Жыл бұрын
I HAVEN'T SEEN A COURSE THIS GREAT!!!!
@larmigkoda
@larmigkoda 2 жыл бұрын
Soo good content thanks you have learn me to learn others! Så bra content tack verkligen du har lärt mig att lära andra
@davidcairns3393
@davidcairns3393 2 жыл бұрын
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!
@MrJay4170
@MrJay4170 2 жыл бұрын
Did you figure it out? if not post the code in your header and we can have a look at why
@innocentnwafor4396
@innocentnwafor4396 2 жыл бұрын
@@MrJay4170 I'm having the same problem
@XxSoldier4LifeXx
@XxSoldier4LifeXx 2 жыл бұрын
Did you have them inside the same file?
@unknown-xr3lq
@unknown-xr3lq 3 жыл бұрын
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
@gnzfootage 3 жыл бұрын
I'm having this problem as well, I've tried everything.
@unknown-xr3lq
@unknown-xr3lq 3 жыл бұрын
@@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
@nikolatodorovski9631 3 жыл бұрын
@@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
@unknown-xr3lq
@unknown-xr3lq 3 жыл бұрын
@@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.
@innocentnwafor4396
@innocentnwafor4396 2 жыл бұрын
@@unknown-xr3lq You should start your own KZfaq channel ,👍
@MrHarry37
@MrHarry37 3 жыл бұрын
Watching this as a front-end dev just to make sure I'm using the best practices
@mdtorikolislam5571
@mdtorikolislam5571 2 жыл бұрын
The Best HTML Tutorial I have ever seen. May God Bless you for making it free for us
@satvamoj124
@satvamoj124 3 жыл бұрын
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?
@rikhermens1741
@rikhermens1741 3 жыл бұрын
I had the same problem. Refresh the Liveserver.
@satvamoj124
@satvamoj124 3 жыл бұрын
@@rikhermens1741 Thanks! I'll try that.
@darkrivalz8506
@darkrivalz8506 2 жыл бұрын
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
@innocentnwafor4396
@innocentnwafor4396 2 жыл бұрын
I'm having the same problem, please how did you solve it?
@innocentnwafor4396
@innocentnwafor4396 2 жыл бұрын
@@rikhermens1741 How do we do that Sir, please I'm new to coding.
@J3JJ3
@J3JJ3 3 жыл бұрын
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!
@JuZtRap
@JuZtRap 3 жыл бұрын
on the before line there were two ' : ' for me and i had to manually delete one every time , maybe that fixes it
@SlySportz
@SlySportz 3 жыл бұрын
You are the man 🙌 finally someone who breaks it down with no nonsense 💯
@franciscoguerreromorejon3981
@franciscoguerreromorejon3981 3 жыл бұрын
amazing the work you do Gary, Thank you!
@sriramsrinivasan4965
@sriramsrinivasan4965 3 жыл бұрын
When u see 0 dislikes this means something ...
@omokok1877
@omokok1877 3 жыл бұрын
It's cuz the video is new
@trunghainguyen5506
@trunghainguyen5506 3 жыл бұрын
There are 22 dislikes =((((((
@varshithkemmasaram2115
@varshithkemmasaram2115 2 жыл бұрын
165 dislikes🥴
@srinathkannan8336
@srinathkannan8336 3 жыл бұрын
This is what is called Spoon-feeding 😂
@ColdFuse96
@ColdFuse96 3 жыл бұрын
What do you mean by this?
@xanderhidalgo2694
@xanderhidalgo2694 2 жыл бұрын
You're the hawkeye of programming, thanks for this couse, everything is understandable!
@bobbradleybell
@bobbradleybell 3 жыл бұрын
You are my hero. Thanks for the good content. Sucribed to your channel since 2017.
@aminyapusi2848
@aminyapusi2848 Жыл бұрын
Thank you so much, this video is slick and clean. I have a bit of practical experience but not really in terms of knowledge, so I was able to relate to what i've done (without understanding it) and pick stuff up quickly. You answered quite a handful of questions I had before. Thank you again.
@dreamgaming475
@dreamgaming475 2 жыл бұрын
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!
100+ Linux Things you Need to Know
12:23
Fireship
Рет қаралды 728 М.
I Challenged The CSS King To A CSS Battle
37:45
Web Dev Simplified
Рет қаралды 1,3 МЛН
WHO LAUGHS LAST LAUGHS BEST 😎 #comedy
00:18
HaHaWhat
Рет қаралды 19 МЛН
路飞被小孩吓到了#海贼王#路飞
00:41
路飞与唐舞桐
Рет қаралды 67 МЛН
The UI/UX Crash Course for 2023 - Learn UI/UX Design
1:17:53
DesignCourse
Рет қаралды 415 М.
HTML Tutorial for Beginners: HTML Crash Course
1:09:34
Programming with Mosh
Рет қаралды 9 МЛН
HTML and CSS For Absolute Beginners | 2024 Crash Course
1:58:05
DesignCourse
Рет қаралды 40 М.
The 2023 Frontend Development Crash Course - Learn HTML & CSS
2:09:28
DesignCourse
Рет қаралды 215 М.
Top 10 Advanced CSS Responsive Design Concepts You Should Know
20:16
Web Dev Simplified
Рет қаралды 507 М.
Learn CSS Position In 9 Minutes
9:26
Web Dev Simplified
Рет қаралды 1,9 МЛН
Using AI for UX Design is Awesome - Crash Course
49:11
DesignCourse
Рет қаралды 165 М.
Adobe is horrible. So I tried the alternative
25:30
Bog
Рет қаралды 477 М.
Background images with HTML & CSS
20:19
Kevin Powell
Рет қаралды 351 М.
CSS Crash Course For Absolute Beginners
1:25:11
Traversy Media
Рет қаралды 4,4 МЛН
ТАМАЕВ УНИЧТОЖИЛ CLS ВЕНГАЛБИ! Конфликт с Ахмедом?!
25:37
The screw cap can also be played like this
0:20
Dice Master_1910
Рет қаралды 14 МЛН
Golden gadget 😍 New gadgets latest kitchen utensils #shorts
0:12
Golden Gadget
Рет қаралды 6 МЛН
Choose my outfit 💕
0:16
Valerie Lungu
Рет қаралды 20 МЛН
ТРОГАТЕЛЬНАЯ ИСТОРИЯ #shorts
0:19
Ekaterina Kawaicat
Рет қаралды 2,1 МЛН