👩‍💻 What is Bootstrap? // HTML, CSS, JavaScript (Beginners)

Поделиться
HTML-код
  • Опубликовано: 22 авг 2024
  • 💸 20% SheCodes Discount: www.shecodes.i...
    📝 Notion: notion.grsm.io...
    🎬 SheCodes Basics Review: www.youtube.co....
    👩‍💻 Bootstrap: getbootstrap.com/
    💪🏼 Support the Channel:
    🍵 Support Liz's Chai Latte Addiction: www.buymeacoff...

Комментарии • 113

  • @alisacity1430
    @alisacity1430 2 года назад +72

    I just love how you say "You press enter and all this random shit shows up...". That is how I talk to myself when I code :)

    • @lizrowe
      @lizrowe  2 года назад +13

      Hahahha I am a realistic coder! hahah

    • @edwinubod0405
      @edwinubod0405 9 дней назад

      a real programmer/ coder

  • @davidzatica408
    @davidzatica408 Год назад +63

    While bootstrap does give examples as to what you can make with it, bootstrap is actually a css framework, from which you can quickly style all your html components instead of having to write your own css code. For example, you can make your own form and try to add bootstrap through the class attributes of each element as a quick way of making it look nice, instead of copying directly from bootstrap or writing your own css code

    • @lizrowe
      @lizrowe  Год назад +3

      That's a great explanation! Just got to remember the classes. I have a lot of the col-12 or mb-4 etc memorized now!

    • @ungas024
      @ungas024 Год назад +1

      In short it's another SASS but SASS is in the compiler and this one is using another website for the "library". 😂

    • @danteeep
      @danteeep 5 месяцев назад

      that makes sense. i ll try this

  • @freedombearreviews2548
    @freedombearreviews2548 Год назад +12

    Thank you. Your div is just a "divider" for your elements and separating code and grouping things up. The container houses the whole project within the body. Thank for the understanding. My professor made a video but he didn't simplify it like you did. Thanks again. You'r e on the right path.

  • @flaguser4196
    @flaguser4196 5 месяцев назад +8

    "random sh*t" is the most honest description of html code that I've heard

  • @alexandruluta7499
    @alexandruluta7499 Год назад +32

    learning bootstrap from someone who forgot what div means.nice

    • @sonalimore220
      @sonalimore220 8 месяцев назад +12

      Coders forget stuff..don't take it for that person is dumb. For coders, if u don't get an error you are not a good coder. She's doing great ❤

    • @berserkerrxii5776
      @berserkerrxii5776 6 месяцев назад

      I paused it at "html script"

    • @yesfredfredburger8008
      @yesfredfredburger8008 3 месяца назад +1

      She’s clearly early in her journey, but clearly intelligent and conscientious

  • @LearningCuration
    @LearningCuration 14 дней назад

    “…so basically you click enter then all of this random shit pops up” 😅 super helpful actually because that’s how I be thinking as well. I feel like experts are separated from that experience

  • @billydean4661
    @billydean4661 Год назад +10

    First time Bootstrap user here. You did a good job explaining Bootstrap! Thanks!

  • @90sglitterr.s4
    @90sglitterr.s4 10 месяцев назад +1

    😅 not me stuck on bootstrap for a SheCodes assignment and finding your video by the grace of the universe 😂 thank you!!

  • @dr.briaro
    @dr.briaro 2 года назад +3

    you explained better than the experts. well done

    • @lizrowe
      @lizrowe  2 года назад +3

      Thank you! Just started getting into website coding!

  • @numeinteligent9402
    @numeinteligent9402 6 месяцев назад

    Great Video, first person that explained anything programming related and talking about it in a normal way

    • @lizrowe
      @lizrowe  6 месяцев назад +1

      I swear they all just want to make us feel dumb!

    • @user-oe1sp7yy5b
      @user-oe1sp7yy5b 6 месяцев назад

      100% agree thanks for the video!! :)@@lizrowe

  • @mahekjoshi9959
    @mahekjoshi9959 3 месяца назад

    you are so real !! loved to her that to steal people's code you must know what the code does!!! and i can really feel that

  • @edwardflavel6357
    @edwardflavel6357 7 месяцев назад

    I've spent hours watching tutorials by seasoned vets. What they dont say is when they give you a pointer, its actually 10 x smaller things that i dont know how to do. I've found my answers watching your extremely useful video immediately! thankyou!

  • @phillipvincentalboleras2983
    @phillipvincentalboleras2983 5 месяцев назад

    "what the freak do all this means" is literally me. i like you girl hahah

  • @talay7173
    @talay7173 Год назад

    So we can always "steal"😂I didn't know that, You're amazing🤗

  • @shayam23
    @shayam23 Год назад

    Finally i know what bootstrap is i took a course and the instructor wasnt very open to describe what it actually is. Maybe for beginners its not a very good tool to rely on.

  • @kmccabe3337
    @kmccabe3337 8 месяцев назад

    I know your presentation style today is slicker and more professional... But there's something very appealing about the naivety and honesty in this earlier video. Either way, the channel is very useful

  • @snamna
    @snamna Год назад +4

    Thank you for explaining everything clearly and in the way that it captured my interest. Definitely subscribed and I'm looking forward to next videos!

    • @lizrowe
      @lizrowe  Год назад +1

      My videos are much better now so I hope you like them more 😂🤦🏼‍♀️

  • @yusufkaya1393
    @yusufkaya1393 10 месяцев назад +2

    thank you so much!
    that was a nice explanation.

  • @paracelsoisalive804
    @paracelsoisalive804 3 месяца назад

    Thank you. Sometimes you learn more from a person learning than from 👍🏼👍🏼a wizard talking fast.

  • @NostalgicBlackCulture
    @NostalgicBlackCulture Год назад +1

    Just started the module on bootstrap in my class

  • @jordzjhonleedamo6559
    @jordzjhonleedamo6559 5 месяцев назад

    I've just watched this youtube video, maybe the time it got posted I don't need it, then I need to watch this now, the cool thing about this is I put the playback speed into 1.5x and its perfectly like she's rapping, sound like a normal hahaha.😂😂😂😂😂😂😂😂😂😂😂
    btw i need to watch courses like this because we've given an early deadline, but zero knowledge of where we're going to start

  • @stevelin2415
    @stevelin2415 Год назад

    Your 9 minutes video is so good. I feel like it's just half a minute listening to your explanation. Although, the explanation at the start is not so well, now after finished listening, I get the gist of what Bootstrap is.

  • @beaokoro
    @beaokoro Год назад

    Bootstrap had me in tearssss before this, u r such a good teacher. Pls leak more things u learnt to us 😭😭❤️

  • @Hech_yt
    @Hech_yt 6 месяцев назад

    the plushy at the back 😍

  • @piggyprotector6997
    @piggyprotector6997 2 года назад +2

    Thank you for your work! It's really nice to see how to do sth from a beginner perspective.

  • @xavsbrink6484
    @xavsbrink6484 2 месяца назад

    Nice. But 1 beginner error: NEVER use spaces in your file names.
    Because in that case the only computer system that can work with your file is that bad ugly system:.msw 😮

  • @BigCoolCatt
    @BigCoolCatt Год назад +1

    It’s how you arranged everything for me 😂
    It’s like me watching myself trying to teach someone knowing fully well I’m also on the road to becoming an expert and I’m not there yet ✨

    • @lizrowe
      @lizrowe  Год назад +1

      This video makes me cringe now but I swear I was trying my best! My current videos are way less ~rambly ~ hahaha

    • @BigCoolCatt
      @BigCoolCatt Год назад

      @@lizrowe that’s how growth works haha ✨

  • @imadh7100
    @imadh7100 Месяц назад

    I like it how your talk about stealing code from Bootstrap

  • @qeetcode
    @qeetcode 9 месяцев назад

    Damn!. These online classes are expensive. I hope it is worth the cost.

  • @FCNN-News
    @FCNN-News Год назад +1

    Thank you!!! Your simple explanation made me really understand bootstrap!...i'm a newbie too

  • @solohere5608
    @solohere5608 2 месяца назад

    Wow, this was very useful. Literally just created a form. Thanks!

  • @aidanomeara7850
    @aidanomeara7850 2 месяца назад

    Thanks, good stuff !

  • @pain.x6
    @pain.x6 Год назад

    You spoke to me every time you said "steal". Great explanation. Me trying to figure out why my work is using bootstrap. Guess head programmer was out here stealing too hah

  • @bawabro
    @bawabro Год назад

    for mobile responsive web development use bootstrap, for desktop-related tailwind.css and others are superb

  • @visualmodo
    @visualmodo 8 месяцев назад

    Very good content!!!

  • @selvin9845
    @selvin9845 Год назад +1

    Hi, I like your content, I am also learning the same thing for website developing, and I was also wondering what the heck was bootstrap. Thanks and good luck with your studies!

  • @mdmasudrana-tz3vd
    @mdmasudrana-tz3vd Год назад +1

    Great presentation skills.❤
    Should I learn code or just copy and paste?

    • @AJV1510
      @AJV1510 Год назад +1

      You should definitely learn code first. You may copy and paste, but you won't understand what anything does. Plus, bugs may arise and you won't know what to do then. So definitely learn code first.

  • @edmat6710
    @edmat6710 Год назад

    I have just started SheCodes plus and now trying to learn about Bootstrap.
    How are you now? Have you managed to get a job in coding?

    • @lizrowe
      @lizrowe  Год назад +1

      Yes! I work in data science now. Building web applications and managing data :)

  • @jaythomas8969
    @jaythomas8969 Год назад

    Glad you made this currently trying to get my sister and friend to get coding lol

  • @musiclyricsanthem
    @musiclyricsanthem 20 дней назад

    Ahh yes I'm gonna steal some code then

  • @urszulastolarek2977
    @urszulastolarek2977 3 месяца назад

    Thanks for this video!! It was very helpful.

  • @user-bc9vo1mq1d
    @user-bc9vo1mq1d Год назад

    This is my first time and I clearly got the point. Really fuck*ng good 😄 I enjoyed it. Thank you

  • @bluehawkfire55
    @bluehawkfire55 Год назад

    Thank you, my professors don't explain any of this!

    • @lizrowe
      @lizrowe  Год назад

      They never do! I like following a bunch of coding RUclipsrs to stay up to date

  • @millermcdonell291
    @millermcdonell291 Год назад

    Lovely, You explained in a common language even a person like me could understand. well done! 🙂

  • @ronin2963
    @ronin2963 7 месяцев назад

    No! This is not bootstrap. This is a plastic container that someone put a name brand on. Call it TupperWare

  • @vitaliiboiko6227
    @vitaliiboiko6227 Год назад

    nice! good to know that such sites exist for beginers!

  • @dyingmoonshine
    @dyingmoonshine Год назад

    Appa! ✨

  • @margaretwanjira4719
    @margaretwanjira4719 2 года назад +1

    this is well explained! Thank you :)

  • @Animal-planet727
    @Animal-planet727 Месяц назад

    nice i like it the way you expliain

  • @rodrigofernandez4524
    @rodrigofernandez4524 6 месяцев назад

    she is just as lost as i am but somehow it actually helps lol so yeah, thanks

  • @amianamuni
    @amianamuni 2 года назад

    thanks... so this is only the front end.. like the code you "took" for email and password.....how do you save that data the user entered in the backend? what would you use to connect the code you took from bootstrap to the backed (considering the fact that it's someone else code with a link attached to your own code)?

    • @DavidBuckley12345
      @DavidBuckley12345 8 месяцев назад

      It depends on the stack you're using on your project. I'm using Python's Django for backend database CRUD operations, user authentication, and dynamically scalable templates, and Bootstrap helps with making it all look nice once it is already functional

  • @justrosy5
    @justrosy5 Год назад

    1:25 So, basically, bootstrap is a good addition to Visual Studio Code. Got it.

  • @Joker-Leto
    @Joker-Leto 6 месяцев назад

    Bootstrap but using Visual Studio to create CSS file

  • @DavesGuitarPlanet
    @DavesGuitarPlanet Год назад

    You're not "stealing," you're taking.

  • @mohamadchouacha2539
    @mohamadchouacha2539 Год назад

    How to use javascript in bostrap can we use JQuery ?

  • @yassinezair4279
    @yassinezair4279 2 года назад

    Nice video! Well explained .. Keep the hard work

  • @user-qj5bg3fp3r
    @user-qj5bg3fp3r 8 месяцев назад

    Ohh wow thank you!

  • @xavierrocq6476
    @xavierrocq6476 Год назад

    Merci madame. Excellent

  • @asy42699
    @asy42699 2 года назад

    yo wth, this is awesome tysm

  • @foreignerJas_Gaming
    @foreignerJas_Gaming 10 месяцев назад

    4:52 😮

  • @Default_-ij5oc
    @Default_-ij5oc Год назад

    just started learning html css js currently at CSS hope I will make it..but should I learn bootstrap after CSS or js?

    • @lizrowe
      @lizrowe  Год назад

      You can use Bootstrap for CSS and JS. I would learn it after learning some of the basics without Bootstrap!

    • @Default_-ij5oc
      @Default_-ij5oc Год назад

      @@lizrowe i am at the end of CSS so should I learn js now or bootstrap than js?

  • @Animal-planet727
    @Animal-planet727 Месяц назад

    say or not you are little confused

  • @keihtmartinez3459
    @keihtmartinez3459 Год назад

    I love the way you explained this. Like & sub..!!

  • @kimolsson9386
    @kimolsson9386 Год назад +1

    🤣🤣🤣"You can´t just steal other peoples code. You have to know what´s going on. You need to learn how to code first. Then you can steal other peoples code."

    • @lizrowe
      @lizrowe  Год назад +2

      Did I say that? whoops lolol

  • @jumtmeamjusthere
    @jumtmeamjusthere 2 года назад

    Nice work, keep going ;)

  • @xGalasko
    @xGalasko Год назад

    haha i love how you teach

  • @SolomonGezu
    @SolomonGezu Год назад

    Thank you!! Honey

  • @growwithatif
    @growwithatif 2 года назад

    Hi Mam. I completed HTML , CSS , JS . Can I get Job front end development or I learn more things ?

    • @ReadyDaddy
      @ReadyDaddy 2 года назад

      yes, we will hire you

    • @growwithatif
      @growwithatif 2 года назад

      @@ReadyDaddy How I can content you further

  • @Khokhar34
    @Khokhar34 Год назад

    change your study method

  • @shahanahmed9444
    @shahanahmed9444 Год назад

    Adorable video

  • @user-vd7vm8iw1o
    @user-vd7vm8iw1o 2 месяца назад

    is that Appa behind you

    • @lizrowe
      @lizrowe  2 месяца назад

      Of course!

  • @AbrarKhan-sl1ju
    @AbrarKhan-sl1ju 11 месяцев назад

    nice video

  • @ibrahimbek2804
    @ibrahimbek2804 2 года назад

    Thank you

  • @vienfladoc
    @vienfladoc Год назад

    Why are you trying to steal free code? Not cool

  • @salke3
    @salke3 5 месяцев назад

    Im so sad to see that online course like she codes even exists. I havent seen a single online course that statet that women cannot apply. Imagine If there was a online course site that would be described as online course for men to start coding, I can already smell the feminists getting on that like hounds. Great vid though.

  • @gamereactz
    @gamereactz 7 месяцев назад

    Steal tye code from the documentation lol

  • @benzenatizineeddine7816
    @benzenatizineeddine7816 10 месяцев назад

    The thing u use when u absolutely suck at design.
    Either be basic and pretty with bootsrap or original and ugly on your own

  • @IbrohimbekRustambekov
    @IbrohimbekRustambekov Год назад

    I love you!

  • @ReadyDaddy
    @ReadyDaddy 2 года назад

    rofl i gotta chime in with some off topic banter, i mean people actually made a page exclusively for women hahaha NOT YOU, YOU ARE A GUY, WE ARE NOT TEACHING YOU ANYTHING! hahah toxic as f..... but thats the today's world.

    • @lizrowe
      @lizrowe  2 года назад

      I know I wish the classes were for both genders, kinda weird to be like "hit the road jack - no class for you" hahah. But then again, I think the owner makes sense when he is trying to solve a gender gap. In 10 years it might not even be a thing anymore!

    • @ReadyDaddy
      @ReadyDaddy 2 года назад

      @@lizrowe i know, the idea itself has some logic to it, as in promoting for more women to join the IT sector, but the execution is well... what i said previously :D
      So far this is my first contact with a non-inclusive, so to speak, IT organization... since i also recently started learning coding, at age 27, i was surprised how everyone is willing to give you wind in your back, making this.... an odd experience :D

    • @lizrowe
      @lizrowe  2 года назад +1

      @@ReadyDaddy Yeah it's an odd take. Even for me, I want my brother or guy friends to be able to sign up for the same class I signed up for. But I get what they are trying to do. Hopefully one day gender won't even be talked about!