HTML and CSS For Absolute Beginners | 2024 Crash Course
ฝัง
- เผยแพร่เมื่อ 9 ก.ค. 2024
- bit.ly/41Yx53Q 👈 Learn HTML/CSS Today. Use "UI2024" for 25% Off!
-- Today marks my annual frontend development crash course where you learn some HTML, CSS and a tiny bit of JavaScript to create a simple project. This should be a great introduction for beginners who are interested in learning HTML and CSS here in 2024.
Project files:
coursetro.s3.amazonaws.com/st...
The Figma layout:
www.figma.com/community/file/...
The UI/UX crash course video referenced:
• 2024 UI/UX Design Cras...
0:00 - Intro
2:45 - Layout Overview
4:07 - Installing Visual Studio Code
4:40 - Writing the HTML
37:51 - Writing Mobile First CSS
1:13:16 - Writing some JavaScript
1:24:48 - Finishing the CSS
1:37:00 - Responsive CSS with Media Queries
1:56:55 - Final Project
bit.ly/41Yx53Q 👈 Learn HTML/CSS Today. Use "UI2024" for 25% Off!
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! - แนวปฏิบัติและการใช้ชีวิต
![ตีสิบเดย์ [FULL] | ครอบครัวสะท้านทุ่ง "นางบี & อ้ายสติ๊ก"](http://i.ytimg.com/vi/A1rhYcxxNtA/mqdefault.jpg)
As a senior developer, I’m very impressed with your front end coding. I have reviewed junior dev code that has less understanding of mobile-first development. It’s important to also set your markup up in a way to make it easier to get the layout changes you need. Which you did a great job doing.
One thing you mentioned was the order of the style properties not mattering. This is mostly true. But the browser does apply them top to bottom. So you could essentially override something that was previously applied higher in the list. Something to note if you are debugging or get unexpected results. Great job Gary!
New year new me. I am definitely going to finish this course after I finish the 2021 crash course!
What's up everyone?! Who's becoming a frontend dev in 2024?
Challenge accepted. I shall come back here in January 2025 with a link a to a project. Let's do this.
i'm here. i'll come back with a link to a project
Me I hope! Lol
Been learning frontend development since 2018 and still love to go back to beginner videos you make. Still learn things even though I know a lot about html and css.
Me 😂
You make it so effin easy for absolute beginners, hats off
Thank you so much. You saved my decision, i was strungling to how implementing to html css
i just finished the figma design course! thank you!
Great Course! The quality just improves every year. I learn a lot from 2023 and 2024 crash course! Thank you!
Your 2023 course is really what made me understand HTML & CSS properly
Do you have any extension installed that gives you code suggestions (the ones in grey color)????
Thanks for the video. I started using sell the trend app and learned a lot, but your videos help me too.
Amazzing tutorial. THanks so much for this video. super helpful for beginners like me. You are a great 'Teacher'.
Great Tutorial buddy
Hi Gary I hope you would read this, I just wanna ask what should be the scope of the 'main' tag, why you didn't include the picture of the cat there, ? Because I read online before that the order must be ,, inside the body and all html elements should be in those 3. Awesome tutorials btw! 🤙
Been putting off css for at least 1.5 years, bc i couldn't nest elements and i felt like sass was just way too much for learning purposes. Thank god the css gods decided to give us native nesting
Nice 😎👍
we been learing alot, please tell us about the design and development challanges we might face in the industry there's a lot you need tell us man.
Gratitude 🙏
Please make full series on Figma to HTML,CSS
What extension do you use in that auto suggest code? May I know? Thank you.
Please I want to know
Good
road to 1 mil views
I learn new things ❤
😊😊
Probably could've done things in an easier way, especially having to reset things I feel it was unnecessary.
i love your videos n i have learnt alot but the responsive part with javascript
İ thought somebody in the building using hammer.then İ realized its coming from the headphone its unbearable too much noise.dont listen with the headphone
IMO the mic sound in the video is a bit noisy
Front end isn't complete without js 😢
For what it's worth, first understanding HTML and CSS goes a long way. JS can be learned later.
What is that knocking going on?
I think the freaking mic stand. Ugh!
@@DesignCourse Well you fix it. The video is still watchable. Or maybe this would be an example to see if an AI-app can remove the sound and you can make a video about it.
You can hear the room reverb as well. Just in case you wanted to make further improvements.
The knock sounds on the background is really annoying! Sorry, I don't want to be ungrateful, you're teaching for free, but noises like this are very disturbing for me!
I learn new things ❤