Foundation Framework Crash Course

Поділитися
Вставка
  • Опубліковано 16 гру 2024

КОМЕНТАРІ • 118

  • @misterjedu
    @misterjedu 6 років тому +6

    I'm so addicted to Brad! Anytime I want to learn something in web dev, I check if Brad has a crashcourse or something on it. No matter how new or strange anything is, I always understand just his tutorials. Thanks so much, Brad. You are the best

  • @kudzaishemadanhire
    @kudzaishemadanhire 6 років тому +5

    Man you are great, i have been following you since 2014. You have lifted me from zero to advanced web designer. Thank you so much. Shout outs from Zimbabwe

  • @mildza74
    @mildza74 7 років тому +31

    Ctrl+C at any place in the line of code will copy the whole line, no need for highlighting (Atom and VSCode).

    • @levimckenzie93
      @levimckenzie93 4 роки тому +1

      Thanks! That's awesome. For those of us on Mac VSCode it's: command + fn + C

    • @filmcipher
      @filmcipher 4 роки тому

      Thanks a lot for this bit of information!

    • @stendell09
      @stendell09 4 роки тому

      holy shit that helped, never knew that tbh ahahah

  • @rvalenta4
    @rvalenta4 7 років тому +65

    I have to admit that I enjoy these tutorials more than Game of Thrones.

    • @omd_0
      @omd_0 5 років тому

      haha, yah it's Nice

  • @csilipo
    @csilipo Рік тому

    Hey Brad,
    When I need to learn something on Web Development. I always look for a course on Brad’s channel. Your my GOTO one stop shop. Tks Carlo

  • @gliderspace
    @gliderspace 6 років тому +1

    I love hearing the keystrokes! It help me to be able to exchange pages to other tabs when you are only explaining something, and at the moment I hear the keyboard I change back to your tab.

    • @coltonaallen
      @coltonaallen 3 роки тому

      Who on earth would dislike the keystrokes? Sheesh!

  • @SomjitNag
    @SomjitNag 8 років тому +12

    It's great to see a good tutorial based on Windows and not mac for a change :)

  • @scottrowe533
    @scottrowe533 7 років тому +1

    Really excellent overview tutorial -- Thank you, Traversy!
    My Intermediate Web Design class is about to begin a block on a front-end frameworks, in which each of us will be asked to choose a different product and use it to produce a small prototype site. Everybody is fighting over Bootstrap. But I think I'm going to choose Zurb Foundation, based on your tutorial and the quality support documentation. Thanx again.

  • @DKMRFCBrlz
    @DKMRFCBrlz 6 років тому

    This is exactly what I was looking for. Something fast, simple and with enough explanation. Thank you

  • @TheSyntheticPop
    @TheSyntheticPop 6 років тому +1

    Foundation is fantastic. Thanks for showing how flexible it is and in such a great way!

  • @nizamuddinshaikh3185
    @nizamuddinshaikh3185 4 роки тому

    This crash course seems to be exhaustive! It exhibits how much efforts you have put in in this tutorial. Thanks. 👍😃

  • @thegeekypundit
    @thegeekypundit 7 років тому

    Your videos are great and very helpful! I used to be a graphic designer / web developer until I got sidetracked by other career options. I have always been interested in the subject and I recently thought of giving it another shot. Your videos have helped me immensely in getting up to speed with what's currently happening in the world of web development. Thank you!

  • @ZUMIKAFIT
    @ZUMIKAFIT 6 років тому +2

    Hello Traversy! class large-8 columns/column don't work for my, but when i using grix-x in place row and then cell in place columns all is fine. Good advise for ur students in any issue, cheers!

  • @ericstrickland6015
    @ericstrickland6015 8 років тому +28

    Man you are the Bomb on tutorials!!! please keep them coming! I have subscribed to your channel.... Give me More! Give me More! Give me More! I'm Hungry For More knowledge!

  • @LancsPhil
    @LancsPhil 4 роки тому +2

    Would you ever do an updated version or is this current enough for 2020,thanks in advance and great work

  • @carlopie2163
    @carlopie2163 3 роки тому +1

    HI I can't download the the code ...?

  • @augustuscaeser8939
    @augustuscaeser8939 6 років тому +2

    turn on soft wrap when youre coding to keep everything in view

  • @ABNATIONProgrammerz553
    @ABNATIONProgrammerz553 6 років тому +1

    Hello can any one tell me about Grids in Foundations.... I have use ....But its not showing any padding: 0 and margin:0 as in bootstrap where we use container... Everything works good inspite of grid... Its not working accurately and effectively..... Need some help will be appreciated....

  • @taherr1341
    @taherr1341 7 років тому

    I enjoy listening to your courses. All of them are perfect. You are awesome.

  • @TheSyntheticPop
    @TheSyntheticPop 6 років тому

    1:02:51 looks like the Pagination bar in JQuery DataTables. Maybe DataTables uses it?

  • @gamiensrule
    @gamiensrule 4 роки тому

    couldn't find the foundation courses on eduonix. are you going to update them? I'd really like to see what you did on the project management ui.

  • @Xsites
    @Xsites 6 років тому

    Hi Traversy, you are a great teacher! Thank you for this. By now you may know this but if you type lorem40 tab it will give you 40 words. lorem8 tab will give you 8 words etc. I've subscribed to your channel. Good stuff!

  • @davidcuadrado5690
    @davidcuadrado5690 3 роки тому +1

    Sadly, Foundation doesn't use rows or columns evermore :/ but i really need some tutorial due the lack of information on the documents.

  • @Navarragirl27
    @Navarragirl27 5 років тому +1

    From version 6.4 Float Grid is disabled, replaced by XY Grid.

  • @erekk
    @erekk 7 років тому

    why is that, when i copy the drop down menu html to my project it doesn't work as yours?

  • @Edwardtonnn
    @Edwardtonnn 7 років тому +3

    thank you so much for your time! loved your video and really hope you make more. -Edward from Los Angeles, CA.

    • @TraversyMedia
      @TraversyMedia  7 років тому +1

      You are very welcome, thanks for watching

  • @ManOnTheMoon2131
    @ManOnTheMoon2131 4 роки тому

    You should make an updated video on Foundation! A lot of updates since this video!

  • @taviegravie316
    @taviegravie316 6 років тому

    So I got ATOM and I am confused about this message "Register as Default atom://URI handler?...My question is why would I need to do it and should I?

  • @DrewHannush
    @DrewHannush 6 років тому +1

    Excellent cheat sheet. Thanks for a great and concise tutorial.

  • @dudeXXawesome
    @dudeXXawesome 7 років тому

    Do you publicly post your powerpoints online? Your information is great and I would love to go back and read back on them!

  • @ck0024
    @ck0024 6 років тому +1

    Fall in love with Foundation. Thank you 👍

  • @ianosei-agyeaman5849
    @ianosei-agyeaman5849 7 років тому

    is there anyway you could go over how to make custom controllers

  • @ericstrickland6015
    @ericstrickland6015 8 років тому +2

    hey traversy, how and what are you using to view your site in the browser for Atom?

    • @TraversyMedia
      @TraversyMedia  8 років тому +3

      atom-live-server by jas-chen. Its awesome

    • @ericstrickland6015
      @ericstrickland6015 8 років тому +1

      hey thanks a lot! I see that atom-live-server is at the top of the searches. must be really good

  • @d20cay92
    @d20cay92 6 років тому

    I know you did an amazing crash course on Bulma and since I'm searching for a new framework to work with because all the frameworks I've used till now aren't that good except Bulma. It'd be really great if you could do an advanced course on bulma like how to install it with npm, change global sass variables to change primary colors and change it's font. Love your vids! :D

  • @sag.3279
    @sag.3279 8 років тому

    what is the class="no.js" is that node?

  • @bryanskiffington1712
    @bryanskiffington1712 3 роки тому

    You can use shift option and down arrow to copy line to the next

  • @JacquesvanWyk
    @JacquesvanWyk 8 років тому

    Hey Brad have you had experience with materializecss ?It would be great addition to show as another alternative to the bootstrap and foundation.

    • @TraversyMedia
      @TraversyMedia  8 років тому +3

      I have a little. Its actually something I am planning on. I just need to do a bit more research. There were a couple frameworks I was looking at but that has been recommended a few times

  • @duanemckitterick3450
    @duanemckitterick3450 6 років тому

    Did you take down this training module? 10 Project Foundation Course (Foundation 5) The link is invalid and nothing came up when searching for it. Two others (Bootstrap & Angular) are there! Thanks! Love your videos. Maybe just a little more of the why and not just the here it is! :-) Still I think you are one of the best instructors to date. Easy going and we get who you are.

  • @jamesprosper1584
    @jamesprosper1584 6 років тому

    You are the best of the best. Thank you for taking to time to go through this 👍🏿

  • @sunilanthony17
    @sunilanthony17 8 років тому +1

    Hi Brad, I notice you use Atom as your editor. Have you try sublime? If so, why Atom over Sublime? With sublime, I can install emmet, bootstrap, foundation extension and etc which save you a lot of typing. Emmet provide you with zen coding syntax. Maybe you can do the same with atom but I'm not sure cuz I never try it. Just a thought. Keep up the good work, love your videos.

    • @shashanthk9436
      @shashanthk9436 7 років тому

      Sunil Anthony - Sublime text is not free but you can use without paying money (that means there is no trial period). Where as, Atom is free and open source editor by Github.

    • @Moonbase59
      @Moonbase59 7 років тому

      Why not? Emmet for Atom is there for a long time now, otherwise I wouldn’t have switched to Atom … from Sublime.

  • @TomaszLodowski
    @TomaszLodowski 5 років тому

    The link for the 10 project foundation course is 404

  • @anth080
    @anth080 Рік тому

    Thanks. Great introductory video!

  • @pennyvenhuizen6262
    @pennyvenhuizen6262 7 років тому

    This is an excellent tutorial for beginners. Thank you so much!

  • @TrangLe-dp8jf
    @TrangLe-dp8jf 4 роки тому

    I use Bootstrap 4 on iMac and it keeps loading and blinking. That's why I am here. So sad!

  • @limwalk5089
    @limwalk5089 5 років тому

    And if you want to wrap the text on editor, go to View > Toggle Soft Wrap

  • @quantum-t
    @quantum-t 7 років тому

    Didn't constider "small-up-2 medium-up-3 large-up-4" etc classes :'-(

  • @hikaaZ17
    @hikaaZ17 6 років тому +1

    keystroke sound is music to every single programmers' ears.

  • @AlisherMakhmudov
    @AlisherMakhmudov 8 років тому

    Brad, how is your opinion concerning foundation and bootstrap, which one is more suitable for you to work with? i prefer foundation for their new syntax and cool mixins a lot, i guess bootstrap is working on the same useful features which will be available on their 4th version...

    • @TraversyMedia
      @TraversyMedia  8 років тому

      If I were building a production application, I would say Foundation. For the same reasons you just said. I think it offers more and I think its much more customizable. BUT for just getting something up and running or for doing tutorial based development, I always use Bootstrap. Its better for prototyping, etc.

    • @TraversyMedia
      @TraversyMedia  8 років тому

      And as far as features, this tutorial is just starting to scratch the surface. There is so much more but is too advanced for what I wanted to do here.

    • @AlisherMakhmudov
      @AlisherMakhmudov 8 років тому

      thanks for the fast response, and one tricky question, concerning mac or pc discussions on the web, which is more suitable for you to work with web development environment, would be nice to get a small video about...someday, i hope, really liked your home tour videos....

    • @TraversyMedia
      @TraversyMedia  8 років тому +1

      I honestly have not done much dev on a mac. No reason really other than I don't have one. I did PC repair for a long time so I have just been a Windows guy. However I do like working on Debian/Ubuntu. I work mostly on Windows but def am not a fanboy or someone that has a list of reasons why it's better. It has a lot of flaws I know that. lol sorry I don't have a better answer

    • @Moonbase59
      @Moonbase59 7 років тому

      Fortunately, all the good stuff like Nodejs, Foundation 6, gulp, Atom run on all important platforms. I myself develop solely under Linux but I can collaborate with colleagues that use Mac OS X or Windows even on the same projects. Now this is as it should be! :-)

  • @chrisjensen6324
    @chrisjensen6324 7 років тому

    Where can I get the download?

  • @ColorsCult
    @ColorsCult 7 років тому +1

    Great tutorial! Straight and to the point!

  • @faustomelchiorre4285
    @faustomelchiorre4285 5 років тому

    Hi Brad are you planning to make a course on Udemy related to Foundation? Will be great!!! ciao

  • @augustuscaeser8939
    @augustuscaeser8939 6 років тому

    please do an advanced series of crash course

  • @ericstrickland6015
    @ericstrickland6015 8 років тому

    love your videos dude! what auto complete ext. are you using?

    • @TraversyMedia
      @TraversyMedia  8 років тому +1

      Thanks! I believe its a core extension "autocomplete-html"

  • @ParhamSalamati
    @ParhamSalamati 6 років тому

    You're pretty good at explaining things! Keep it up man ;)

  • @bolddiamond
    @bolddiamond 2 роки тому

    Awesome!!! This was so helpful!!! Thank you so much!!!!

  • @pachaldebbarma4391
    @pachaldebbarma4391 7 років тому

    project based would be bettee though great and clean tutorial

  • @Joumd86
    @Joumd86 7 років тому

    Great course! Cheers from Brazil!

  • @kristiankolev6529
    @kristiankolev6529 5 років тому +1

    Great crash course. Thank you!

  • @coding_ss632
    @coding_ss632 8 років тому +1

    Brad Awesome Traversy!

  • @adamklepacz6322
    @adamklepacz6322 6 років тому

    I wonder why U're not using emmet for typing in these tutorials.
    It's annoying sometime to watch you typing closing tag manually.

  • @Kadosknight
    @Kadosknight 5 років тому

    Thank you for this video, it really helps in getting into it.

  • @oOcitizenOo
    @oOcitizenOo 7 років тому

    is it ok to use Zurb instead Bootstrap? i mean the functionality is the same

    • @ABNATIONProgrammerz553
      @ABNATIONProgrammerz553 6 років тому

      I think that the same point where i initially stuck and cant move on because i found it annoying why to move toward new framework rather it almost do the same thing but now i realize that might not be the reason, The reason is first market priority and second definitely there is a difference where developers find ease and move towards the better technology. So i always move towards new technology once you good in the previous one..

  • @mehwishvaiyani2265
    @mehwishvaiyani2265 4 роки тому

    Perfect way of explaining

  • @jayprakashjaiswal4369
    @jayprakashjaiswal4369 5 років тому

    Really ,it's awesome and thanks from bottom of heart

  • @techtipsuk
    @techtipsuk 7 років тому

    Brilliant intro cheers.

  • @mona-on7kl
    @mona-on7kl 4 роки тому

    Thank you for this really helpfull tutorial...

  • @momzzz5121
    @momzzz5121 6 років тому

    please make video on pwa's

  • @ViktoriaBY1
    @ViktoriaBY1 7 років тому

    I am even removing ad block just for you:)

  • @nishantkumar6960
    @nishantkumar6960 4 роки тому

    I hate foundation. I tried so much time to implement a top nav bar and every time I do it the submenus show up without clicking or hovering over it. It's always there. I hate it, hate, hate it...

  • @port8073
    @port8073 7 років тому

    for some reasons my columns are not working

    • @osmancemyilmaz3308
      @osmancemyilmaz3308 7 років тому +1

      It happened to me too when i use foundation.css version 6.4.2. I downloaded codes from description and use foundation.css file(which is version 6.3.0) then columns are working.

    • @ASAINsensation
      @ASAINsensation 6 років тому

      foundation.zurb.com/sites/docs/xy-grid.html go to the 'importing' section and copy the @includes into your app.css. Then you can replace row with grid-x and columns with cell

  • @kidthatcries
    @kidthatcries 4 роки тому

    Thank you, man. Great video!

  • @adeltahenti1330
    @adeltahenti1330 8 років тому

    Very good course, great (Très bon cours, génial)

  • @tomevans5062
    @tomevans5062 7 років тому +1

    It sounds like you're walking on coarse sand when you type.

  • @jafar1607
    @jafar1607 8 років тому

    How big is ur monitor??

    • @TraversyMedia
      @TraversyMedia  8 років тому +2

      I use multiple monitors but the one I code on is 27 inches

    • @jafar1607
      @jafar1607 8 років тому +1

      Traversy Media :the crash courses are really helpful, you do cover almost everything, thank you very much.

    • @andyc5714
      @andyc5714 8 років тому

      he has six monitors

  • @shekhsaifuddin1353
    @shekhsaifuddin1353 6 років тому +1

    Alien or something u can choose more than one... Hahahhaaaaa....😂😂😂

  • @kitvillacin7942
    @kitvillacin7942 6 років тому

    Good Job!

  • @pachaldebbarma4391
    @pachaldebbarma4391 7 років тому

    Really good man

  • @jetzemeilink
    @jetzemeilink 4 роки тому

    Thanks so much!

  • @kaarthickr1810
    @kaarthickr1810 7 років тому +1

    You the MAN!

  • @mmalam7182
    @mmalam7182 7 років тому

    thanks traversy

  • @haluskua1947
    @haluskua1947 7 років тому

    Thank you !

  • @doktorrollo-koster4276
    @doktorrollo-koster4276 8 років тому

    goodwork

  • @steveburrus5526
    @steveburrus5526 8 років тому

    Boy Br ad I just barely have a lkowledge of Bootstrap, setting up columns and some buttons when you suddenly have this Foundation framework!

    • @TraversyMedia
      @TraversyMedia  8 років тому +2

      I know, sometimes it gets overwhelming. Pace yourself. These videos are not going anywhere. Once you learn one thing move on to the next :)

    • @anonymouse7074
      @anonymouse7074 8 років тому

      front end development is definitely overwhelming.

  • @webcelt
    @webcelt 5 років тому

    Why would anybody click "dislike" on this? I guess there are at least 16 weird people out there, at the time I write this.

  • @pablovazquez4163
    @pablovazquez4163 4 роки тому

    thanks again for another great tutorial. laughed when i thought you said vagination lol

  • @furgsan89
    @furgsan89 6 років тому

    dude, please stick with the old keyboard. The noise is realy old school.

  • @petermichael5447
    @petermichael5447 6 років тому

    learn this shit . not fucking stranger things !

  • @tinarawork7153
    @tinarawork7153 5 років тому

    Amazing! Love this tutorial! What a great intro!! Btw, we made a generic content builder for Foundation and other frameworks (Bulma, Boostrap, Material Design Lite, ..) as well. You can play with the builder here ( innovademo.com/contentbuilder/example1-foundation.html ) It’s a jQuery plugin, so you can use it on your website. Let me know what you think :)

  • @nitinthakur8498
    @nitinthakur8498 3 роки тому

    Just saying but it's 2021, now there can be more than 1 gender of a person, you need to be more politicaly correct. XD