Learn CSS in 2022! Free Software Engineering Bootcamp! (class 04) -

This is class four of a 30 week software engineering bootcamp being offered on Twitch for those affected by the pandemic. It is aimed at helping folx launch a new career in software engineering with a focus on web development!
Join us live Tu/Th at 6:30pm EST on leonnoel.com/t...
And join the community to get live help here: leonnoel.com/d...
For more info about the current free coding bootcamp, checkout leonnoel.com/1...

[@Rascal_Two]

Here are timestamps for the slides, for whomever needs them: 00:03:04 Question of the Day: Invent a new gadget, or discover a new species? 00:04:23 #02 Questions 00:08:19 #01 Agenda 00:10:37 #03 Checking In 00:11:26 #04 Submitting Work 00:18:08 #06 Please Use Threads 00:19:42 #07 You Have The Power To Help 00:21:18 #08 Typing 00:25:54 #09 READING 00:31:38 #10 Deep Not Wide 00:33:43 #11 FOR THE LOVE OF ALL THAT IS HOLY 00:34:10 #12 What is the internet? 00:35:39 #13 The Golden Rule 00:36:45 #14 Progressive Enhancement 00:39:16 #15 CSS 00:40:57 #16 CSS Where does CSS go? 00:47:53 #17 CSS Use a separate CSS file 00:52:47 #18 CSS SYNTAX 00:54:14 #19 CSS BREAK DOWN 00:57:09 #20 CSS BREAK DOWN 00:57:53 #21 CSS BREAK DOWN 01:01:16 Break Started 01:06:16 Break Ended 01:09:10 #25 CSS BREAK DOWN 01:11:37 #26 CSS is read top to bottom 01:14:30 #27 CSS BREAK DOWN 01:15:08 #28 Let's Learn Some Simple Styles 01:15:17 #29 Color 01:20:45 #30 Font-family 01:25:08 #31 Font-weight 01:26:32 #32 How to research? 01:28:45 #33 Let's Code Some Basic CSS 01:39:38 Timer Started 01:44:38 Timer Ended 02:02:55 Break Started 02:07:52 Break Ended 02:10:38 #34 Selecting By Relationship 02:14:16 #35 Selecting By Relationship 02:28:27 #38 IDs & Classes 02:28:51 #39 IDs 02:30:52 #40 Classes 02:32:20 #41 Specificity 02:38:11 #42 Specificity 02:38:44 #43 Specificity 02:45:54 #44 Let's Code Simple Site Lab 02:48:10 #45 Homework

[@7thechosen1]

Thank you!!

[@davidtran1360]

This is great. Thank you.

[@teyuu]

Thanks, I really appreciate it 🙏

[@justguessing7702]

Hey Rascal, put in the beginning and end of the 5 minute breaks please.

[@Rascal_Two]

@@justguessing7702 Sure thing, I've updated all my timestamps with break/timer start/beginnings.

[@KeepTheWalkShon]

Catching up 2 years later with the catchup crew , these videos are more prevalent today, then they were 2 years ago 🏆💪🏼

[@ElysianSolace]

AMEN

[@ncg89]

how's your journey going?

[@KeepTheWalkShon]

@@ncg89 The Journey is just beginning, we are on track to making standards and meeting milestones!

[@YouKnowItsVain]

Good luck my man, on the grind myself. See you on the other side!

[@KeepTheWalkShon]

@@YouKnowItsVain that's what I like to see 🏆

[@mohammedismail8101]

You are very brilliant in teaching

[@sammiesmith3454]

For the Shay Howe, using read aloud extension on chrome really helped me get through the Shay Howe

[@abhisheksengar9415]

Oi😊

[@christiansaravia7865]

I did the exact same thing😂 I literally cannot get through anything without that extension because of my ADHD and dyslexia, it’s such a godsend

[@sweetandsimple.]

Just realized his name is a palindrome. Random comment I know. I'll get back to focusing on CSS now lol

[@jessiestewart3442]

Catching up now - HTML and CSS are review for me, but I am realizing that the last time I seriously looked at learning HTML and CSS was before the new versions came out - feeling old now! 🙃

[@AKPist]

Coming back again for the goods! I love this information and the delivery is spot on!

[@sabrewulf713]

Lol any doing this? im super late lol

[@dj_supa]

I’m on video 4 started a few weeks ago.

[@daniel-mac]

I'm a lot further than this in the odin project but i've come back in my spare time to get another take on css and i've learned a lot. No shade to the odin project, that site is a god send but so are you, Leon! Really good information to stack on top of what I know. Will be watching every video!

[@ZuLKiNG]

same thing for me... TOP -> FCC --> 100Devs. Each time I get new perspective and learn new things and relearn stuff that wasn't emphasized/was boring the way others presented it.

[@chelseybranham5182]

There is so much value in hearing how several people teach the same concept!!

[@awwtergirl7040]

Agreed the two programs really compliment each other well. I feel like 100Devs and Odin combined is a force of nature. Throw in some FreeCodeCamp too. Great stuff.

[@RamnewajYadav-xc5tu]

❤😅 ki s ka❤

[@jrupp2823]

literally the best teacher i’ve ever had. i just discovered this a few days ago so im catching up but i have a CS degree and am not a beginner by any means, but i feel like there is SOOO much i’ve learned so far. you are the best bro.

[@thatkingmag]

a year after its been posted, i come across this comment and i am saying the same thing

[@jennbry5019]

Anyone else picture Baby Yoda when Leon references ‘the child’. 😆

[@claybreland9196]

I like how we're picking up some speed, learning a lot now. 40 classes behind live class but I'll be there by Christmas. Let's go00o

[@brad8803]

Hit class 4 today. Hoping to catch up by October.... hope.

[@damolabolaji3061]

@@brad8803 me too! I'm trying to make Huntober or at most a month off. So November-ish. It's a lot of reading though!😅 . I just started practicing typing. It's so out of my comfort zone

[@davidc2072]

Love Leon's teaching style. Dr. Black must've been great.

[@whois2264]

Here are timestamps for the slides, for whomever needs them: 00:03:04 Question of the Day: Invent a new gadget, or discover a new species? 00:04:23 #02 Questions 00:08:19 #01 Agenda 00:10:37 #03 Checking In 00:11:26 #04 Submitting Work 00:18:08 #06 Please Use Threads 00:19:42 #07 You Have The Power To Help 00:21:18 #08 Typing 00:25:54 #09 READING 00:31:38 #10 Deep Not Wide 00:33:43 #11 FOR THE LOVE OF ALL THAT IS HOLY 00:34:10 #12 What is the internet? 00:35:39 #13 The Golden Rule 00:36:45 #14 Progressive Enhancement 00:39:16 #15 CSS 00:40:57 #16 CSS Where does CSS go? 00:47:53 #17 CSS Use a separate CSS file 00:52:47 #18 CSS SYNTAX 00:54:14 #19 CSS BREAK DOWN 00:57:09 #20 CSS BREAK DOWN 00:57:53 #21 CSS BREAK DOWN 01:01:16 Break Started 01:06:16 Break Ended 01:09:10 #25 CSS BREAK DOWN 01:11:37 #26 CSS is read top to bottom 01:14:30 #27 CSS BREAK DOWN 01:15:08 #28 Let's Learn Some Simple Styles 01:15:17 #29 Color 01:20:45 #30 Font-family 01:25:08 #31 Font-weight 01:26:32 #32 How to research? 01:28:45 #33 Let's Code Some Basic CSS 01:39:38 Timer Started 01:44:38 Timer Ended 02:02:55 Break Started 02:07:52 Break Ended 02:10:38 #34 Selecting By Relationship 02:14:16 #35 Selecting By Relationship 02:28:27 #38 IDs & Classes 02:28:51 #39 IDs 02:30:52 #40 Classes 02:32:20 #41 Specificity 02:38:11 #42 Specificity 02:38:44 #43 Specificity 02:45:54 #44 Let's Code Simple Site Lab 02:48:10 #45 Homework

[@techmine4942]

2:14:15 -- Css Parent-Child Dynamic 2:45:51 -- Homework

[@sebastianguerrero1251]

Hav gang checking in!

[@bouncingnick9747]

Very bummed I just found out about this. Can we join this late? If not, when is the next cohort?

[@dgtlbby]

For sure you can! Check the discord in the description box and join! There's a lot of people joining just now

[@iridium1911]

Join the discord, look up the Follow-Along-Materials channel which contains the materials for each class, and the homework. Start on lesson 1 obviously here on youtube (or twitch) and start doing the homework.

[@09BiGDylan]

I am following along at a slightly slower pace then the class and its been pretty easy for me to keep up. The hardest part so far is navigating discord but he helps explain all of that during these recordings. The discord is also a good place to connect for homework help or meeting with other students who might be in a similar boat as you in the sense they found out too late.

[@hussainbharmal6383]

You can still join. Many people joined when it had already started. You just need watch the lessons and do the homeworks. There is a great catch-up crew community on discord.

[@andreaingram2633]

#CatchupCrew Looking forward to start of a new cohort so I can begin live and keep up.

[@damolabolaji3061]

In an FAQ, I saw that he said in a video later in the course that people should join this cohort because he's not sure if they'll be another cohort after this. That's why he keeps pushing the catch-up crew.

[@ravennb9735]

I’m catching up! Slowly, but surely!

[@jojijojoji]

same with me!

[@ravennb9735]

@@jojijojoji we got this! Let’s do it!

[@Aliachan6]

Same here!

[@Scruttlebums29]

hey catchup crew!

[@nothingnew2964]

Hey!! Been trying to catch up for a while.

[@britneyh8679]

@@nothingnew2964 still trying to lol. We will get there. I'm really loving this course

[@kathleenjogno2898]

Hi 👋🏻

[@benedictjongman5105]

Hello guys

[@fezilala7706]

​😢Qsa🎉😮

[@nikkigleek]

september 2022 catchup crew here 😎

[@alkhemist6631]

Using selectors made sense to me watching this video. Now I don't have to worry about it again. Yipeeeee!

[@oaianeagraa]

Hi Twitch! I want to be live with you, but unfortunately I can't because of my time zone. So i get some on youtube lol.

[@DullBlaze]

#havegang XD I have to say I've read a bunch of articles and watched a bunch of youtube vids but Leon was the first one who actually explained IDs and classes in a way that I truly understand. Thanks Leon! Much love from the Catch Up Crew!

[@lucasmunoz7147]

HAV GANG WE GOT GOT LEON

[@shubhsharma19]

Great class!!! Loved it

[@menage9136]

Part of the catch-up crew. Slowly working through these clips. Hopefully I will be at class 6 at the end of the week! HAV gang

[@ELddine]

02:41:05 why is it bad to use inline stylings. 02:45:20when are you allowed to use ! Important

[@ncg89]

and they were allll yellow (h2s). i would've said that if I was full stack. RIP Dr. Black

[@akinretoyejustin]

Love you Leon!

[@mrjo.1355]

26:33 now over 2 years later and with the advances of AI and chatGPT, would this issue be less of an issue?

[@Zub1Wun]

Can you please make the introductions section into threads so people can reply to individuals own introductions?

[@josephkeepers8008]

class 4! LG!

[@sweettechmama6037]

Here! #catchupcrew

[@ybls_cd]

One step more > Classes 04 & 05 done!

[@acas5399]

selector, declaration blocks,, declaration, rule, property, property value,

[@FadaOfLegends]

#CatchupCrew

[@Kukuthepooch]

I am having these videos auto play while working. You are an excellent teacher. I have a software degree and I never had a chance to take a web dev class.

[@hemant3123]

I am in #class4

[@samt1278]

extreme catch up crew anyone?

[@SnookyDre]

Leon The Goat 🙌🏾💯

[@Pribbl3]

Excited to learn some CSS!! Leon you're a blessing. Thank you for everything.

[@MarcoPereirapy]

please god give me strength to continue...

[@absarahmad3426]

Attendence 🙋🏽‍♂️🙋🏽‍♂️

[@rimora.]

not part of the have gang but please fix the typo

[@jeanorellana4087]

Checkin! Catch-up crew here :)

[@pajarorivera]

HAVE GANG! U GOT GOT

[@7thechosen1]

#havegang lets goooooo

[@ahorshi7246]

Have gang😂

[@luisv8887]

ah love how he has good reasons for doing things, I was also wondering why he assigned reading & not videos but now i see why he does it. 26:00

[@fry3981]

Checking In!

[@aududaniels4031]

i've been unable to join the discord group cause i just discovered this youtube and subscribed and started following the bootcamp immediately implementing all that Leaon Noel said but i discovered there's a community in discord which i am very much interested to join please. i'll appreciate if given the opportunity to be in there...thanks

[@benedictjongman5105]

Am I the only one on the catch up crew this year?

[@manmohitsingh502]

No mate, you're not

[@benedictjongman5105]

Nice to meet you, I am having so much fun learning how is your journey so far?

[@dj_supa]

Right here!!! Let’s go

[@georgethomas4780]

hey, me to

[@foreskinmcfatnutsjr]

Hey man how did your journey go?

[@is7r]

I'm usually listening at 1.5 speed and my family are constantly wondering how can you speak that fast. Forgive me 😂

[@Kayceenuel7]

done with class 04, moving to 05.

[@kjacksonson12]

I was about to start class 6, then realized that I never finished the simple site homework because of took a two week break for finals.. and have been pulling out my hair trying to remember how to complete the little Leon and make him float! 😭. I’m so thankful that he posts classes here on KZbin.. cause I’m back for class 4 round2!

[@vishnu2407]

Hav gang 🤘

[@dejoygiver]

I can't find the index.html used for styling during the class on follow along materials channel on discord. Please, where do i find it?

[@costinpal]

Hav gang!

[@portfedh]

Great class! Im so happy to be part of this. Thank you for such a great program Leon. Un abrazo de Mexico!

[@ChristinaInTheMakingASMR]

hav gang 🙂

[@ElleMists]

Here for class four! 03.07.2024!

[@IanRedmon]

Was there a reason that we decided not to use a CSS reset, like we did before?

[@ashlynnsastre9759]

CatchupCrew !Checkin havGang lol Such a great class!

[@rockelleg.3406]

class 4; checking in on 3/20/24 @ 5:30PM long day; lets get into it!

[@manmohitsingh502]

checking in #catchupcrew

[@สําเริงบุญมี]

links may not be clickable. Learn

[@ChristinaMoonvibes]

#catchupcrew

[@RSGEProductions]

Anyone know when the new cohort will happen ? its been like three years since this one right ?

[@savannahramirez3045]

"Have gang"- Leon

[@vladimircadely3013]

Another method to add on how to turn "world" and "zebra" only to yellow, i wrapped their whole section within a element. Then within the CSS i input div h2{ color: yellow;} ... This also works.

[@mutale_m3011]

where do we access the homework and where do we submit it? #catupcrew

[@arykdavenport8804]

Checkout the discord discord.gg/100devs read the rules first and you will be able to access the follow along materials. He will also post up where to submit homework the day that it’s due!

[@derickfarnicky6062]

i am enjoying the classes

[@Deshazie19]

#havegang

[@gin.and.j]

hav gang! haha

[@TenderHip]

hav gang!

[@KetoDietIsNotForever]

Thank you for your teaching style

[@randomrock3439]

Hav gang

[@austinmackey1315]

hav gang

[@TheStarnaut]

¡Havvvv gang!

[@AngelCodes95]

@leon I know I found this group late but I really enjoyed and appreciated the way you taught the cascade

[@alux_music]

Hav gang!

[@simeondeinma6844]

catching up now

[@is7r]

SAVE OPEN REFRESH 👯

[@rockelleg.3406]

class 4 DONE!!!!

[@donjaco4363]

have gang, what's good

[@8koi245]

59:30 I used to talk to myself like that all the time but stopped because I used to say the answers out loud in math www

[@chadd2333]

hav ganggg

[@fundedental4892]

spadget

[@HollyWelder]

HAVE GANG

[@kaira5899]

have gang

[@thenovicecoder]

have gang

[@DMMatt]

#havgang

[@markokostic-on9vo]

have gang

[@jromain123]

hav gang

[@noface00]

comment

[@marvp100]

Hav Gang :) greatest bootcamp ever !

[@RamnewajYadav-xc5tu]

D❤😅

[@jerryronnau3560]

anyone out there just now watching this video trying to catch up??

[@joaco4ever11]

im here bro

[@QuietRage69]

I gotchu bruv

[@dywa_varaprasad]

Hello, there

[@adriancpm]

same here bro

[@courtneyvanacore4100]

Just commenting for my own self. Finished today

[@travelbugs_io]

When did he show us how to use Glitch?