HTML and CSS For Absolute Beginners

HTML and CSS For Absolute Beginners | 2024 Crash Course

Рет қаралды 42,398

Күн бұрын

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!

Пікірлер: 49

@dannycabrera8466 6 ай бұрын

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!

@DesignCourse 6 ай бұрын

What's up everyone?! Who's becoming a frontend dev in 2024?

@josephheadsonlymilumbe916 6 ай бұрын

Challenge accepted. I shall come back here in January 2025 with a link a to a project. Let's do this.

@doniecode 6 ай бұрын

i'm here. i'll come back with a link to a project

@westonjp612 6 ай бұрын

Me I hope! Lol

@alex_angri 6 ай бұрын

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.

@crazykidscomedy 6 ай бұрын

Me 😂

@sethaaron510 6 ай бұрын

New year new me. I am definitely going to finish this course after I finish the 2021 crash course!

@caqib6015 6 ай бұрын

You make it so effin easy for absolute beginners, hats off

@siko.54 3 ай бұрын

i just finished the figma design course! thank you!

@garislit 6 ай бұрын

Thank you so much. You saved my decision, i was strungling to how implementing to html css

@pterosaurcannotFLY 4 ай бұрын

Great Course! The quality just improves every year. I learn a lot from 2023 and 2024 crash course! Thank you!

@therealist2000 6 ай бұрын

Your 2023 course is really what made me understand HTML & CSS properly

@ahmadsafdar4805 6 ай бұрын

Thanks for the video. I started using sell the trend app and learned a lot, but your videos help me too.

@caqib6015 6 ай бұрын

Do you have any extension installed that gives you code suggestions (the ones in grey color)????

@LifeLessons-7777 3 ай бұрын

Great Tutorial buddy

@tagore4d 17 күн бұрын

Amazzing tutorial. THanks so much for this video. super helpful for beginners like me. You are a great 'Teacher'.

@leki4916 2 ай бұрын

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! 🤙

@DeignFilx 6 ай бұрын

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.

@shubhamrathod5933 4 ай бұрын

Please make full series on Figma to HTML,CSS

@edsHTML 6 ай бұрын

Nice 😎👍

@richardsnyder6413 26 күн бұрын

Gratitude 🙏

@CouchBit 2 ай бұрын

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

@therealhecker 6 ай бұрын

road to 1 mil views

@blasterchampions1801 6 ай бұрын

Good

@_edwardsx Ай бұрын

What extension do you use in that auto suggest code? May I know? Thank you.

@_edwardsx Ай бұрын

Please I want to know

@alone_boy_010 2 ай бұрын

I learn new things ❤

@hotwings9382 6 ай бұрын

Probably could've done things in an easier way, especially having to reset things I feel it was unnecessary.

@SK9207Q 6 ай бұрын

😊😊

@afrobased9427 6 ай бұрын

i love your videos n i have learnt alot but the responsive part with javascript

@rizqofathur 6 ай бұрын

IMO the mic sound in the video is a bit noisy

@crazykidscomedy 6 ай бұрын

Front end isn't complete without js 😢

@swallowedinthesea11 5 ай бұрын

For what it's worth, first understanding HTML and CSS goes a long way. JS can be learned later.

@atillaoktay2366 4 ай бұрын

İ thought somebody in the building using hammer.then İ realized its coming from the headphone its unbearable too much noise.dont listen with the headphone

@jellycoding 6 ай бұрын

What is that knocking going on?

@DesignCourse 6 ай бұрын

I think the freaking mic stand. Ugh!

@jellycoding 6 ай бұрын

@@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.

@dannycabrera8466 6 ай бұрын

You can hear the room reverb as well. Just in case you wanted to make further improvements.

@thelegendaryedit553 11 күн бұрын

i think we all know why this got 40k views

@julianaracz6933 5 ай бұрын

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!

@alone_boy_010 2 ай бұрын

I learn new things ❤