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

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/twitch
And join the community to get live help here: leonnoel.com/discord
For more info about the current free coding bootcamp, checkout leonnoel.com/100devs

[@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?

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

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

[@mohammedismail8101]

You are very brilliant in teaching

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

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

[@Pribbl3]

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

[@techmine4942]

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

[@portfedh]

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

[@alkhemist6631]

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

[@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! 🙃

[@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!

[@sebastianguerrero1251]

Hav gang checking in!

[@jennbry5019]

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

[@nikkigleek]

september 2022 catchup crew here 😎

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

[@ravennb9735]

I’m catching up! Slowly, but surely!

[@shelby0417]

same with me!

[@ravennb9735]

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

[@Aliachan6]

Same here!

[@davidc2072]

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

[@sabrewulf713]

Lol any doing this? im super late lol

[@dj_supa]

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

[@shubhsharma19]

Great class!!! Loved it

[@lucasmunoz7147]

HAV GANG WE GOT GOT LEON

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

[@SnookyDre]

Leon The Goat 🙌🏾💯

[@KetoDietIsNotForever]

Thank you for your teaching style

[@AngelCodes95]

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

[@akinretoyejustin]

Love you Leon!

[@IanRedmon]

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

[@racheleckenrod]

Thank you Leon!

[@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❤

[@sweetandsimple.]

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

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

[@FadaOfLegends]

#CatchupCrew

[@fry3981]

Checking In!

[@ElleMists]

Here for class four! 03.07.2024!

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

[@josephkeepers8008]

class 4! LG!

[@amodusamuel7690]

You’re the best Leon

[@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?

[@samt1278]

extreme catch up crew anyone?

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

[@derickfarnicky6062]

i am enjoying the classes

[@marvp100]

Hav Gang :) greatest bootcamp ever !

[@Firebreather393]

Thank you

[@courtneyvanacore4100]

Just commenting for my own self. Finished today

[@rockelleg.3406]

class 4 DONE!!!!

[@jeanorellana4087]

Checkin! Catch-up crew here :)

[@pajarorivera]

HAVE GANG! U GOT GOT

[@katiedill3768]

can anyone help me find the zip files to download from the follow along materials

[@acas5399]

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

[@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?

[@coya8coy175]

Looking forward to watching tomorrow 😄 I have an idea how CSS works and how to get the styles going, but there are just some chunks that I have yet to cement. The Shay Howe stuff needed more pictures/explanation in certain areas.

[@rockelleg.3406]

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

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

[@Zub1Wun]

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

[@travelbugs_io]

When did he show us how to use Glitch?

[@sweettechmama6037]

Here! #catchupcrew

[@semrosales5267]

Catch up crew ❤‍🔥

[@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🎉😮

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

[@cambridgenj1264]

Hey,,,,,,I can’t activate the footer in vscode

[@ELddine]

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

[@kayceenuel3554]

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!

[@timefoambathray9339]

legend

[@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!

[@bakhtiyormirzo]

what a guy.

[@7thechosen1]

#havegang lets goooooo

[@ashlynnsastre9759]

CatchupCrew !Checkin havGang lol Such a great class!

[@rimora.]

not part of the have gang but please fix the typo

[@shubhsharma19]

Lets gooo!

[@savannahramirez3045]

"Have gang"- Leon

[@ybls_cd]

One step more > Classes 04 & 05 done!

[@user-bd3pj2ie2u]

links may not be clickable. Learn

[@manmohitsingh502]

checking in #catchupcrew

[@ncg89]

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

[@hemant3123]

I am in #class4

[@soynassir]

!checkin

[@vishnu2407]

Hav gang 🤘

[@absarahmad3426]

Attendence 🙋🏽‍♂️🙋🏽‍♂️

[@marthastewartr2987]

nice

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

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

[@alux_music]

Hav gang!

[@donjaco4363]

have gang, what's good

[@Deshazie19]

#havegang

[@TheStarnaut]

¡Havvvv gang!

[@oliveraaro-hansen9610]

Have GANG

[@abdul-soburademoye5626]

✅✅✅✅✅🙌

[@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?

[@theexperiance5982]

HAV gang baby

[@sparkmedialit]

Class 04 let's go!

[@oaam0407]

How is it going? How far are you now? Just got to class 4!

[@sparkmedialit]

I am definitely pushing trudging through the trough of sorrow. Haven't quit. Alternating between this channel and freecodecamp. 45 days into the experience: html and css structure make a lot of sense. JavaScript next. How is yours going?@@oaam0407

[@kunaldesai4839]

Hav Gang!

[@ljcamp07]

Exactly 2 years late XD! P.S. jk a wizard arrives precisely when he means to.

[@olannach1]

hav gang all day!

[@ChristinaMoonvibes]

#catchupcrew

[@jromain123]

hav gang

[@TenderHip]

hav gang!

[@BillyRdz93]

#HaveGang

[@gin.and.j]

hav gang! haha

[@shahbazjavedqureshi]

'have gang' reporting for duty

[@jasoncarmichael4923]

hav gang!!!