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/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

Пікірлер: 245

  • @Rascal_Two
    @Rascal_Two2 жыл бұрын

    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

    @7thechosen1

    2 жыл бұрын

    Thank you!!

  • @davidtran1360

    @davidtran1360

    2 жыл бұрын

    This is great. Thank you.

  • @teyuu

    @teyuu

    2 жыл бұрын

    Thanks, I really appreciate it 🙏

  • @justguessing7702

    @justguessing7702

    2 жыл бұрын

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

  • @Rascal_Two

    @Rascal_Two

    2 жыл бұрын

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

  • @KeepTheWalkShon
    @KeepTheWalkShon4 ай бұрын

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

  • @sammiesmith3454
    @sammiesmith3454 Жыл бұрын

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

  • @abhisheksengar9415

    @abhisheksengar9415

    9 ай бұрын

    Oi😊

  • @christiansaravia7865

    @christiansaravia7865

    21 күн бұрын

    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
    @jrupp28232 жыл бұрын

    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

    @thatkingmag

    Жыл бұрын

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

  • @mohammedismail8101
    @mohammedismail81012 жыл бұрын

    You are very brilliant in teaching

  • @techmine4942
    @techmine49422 жыл бұрын

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

  • @Pribbl3
    @Pribbl311 ай бұрын

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

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

  • @jessiestewart3442
    @jessiestewart34422 жыл бұрын

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

  • @sebastianguerrero1251
    @sebastianguerrero12512 жыл бұрын

    Hav gang checking in!

  • @alkhemist6631
    @alkhemist66312 жыл бұрын

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

  • @nikkigleek
    @nikkigleek Жыл бұрын

    september 2022 catchup crew here 😎

  • @portfedh
    @portfedh Жыл бұрын

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

  • @jennbry5019
    @jennbry50192 жыл бұрын

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

  • @shubhsharma19
    @shubhsharma19 Жыл бұрын

    Great class!!! Loved it

  • @claybreland9196
    @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

    @brad8803

    Жыл бұрын

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

  • @damolabolaji3061

    @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
    @ravennb9735 Жыл бұрын

    I’m catching up! Slowly, but surely!

  • @shelby0417

    @shelby0417

    Жыл бұрын

    same with me!

  • @ravennb9735

    @ravennb9735

    Жыл бұрын

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

  • @Aliachan6

    @Aliachan6

    Жыл бұрын

    Same here!

  • @SnookyDre
    @SnookyDre2 жыл бұрын

    Leon The Goat 🙌🏾💯

  • @DullBlaze
    @DullBlaze2 жыл бұрын

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

  • @menage9136
    @menage91362 жыл бұрын

    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

  • @davidc2072
    @davidc2072 Жыл бұрын

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

  • @AngelCodes95
    @AngelCodes959 ай бұрын

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

  • @akinretoyejustin
    @akinretoyejustin2 жыл бұрын

    Love you Leon!

  • @vladimircadely3013
    @vladimircadely30132 ай бұрын

    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.

  • @KetoDietIsNotForever
    @KetoDietIsNotForever5 ай бұрын

    Thank you for your teaching style

  • @ElleMists
    @ElleMists3 ай бұрын

    Here for class four! 03.07.2024!

  • @daniel-mac
    @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

    @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

    @chelseybranham5182

    Жыл бұрын

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

  • @awwtergirl7040

    @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

    @RamnewajYadav-xc5tu

    11 ай бұрын

    ❤😅 ki s ka❤

  • @lucasmunoz7147
    @lucasmunoz71472 жыл бұрын

    HAV GANG WE GOT GOT LEON

  • @sabrewulf713
    @sabrewulf713 Жыл бұрын

    Lol any doing this? im super late lol

  • @dj_supa

    @dj_supa

    Жыл бұрын

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

  • @racheleckenrod
    @racheleckenrod2 жыл бұрын

    Thank you Leon!

  • @marvp100
    @marvp1004 ай бұрын

    Hav Gang :) greatest bootcamp ever !

  • @fry3981
    @fry3981 Жыл бұрын

    Checking In!

  • @sweetandsimple.
    @sweetandsimple. Жыл бұрын

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

  • @FadaOfLegends
    @FadaOfLegends2 жыл бұрын

    #CatchupCrew

  • @amodusamuel7690
    @amodusamuel76902 жыл бұрын

    You’re the best Leon

  • @andreaingram2633
    @andreaingram26332 жыл бұрын

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

  • @damolabolaji3061

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

  • @josephkeepers8008
    @josephkeepers8008 Жыл бұрын

    class 4! LG!

  • @rockelleg.3406
    @rockelleg.34063 ай бұрын

    class 4 DONE!!!!

  • @derickfarnicky6062
    @derickfarnicky60622 жыл бұрын

    i am enjoying the classes

  • @jeanorellana4087
    @jeanorellana40877 күн бұрын

    Checkin! Catch-up crew here :)

  • @coya8coy175
    @coya8coy1752 жыл бұрын

    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.

  • @Firebreather393
    @Firebreather3932 жыл бұрын

    Thank you

  • @pajarorivera
    @pajarorivera2 жыл бұрын

    HAVE GANG! U GOT GOT

  • @rockelleg.3406
    @rockelleg.34063 ай бұрын

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

  • @dejoygiver
    @dejoygiver5 ай бұрын

    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?

  • @acas5399
    @acas53992 жыл бұрын

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

  • @ELddine
    @ELddine Жыл бұрын

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

  • @courtneyvanacore4100
    @courtneyvanacore41002 жыл бұрын

    Just commenting for my own self. Finished today

  • @Scruttlebums29
    @Scruttlebums292 жыл бұрын

    hey catchup crew!

  • @nothingnew2964

    @nothingnew2964

    2 жыл бұрын

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

  • @britneyh8679

    @britneyh8679

    2 жыл бұрын

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

  • @kathleenjogno2898

    @kathleenjogno2898

    2 жыл бұрын

    Hi 👋🏻

  • @benedictjongman5105

    @benedictjongman5105

    Жыл бұрын

    Hello guys

  • @fezilala7706

    @fezilala7706

    10 ай бұрын

    ​😢Qsa🎉😮

  • @IanRedmon
    @IanRedmon2 жыл бұрын

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

  • @sweettechmama6037
    @sweettechmama60372 жыл бұрын

    Here! #catchupcrew

  • @semrosales5267
    @semrosales5267 Жыл бұрын

    Catch up crew ❤‍🔥

  • @oaianeagraa
    @oaianeagraa2 жыл бұрын

    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.

  • @timefoambathray9339
    @timefoambathray93392 жыл бұрын

    legend

  • @kayceenuel3554
    @kayceenuel35542 жыл бұрын

    done with class 04, moving to 05.

  • @kjacksonson12

    @kjacksonson12

    2 жыл бұрын

    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 KZread.. cause I’m back for class 4 round2!

  • @samt1278
    @samt1278 Жыл бұрын

    extreme catch up crew anyone?

  • @bakhtiyormirzo
    @bakhtiyormirzo2 жыл бұрын

    what a guy.

  • @luisv8887
    @luisv88875 ай бұрын

    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

  • @7thechosen1
    @7thechosen12 жыл бұрын

    #havegang lets goooooo

  • @shubhsharma19
    @shubhsharma19 Жыл бұрын

    Lets gooo!

  • @Zub1Wun
    @Zub1Wun21 күн бұрын

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

  • @savannahramirez3045
    @savannahramirez30452 жыл бұрын

    "Have gang"- Leon

  • @katiedill3768
    @katiedill3768 Жыл бұрын

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

  • @bouncingnick9747
    @bouncingnick97472 жыл бұрын

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

  • @dgtlbby

    @dgtlbby

    2 жыл бұрын

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

  • @iridium1911

    @iridium1911

    2 жыл бұрын

    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

    @09BiGDylan

    2 жыл бұрын

    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

    @hussainbharmal6383

    2 жыл бұрын

    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.

  • @mrjo.1355
    @mrjo.13558 күн бұрын

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

  • @travelbugs_io
    @travelbugs_io Жыл бұрын

    When did he show us how to use Glitch?

  • @vishnu2407
    @vishnu24079 ай бұрын

    Hav gang 🤘

  • @user-bd3pj2ie2u
    @user-bd3pj2ie2u8 ай бұрын

    links may not be clickable. Learn

  • @absarahmad3426
    @absarahmad34262 жыл бұрын

    Attendence 🙋🏽‍♂️🙋🏽‍♂️

  • @cambridgenj1264
    @cambridgenj1264 Жыл бұрын

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

  • @hemant3123
    @hemant31239 ай бұрын

    I am in #class4

  • @ashlynnsastre9759
    @ashlynnsastre97592 жыл бұрын

    CatchupCrew !Checkin havGang lol Such a great class!

  • @8koi245
    @8koi2452 жыл бұрын

    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

  • @manmohitsingh502
    @manmohitsingh502 Жыл бұрын

    checking in #catchupcrew

  • @soynassir
    @soynassir Жыл бұрын

    !checkin

  • @aududaniels4031
    @aududaniels40316 ай бұрын

    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

  • @rimora.
    @rimora. Жыл бұрын

    not part of the have gang but please fix the typo

  • @TheStarnaut
    @TheStarnaut2 жыл бұрын

    ¡Havvvv gang!

  • @mutale_m3011
    @mutale_m30112 жыл бұрын

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

  • @arykdavenport8804

    @arykdavenport8804

    2 жыл бұрын

    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!

  • @marthastewartr2987
    @marthastewartr29872 жыл бұрын

    nice

  • @donjaco4363
    @donjaco43632 жыл бұрын

    have gang, what's good

  • @ljcamp07
    @ljcamp075 ай бұрын

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

  • @costinpal
    @costinpal Жыл бұрын

    Hav gang!

  • @olannach1
    @olannach14 ай бұрын

    hav gang all day!

  • @Deshazie19
    @Deshazie192 жыл бұрын

    #havegang

  • @sparkmedialit
    @sparkmedialit9 ай бұрын

    Class 04 let's go!

  • @oaam0407

    @oaam0407

    9 ай бұрын

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

  • @sparkmedialit

    @sparkmedialit

    9 ай бұрын

    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

  • @abdul-soburademoye5626
    @abdul-soburademoye56262 жыл бұрын

    ✅✅✅✅✅🙌

  • @oliveraaro-hansen9610
    @oliveraaro-hansen96102 жыл бұрын

    Have GANG

  • @theexperiance5982
    @theexperiance5982 Жыл бұрын

    HAV gang baby

  • @TimLines
    @TimLines2 ай бұрын

    have gang!

  • @kunaldesai4839
    @kunaldesai48392 жыл бұрын

    Hav Gang!

  • @williamchan1880
    @williamchan1880 Жыл бұрын

    save, open, refresh

  • @ceptember.

    @ceptember.

    Жыл бұрын

    save open refresh

  • @shahbazjavedqureshi
    @shahbazjavedqureshi Жыл бұрын

    'have gang' reporting for duty

  • @benedictjongman5105
    @benedictjongman5105 Жыл бұрын

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

  • @manmohitsingh502

    @manmohitsingh502

    Жыл бұрын

    No mate, you're not

  • @benedictjongman5105

    @benedictjongman5105

    Жыл бұрын

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

  • @dj_supa

    @dj_supa

    Жыл бұрын

    Right here!!! Let’s go

  • @georgethomas4780

    @georgethomas4780

    Жыл бұрын

    hey, me to

  • @foreskinmcfatnutsjr

    @foreskinmcfatnutsjr

    9 ай бұрын

    Hey man how did your journey go?

  • @caralina88
    @caralina882 жыл бұрын

    Whoop whoop #catchupcrew #havgang!!!

  • @TenderHip
    @TenderHip2 жыл бұрын

    hav gang!

  • @BillyRdz93
    @BillyRdz932 жыл бұрын

    #HaveGang

  • @user-xk9es5vg6k
    @user-xk9es5vg6k4 ай бұрын

    HAVE GANG

  • @gin.and.j
    @gin.and.j2 жыл бұрын

    hav gang! haha

  • @jasoncarmichael4923
    @jasoncarmichael49232 жыл бұрын

    hav gang!!!

Келесі