Should you use Bootstrap?
ฝัง
- เผยแพร่เมื่อ 27 เม.ย. 2017
- A commenter recently asked me what I think of Bootstrap, and when should you use or not use Bootstrap. While I gave him a short answer in the comments, I thought that question deserved a longer answer.
I think Bootstrap is awesome, but it's overused, and improperly used.
Also, Bootstrap isn't the only framework out there! Here are some others that I mention in the video, and there are tons more out there too!
Skeleton: getskeleton.com/
Foundation: foundation.zurb.com/
It's also inspired me to start a monthly (maybe?) Q&A video, where I'll answer questions that need a long answer, probably on the last Friday of every month.
---
Music by Chillhop: / chillhopdotcom
Birocratic - Tony's Belated Breakfast: / birocratic
If you have your own channel, check out Chillhop for some awesome music.
--
If you'd like to see some behind the scenes stuff and get some teasers for what's coming up next, Twitter and Instagram are a good bet.
Find me on Twitter: / kevinjpowell
and on Instagram: / kevinpowell.co
![[TH] 2024 PMSL SEA GF D2 | Summer | ร่วมส่งแรงใจ เชียร์ไทยไปพร้อมกัน](http://i.ytimg.com/vi/dN2gLsCJ0T0/mqdefault.jpg)
Here's a tip for anyone who is learning bootstrap, instead of remembering all the class names in bootstrap go to their documentation and inspect there examples such as grid to better understand bootstrap. In my opinion inspecting there examples is the best way to learn bootstrap.
Sushmit Sagar Gaur I agree 👍🏻
Kevin I am so glad I found your channel! You make everything look so easy just by explaining it. You are my fav TH-camr
Thanks so much!!
@@KevinPowell You beauty keven. Kindly make playlists on these topics Vanilla JS, Bootstrap 5 and Tailwind CSS
Thanks Kevin, I just started viewing a lot of your videos and you really share some good stuff. Keep up the good work!
Sorry for the shaky camera guys! I'll bring a tripod with me next time I do one of these. I hope you like the style of these, let me know what you think please!
looked great man, was nice to see some nature from behind my screen! Reminded me to close atom and go for a walk, and as always fantastic content. Definitely need to give the bootstrap documentation a closer read, far too easy to glance that stuff.
ya... its creative....
a hospital website
I'm more of a back-end guy now, but started early as a front-end developer. I use bootstrap heavily to create quick layouts for applications. I like bootstrap because it gives me a head start, so I can focus on functionality more. I can create content fast and easy because I'm really good at Bootstrap. Are there any better frameworks? I tend to build web applications mostly so the front-end is pretty light and clean for me. I don't even use SASS or LESS that much anymore either. I want to get back into though.
Bootstrap seems to be really popular with backend people, and for good reason. As you said, it allows you to pump out the layout quickly and easily, and gives you something that is nice and functional. It's definitely a great tool for that.
Must try Tailwind CSS it is better than Bootstrap
@@shahbazkhalid6950 Not so sure about Tailwind. It is too fragmented and more physical than logical
Thanks for giving me a better idea about bootstrap. I just started learning html and css, and I ve been focusing into Css flexbox and grid, so when I heard about bootstrap I was not really sure if that was something that should learn, but as you said, learning something new just make you a better designer and know what to use and what not. I'm new in your channel and I like the passion you put into your videos and explanations. You should teach based on real projects. I would definitely buy for it.
I used to Bootstrap for literally everything but always had to do more work than I was supposed to. At the time, I just wanted to get things done without bothering how it was working. Now, I just learned a lot about CSS and just stopped using any sort of CSS frameworks overall.
And your site is properly ugly and inconsistent
@@curt8806 Found the backend dev who won't learn css even if his life depended on it
@@magicfibre 😂😂😂😂😂😂
CSS grid+flexbox is enough
For the most part, I agree, though frameworks like Bootstrap will continue to thrive because people don't really want to learn how things work :\.
@@KevinPowell its just much faster for me.nita not that i dont know how to html and css lol time is money partner
@@bigollie006 but its one " time " investment
@Michaelyou mean Internet Explorer 10 & 11? lol
If you're any good at Web development then you'll use only HTML5, CSS3, PHP7.1+ AND MYSQL. You might need a bit of ECMA6 scripting to handle browser issues. Sorted.
pretty cool, your video and the discussion here helps a lot in regards making a decission on wich environment to use on a regular basis!
Glad to hear that Fabian :)
Well said @Kevin. It is worth studying Bootstrap under the hood. There is some really good stuff there and lots to learn. Should you use Bootstrap in your own project?
It depends. At the end of the day all Bootstrap projects look (evidently) like a Bootstrap project...If that's what you want - like in most WordPress sites: OK.
If you want something different: look under the hood and use the things you need for your project. No need to try and invent the same wheel.
Bootstrap is a great framework, I have learned a lot from it. Some people use Bootstrap as an excuse not learn real CSS and Sass, and that is really the only problem I see with the framework.
I do agree that it's a fantastic framework, but yeah, people use it at a crutch, which is a shame, because if they learned it better, they'd be better coders themselves. I do think that it lends itself to certain projects more than others, but overall, I think it's an amazing tool!
Do we need to know most CSS framework on the market as a front end developer? thx.
I think having a good understanding of html, CSS and js makes it fairly easy to learn a new framework. Bootstrap and Foundation are the two biggest though, so if you're going to learn any, those would be where I'd start. After that, if someone else is using a different framework, with the experience of using others, you'd probably pick up fairly quickly.
Love the bird that is whistling @2:24. Thanks for the video bro. I’ll check out bootstrap
I learned Bootstrap almost six years ago and, for a while, I did all of my work using Bootstrap. Then I began to realize the similarity of one Bootstrap site to the next and started doing my own CSS again. You asked about Bootstrap tutorials we'd like to see, so how about a Bootstrap site that doesn't look like a Bootstrap site?
I think this is the greatest downside to using bootstrap.. creativity becomes difficult for the average user. I mean how use pseudo-elements and gradients without doing weird CSS
5:38 Hit me really hard. Inspiring to say the least. Thank you!
So glad to hear that moto_HYUTS 😁. If it hit you hard, that means you know you're on the right track and working hard, keep it up!
I originally thought Bootstrap was an easy way to just get some relatively modern and responsive pages done quickly, but … I always got caught up back then (Bootstrap 3) with just how heavy the framework was. Doing everything meant it had to have all the pieces to do everything.
Bootstrap 4 got a lot lighter of course, but it still felt like there was a lot there … and it gave up compatibility that seemed like a bad idea to give up.
Fast forward and … we no longer need that compatibility really. Who's still using IE? But … while it seems Bootstrap 5 can actually be very light and CSS does most of what we used to use jQuery or whatever else for now all by itself … I don't need Bootstrap. Learning some more modern CSS, I just don't need a hefty framework to give me what boils down to pretty simple layout and common design elements. Maybe in 2017 I did, but I've got four years of history from the time you recorded this video. I just don't need Bootstrap anymore.
Recently I came to know we have VW(view-width) and VH(view-height) and it works as good as % unit in CSS(at least in my idea). Why do Bootstrap still use only em rem and px ? Is it good to use % unit over VW and VH?
% and vw (and vh) work very differently.
% looks at the size of the parent container, whereas vw looks at the width of the browser window. These can be the same, but very often aren't. For example, Bootstrap's columns are inside a `.container`. If you used vw for the width, it would cause all sorts of issues.
vw and vh are awesome units, but they're only really useful in certain situations.
Thank you Kevin you your videos given hope. I have been using mobilrise. But there CSS to over compact I am now re doing my whole website learning from bootstrap devs
Your background css is awesome.
Thank you Sir 🤗🤗🤗
💥Thanks a million, Im a Front end and still intermediate, i was just about getting tuts and materials to start learning bootstrap, then Boom you just blew it off my hands. i think i will have to wait and weave and master my own css first.
Hey Kevin! I have been looking at Bootstrap lately and I have seen the div container-fluid instead of container and I am really confused. What is the difference? And which one do we use?
You can use either one! The .container has a max-width on it, so it keeps the content in the middle of the screen (has a margin in the left and right). The .container-fluid is full width. Sometimes you want things to be full width, but you still want to use their columns system.
Good video Mr Powel I totally agree with you
Love your channel and have looked on a few videos now. I have no education in webdesign but I am sort of admin where I handle our e-business and I code some basic pages on our site. I was recommened to use bootstrap to easy make a grid and it is working fine. But now I need to learn the more basic html like flexbox and more understanding why etc. I use some of the stuff but that's only copy, paste and change some values. Though it has been only 1.5 years so I have learned alot. Gonna look through alot more of your videos, but the problem I have is that I am little lazy for just test around :)
A lot of places seem to stick people in similar positions as you. Bootstrap or similar frameworks can really help in your case though. Good luck with the learning and glad you like my videos 😁
Bootstrap increases the HTML file size by * 10, thus making it slower.
Does that make a difference in this day and age? Internet speeds have rocketed and how much of a difference is an extra 100mb going to make?
@Kevin Powell I use CSS Grid + Flex Box. By the way, what camera you used for this selfie video?
In this video it would've been my phone, which as the time was... Galaxy S7 I think
I have heard a lot about reading about reading the docs of a framework but how do I start tearing through the docs, especially when its very wide.
im heading back into bootstrap because my colleague couldn't handle CSS Grid and flexbox :/
I would recommend it if you need to share your codes among your team, but everyone skillset are differ from each other.
Experimental or quick job I would go without framework
Depends on your team as well for sure, documentation amongst your team, and the time available to implement new things, which in the real world can really be lacking.
Hello Kev! A site that I would like to see at some point is one that deals with tons of images in different sizes(some tall, long short). Kind of like a makeup artist website or a photographer style website.
That could be a lot of fun! Thanks for the suggestion.
Hi, very thoughtful video.. I am a beginner in web development. Ithink bootstrap blocks custom styling. Sometimes, it feels odd to style over bootstrap as bootstrap class was using same styling components with different value and I create my own class just to override those values... Please suggest any solution for above query
Dude, where is that park? I lived in a city with a park exactly like that one
Awesome response to that question.
I don't know why.. But i love doing pure css because it gives me more customization rather than using the same design for every project
It properly looks awful
Curt Devine I think anything will look ugly if you don’t put any thoughts about good design and prototyping.
I am going to learn bootstrap documentation! Good luck with you channel. Thank you do much :)
Thanks, enjoy and good luck too!
Hi good day Kevin. Can you make a video about Boostrap Studio? Thankyou! Btw keep it up!
I made one web page in my life :P I used Bootstrap. I was focused more on learning backend and bootstrap just gave me some ready to use frontend components. Maybe I will rewrite my frontend to do it without bootstrap when I finish my backend 100% :)
5:19 A small part of KP's ongoing security "overhead" LOL!
thanks for your thoughts, it is exactly what i am struggling with at the moment.
why not design an artists/musicians/filmmakers webpage?
Thanks for the suggestion Ortimis! Awesome idea :D
Really amazing place behind you!!!
Nice to have some greenspace nearby :)
I definitely agree with you, but what do think of CSS grid to replace bootstrap in production. Do u think gird is much clearer way of approaching web layout's. Thx.
I think too many people rely on Boostrap for it to be replaced, but I do think the Grid offers up a better overall solution which is a lot more adaptive than Bootstrap! Hopefully it helps to reduce the reliance on it and other frameworks, specially for projects where it really isn't required, and is pretty much just being used for the grid system.
Hey, Kevin
I recently read an article on internet, which says the bootstrap 4 grid system using flexblox behind the sences and that sounds amazing. Does they really integrated in it. If so, can u make a tutorial on it which I think which definitely make sense. Thank you :)
0:17 - Aaaaagh! Scared the hell out of me. Back away from the camera a bit. LOL
I think, IMO ,
The problem is not learning bootstrap,
But learning bootstrap without knowing the basics of Html/css .
And we don't have to worry about it , coz a good company never hires those kind of folks
I have never used bootstrap and perhaps it's fear of the unknown. However, after watching some (because not watched them all yet) there is a lot to learn from your Bootstrap videos. My website started off as a hobby (still is) yet it's grown into 38 languages (soon to be 39) and it's time to learn new skills as I know there are lots of mistakes, repeating code is one common mistake. One thing I am interested in is how to create master pages, how they can be linked and updated? Am I right in assuming that Bootstrap has jquery/javascript built in? I may be read this wrong or not?
If you use the Bootstrap templates, or download it, it'll come with jQuery, yes.
As far as having a 'master' page, I use Jekyll for my homepage. It's another language that allows for templates. It's a little strange at first, but I like it :). There are a tooon of other alternatives to it, all with the same concept of creating template parts of your site, and template pages.
I know this was 5 years ago that you posted this. I stumbled upon this video because various ideas and thoughts have gotten me interested in bootstrap. For one it seems to have neat components like progress bars and easy alert bars that can be clicked away. Also a friend wanted me to make a Django website printer friendly plus I feel like it would make it easier to build a responsive website. But I watched a video before this where a guy was saying not to use bootstrap if you want to build a really nice UI UX website with all of these nifty back end tools. I know bootstrap is not backend. So I’m thinking should I learn it? I think I will but just like you said, I need to know when to used it based off of what kind of site I’m building. I guess my question is can I build a site using some bootstrap components but not built all using bootstrap?
Only issue is it can bring in a lot of CSS you aren't using, but I do think they have some partial files for specific things (or you can use SASS and pick and choose in a pretty granular way)
Man you're awesome! Really. Your videos helped me a lot. Can you make a website which includes a online payment procedure, you know... Like a shopping site and net banking
I'd love to, but if I were building a site that needed payment processing, there is no way I'd build my own payment processor! That's a *massive* job. If you want a simple shopping site, if it didn't have to be a custom design I'd probably look into SquareSpace, and if it was going to be a custom design, I'd use WordPress, and probably WooCommerce (though there are other options as well).
I'm comfortable with front-end stuff, but doing the back-end for something, even if it would just be a simple demo and nothing that would go into production, is beyond me.
Kevin Powell I understand. And yeah I didn't mean the back end either. I just needed to see how a payment method site could be made.
Cool. I'll keep it in mind for a future series.
Thank you so much
I like the idea of pick things that are already done to make my work easier. If it's good, free, why shouldn't use it? You can focus on the real importante things like React, NextJS that maybe's going to take more of your time.. So yes bootstrap !
I'm planning to use materialize css. But I'm having a problem on the default navbar style. I do can say materialize css is a great framework. I was about to use bootstrap and materialize but it will have a problem on my codes which is the conflicts on the installed codes. Can u suggest any alternatives to use? thanks for the help bro! BTW..it could be like my 3rd time watching this video..convincing me a lot to stick on bootstrap
You've got to pick one or the other, you can't use both as they're both more or less for the same purpose. As you said, they'll conflict with each other, but even if they didn't, it would add a ton of extra CSS to your project for nothing. Pick one and roll with it :)
bootstrap it's really massive. thanks for the hint of it's "grid" part
hi kevin, Currently im learning Angular so can u suggest other frameworks which i can use to be a better developer... Thanks
frameworks like Bootstrap? There are so many. Foundation is really popular too, but there are tons.
@@KevinPowell should i start doing MEAN or learn REACT?
If i am designing a small website ,should i be using bootstrap or small css code will make it faster to loads then using whole bootstrap cdn ??
If you're using Bootstrap for a small site, ideally you'd be using Sass, as you could then omit all the stuff you don't want ot use. I think Bootstrap is great for really fast MVP (minimum viable product), but that coding something from scratch is usually going to be give a better overall site. Plus if it's a small site, it shouldn't be that long to code up anyway.
I don't have a laptop or pc but i am studying with my mobile but i am unabe to design in phone using pure css . SO thought of making the use of bootstrap how it will work sir . Your my web guru .thanks a lot sir .
how about using bootstrap for a forum/ discussion board website like reddit?
A redesign of Reddit could be a fun project, I'll keep that one in mind!
I literally just learned bootstrap and I amazed by it lol. I think I'll just use it for grid though honestly and maybe for the navbar cause I like how you can make it responsive using boot. Also it seems good for a slider
Just make sure, if you're only using it for those things, to only import the parts you are using, or else you end up with a lot of CSS that you don't need.
Kevin Powell thanks for the tip!! I'm kinda newish to web development so I'm trying to just keep learning different things and get better!!!
I am ok with CSS and html. But new to all these frameworks. How easy it is to change bootstrap to get the feel you looking for in a site without just making a copy of what they offer. I mean can I bring other stuff from other sites like jquery or css animations and combine with bootstrap? does bootstrap allow me to change the grid as I want and change colors, fonts etc?
I do have a series out where I build a site using Bootstrap that might answer some of your questions! But quickly, it's super easy to customize. It actually uses jQuery, so that's part and parcel already, and you can totally add on top of it without any problem, bringing in whatever else you'd like. Any framework that is half-decent shouldn't do much more than providing you with a faster way to build the structure of your website. it takes the pain out having to build everything from scratch, and then you go and customize the crap out of it so it looks good!
With that said, sometimes you do feel like you're fighting it a bit. They are improving this with Bootstrap 4 (which is still in beta, and buggy at the moment). Styling the Bootstrap 3 navigation isn't hard exactly, but they were really specific with some of their styles for reasons I can't explain. But again, the whole point of it is for it to set up the structure, leaving you more with the cosmetic aspects of the CSS to worry about.
Thank you so much for an awesome answer which cleared some of my doubts. I have more questions but I think I ll go and watch those videos where you are using bootstrap to build a site.
Awesome! Make sure to let me know what you think of it once you've watched a bit, and played around with it yourself!!
I liked the video and I agree. Me, myself I am using BootStrap for small projects, I think it's unprofessional to use BootStrap for a big and complicated projects, still that's my opinion.
Please upload bootstrap course! 🔥
Great!!! Thanks for Sharing!! ~ Peace :)
Hi Kevin and many thanks for that. Yes, it is nearly 5 years ago, but your comments are still relevent today. I think what you said 'think clearly what you want Bootstrap to do'. So, I started using it a number of years ago and it seemed to work well with my past assignments. But, there were so many times I had to work around a problem that it seems like the code I was using (not from bootstrap) did not seem to work. I now realise why I have spent so many hours debugging. So, here is my take on using bootstrap. I will not be using it again. Only some of the elements. Why????..... I am part way building a site for a client and the navbar that I created was doing some strange things that I could not see why. So, I spent hours around getting it to work. So, I had to break down the code to the whole html template bit by bit. At this stage, I only used bootstrap for a few lines, but I still used the whole bootstrap.css file. As part of debugging the page, I removed the bootstrap.css file and wham. My navbar started doing exactly what I wanted it to do. However, the rest of the site went crazy. I really didn't realise that bootstrap.css controlled so much of the page. So, my advice for any mid level developers and above like myself who are confident using flexbox, grid, media queries, display and position.....don't use the whole file.
Regards
George (UK)
PS: You're a brilliant teacher. My favourite on TH-cam (I follow you on a different login)
Kevin you should really start a podcast. You talk very smoothly and in a very understandable manner. Would love to listen to your podcast!
I've thought about it in the past, but I have no idea what I'd talk about!
@@KevinPowell Honestly, anything! I would love to listen to some of the experiences you've encountered in projects/teaching/youtube, also your thoughts about different paradigms used in web development in general, and how the industry/web development has changed through the years to you. There are definitely many videos/talks about these subjects but I think we would all like to listen to Your perspective because we really appreciate it. A podcast is nice to do that because you wouldn't have to summarize your ideas and just talk freely.
personally i only use bootstrap for the grid, forms and possibly cards but im using the SASS version. Apart from that its pure CSS.
Those, plus the navbar, are probably what a lot of people are using most I would guess. As long as you're just importing the parts of it your using with Sass, then it's all good.
Yeah nice lightweight file.
What should I learn Tailwind css or bootstrap???
my final year project is to develop a system for final exam scheduling. is it okay for me to use bootstrap ?
I don't see why not. Ideal for something like that, specially if you have to deal with tables. Again, I advocate for using it when you understand what it's doing, but for a project like that, where it'll help speed things up, I don't see the harm in it (of course, it depends a little on the constraints of the exam too!)
The components of bootstrap has lots of nested divs which make complicated to me if I want to customize them or override.
Sould i need to learn framework how much it worth 😅 yup my question is weird but i need to know from any experience one
I would like to know that how can i use z-index property in bootstrap....
Bootstrap is a pain to learn and to take advantage of. The documentation sometimes sucks too.
It taught me a lot when I learned it, so I'm happy I did. I totally agree about the documentation though, but it has improved a lot with v4 (especially in terms of organization!). You look at something like Foundation though, and it has much better support. But then, Foundation is created by a for-profit company, whereas Bootstrap is an Open Source project, so I guess the comparison isn't exactly fair either.
I've found that the documentation is actually pretty easy to navigate now.
I guess Bootstrap could be helpful for quick prototyping, but it seems like way too many people are reliant on it to the point where they don't properly understand/learn real CSS. CSS grid is far superior for layouts and can do it without a download...
Please I’m stuck and I’d love if someone can give me an honest answer.
Bootstrap or tailwind?
Excellent video on why, and why not use Bootstrap. Thanks, Kevin.
{2021-08-06}
I kind of wonder what do you think about Tailwind?
awesome sky
Please make a video on how to use bootstrap ?
yes, you right. many people doesn't use #bootstrap correctly...
when i saw #youtube video for learn bootstrap tutorial, many youtuber not describe bootstrap prpoperly...
Thanks question has been answered
Awesome :)
Funny thing. If you get a notification that you have a comment but can't find it that's because I asked the same question and then found this video so I went back and deleted it. I was auditing some classes on EDX.org to learn and be refreshed in my craft since I stepped away from websites for a little while to concentrate on graphic design and video editing. but I don't need those anymore. I've got you. If you know Wordpress I'd like a series on that. Thanks for all you do.
When you say WordPress, do you mean using it, modifying themes, or building themes from scratch? I've done it in the past, but I'm rusty now and I don't particularly like PHP, but you're not the first to ask.
Kevin Powell I meant using it. I don't see myself having a need to build a theme from scratch. I haven't used it in a while either. Lol
hey Kevin, hope ur doing well
I have a dream of a project which is a website since year ago, I didn't know anything about coding or how to setup a tools like bootstrap I was jumping between too many videos, I enrolled in many schools and camps for learning how to code there r many languages to choose many ways to build a website I really got confused ...in other words I NEED HELP !!
I am fascinated with Flipboard, I wanna do a website inspired by Flipboard. I know its a big project for such a beginner but I really cant stop thinking about, I already draw on paper how this project will look like as a website and a mobile application.
ur advice is appreciate it
thank you
Hi,
it was not addressed to me but I wanted to jump in to share my experience being in your shoes a couple months ago. DON'T RUSH. You need an incremental improvement. So,
1. Don't watch all youtube videos. You will waste your time and big frustration is waiting for you on that way. Just buy a course in udemy for $10 and learn in quality.
2. Plan the learning content. Start from HTML5 and move CSS. At that point you will have enough motivation making good pages. Then you will start Javascript. Rest will be easy for you.
Hope it will help!
I liked your comment over best practices. Nice insight. I hadn't thought about that, about what I can learn from the smart people who built BS.
Thanks Kev! What's the title of the intro song? Haha
Oh man, I totally forgot to put the attribution in the description! Thanks for reminding me, hah.
It's Tony's Belated Breakfast by Birocratic - soundcloud.com/birocratic/birocratic-tonys-belated-breakfast
I have a question. Now that we have websites like Wix growing in popularity and things like WP themes that can be outsourced to really cheap companies, is it still worth, in 2017, to try to become a front end developer? I mean in terms of one person, spending their spare time to learn to build a nice looking but basic website with the hopes of it turning into a front end career.
Awesome question, and hard to answer to be honest with you. I have built / modified WordPress themes, and will be customizing a SquareSpace theme soon (and you can even build you own SquareSpace themes).
I think services like Wix and Weebly take away from the low end, which doesn't bother me. If you're trying to freelance from home, you can be competing against people who are charging next to nothing to build a site anyway. That's not the clientel I would be after. Building a website for someone isn't just building them a site, it's solving a problem for them.
That said, things are being more automated every day, but I think it's a more valuable skillset than a lot of other jobs out there right now, both in terms of current employability, as well as the future. I mean, try to name me a job/career choice that isn't at risk of being devalued or disappearing in the future. Plus I think it gives you a different way of thinking and approaching work, as well as transferable skills, when you look at the bigger picture. But maybe I'm being optimistic?
I think having the skills to build a site, from scratch, without the aid of drag and drop utils is something that many companies would be interested in, but I think it's limited to a web dev company that offer a higher quality service.
I think most web dev companies would want people who can build from scratch. Many jobs won't be building sites, but maintaining them as well. But yes, higher quality service, which also means higher pay as well.
Hi Kevin. you mention that you build wordpress themes. Do you need to know a lot about PHP to do so? if yes, since PHP is a huge language, is there any specific topic we have to know about PHP in order to create our own theme? Thanks.
My PHP skills are... not the best, haha. But if you want to get into WP development, I'd start here: make.wordpress.org/core/handbook/best-practices/coding-standards/php/ - which looks at their coding standards, and then codex.wordpress.org/Theme_Development for more info on theme development. It's all rather dry, but it goes over the very basics and should be a nice start.
I've done a lot of things with pure CSS and I already feel confident with it, now I want something that helps me to do them faster. Should I start learning Bootstrap in 2020?
I think if you are designing your own site it’s probably ok but I found it more of a pain than help when I was getting sketch files from designers . Just use grid and flex and it’s simple enough
im building my first site and was going the wordpress route...which changed becasue i would have to create a theme from scratch to do what i needed...and ended up doing it in django..it was either spend time learning wordpress which is cool..or learn something a little more secure and less bloated..so i opted for django...then started making site look good with bootstrap and got stuck..so it was either spend time learning how to use bootstrap or just learn grid and flexbox...so i opted for that option...what a learning experience....this site was meant to be built in 1 month ..so far its nearly finished and its 3.5 months in...the sad part is ..the real nitty gritty part nobody will ever see..its for staff only ...its a recrutiment database back end..and a few basic forms front end thats all anyone will see...and the work to do the back end nearly killed me it was so tough...anyway thanks for your GREAT content.
Sounds like a heck of a journey and a really good (and maybe frustrating?) learning experience. Hopefully you'll have a chance to keep building more stuff (that more people can appreciate!)
I was thinking it was important to use. But.. Noo.. not for me. I haVe a vision of how to build my designs. And Bootstrap and my vision crashed like a lot. I have been living a bootstrap HELL no for a time. And Im glad to realize this. But true. I feel like I understand coding better after some stressfull bootstrap Wresteling
Helicopter part was very interesting
hi! sir i am a new code learner i want to learn html, css, and js,
will i learn frist html, css, and js, then will i learn bootstrap?
thanks for this video!
Get a good understanding of html & CSS. With that you can use Bootstrap. It's what led to me writing better CSS. JS is important, but practicing to build sites with html and CSS is key, and slowly start figuring out JS and using it in your projects.
It will always be best to learn the core languages before going onto extensions, libraries or frameworks.
I want to relocate for job in USA please reply your opinion sir.. thank you
I just started trying to use bootstrap. I really want to learn how to maximize my use with it.
Even if you have a minimal site why would anyone use a less popular framework that might not be updated or isn’t robust ?
I think bootstrap is a great framework, however, these days I prefer to use Grid CSS (developer.mozilla.org/en-US/docs/Web/CSS/CSS_Grid_Layout) for layouts. Once you get your head wrapped around the concept, it can be awesome and reduce lines of code. Materialize CSS (materializecss.com/) is also a pretty good framework for certain projects. The neat thing is, you can use sass (sass-lang.com/) to import only what you need from most frameworks and just write your custom css. Nevertheless, I do agree with Kevin. I think it’s important to think about what you’re trying to accomplish and then choose tools from your toolbox to help you accomplish your goals.
Thanks for including the links in your comment Andrew, hopefully some people take some time to dive into those! I have a few videos on Grid actually, and since then I've been playing with it more, it's really awesome and agree, I think it takes away a lot of what people rely on things like Boostrap for. It's a shame, but a lot of people use Bootstrap as a crutch, rather than a tool...
Materialize is the BEST!!!
Sir please make a Playlist for Vanilla JS please 🙏🙏🙏
Question - “Should you use bootstrap?”
Answer “Think carefully about how and when you should use bootstrap.”
I would love to see a PHP template built with the Bootstrap framework.
That could be fun, but my PHP is not the greatest... I'll keep it in mind though, but it might be awhile. Once I wrap up my current series I want to take a bit of a break before doing another long series.
I love writing super fast code... that people never have to "see". I don't know what my problem is, but UI's are always so painful for me. I'd be lethal, if I could get over this hump.
If you learn a framework well, it can let you write things faster. Just writting the html and using the right class names can leave very little CSS to do, beyond changing the visual style, the layout should be in place.
A lot of people see frameworks as tools for newer people, but I think they're more tools for people who really know what they are doing, since you can understand what's going on behind the scenes and make the changes needed a lot quicker, instead of fighting against the framework.
I don't think it should be used all the time, but you might be impressed with it after you give it a quick run through.
what's your opinion about semantic-ui?
I haven't used it, but it seems pretty useful. It has a ton of good functionality and debugging stuff, and allows for easy templating, so you could use it with your own visuals. It's in a bit of a different boat than Bootstrap, though I'm not sure if I'd use it for the layout, but some of it's other functionality instead. I still think that for some projects it could be great, where others not so much.
Kevin Powell I normally use both of them. But sometimes they conflict with each other
Nice
scss or tailwind css?
Some things that come to mind when watching your video.
First: How is bootstrap being "over used a problem"? as long as it does not hurt your load times?
Second: why not use bootstrap. it saves a bunch of time, even if you are doing something simple it be become more complicated in the future. why not have all the options available for growth?
I see more problems using less popular frameworks due to possible discontinuation of a product, limit growth without adding a bunch more work.
as someone said in the comments, Time is money. Learn the hard way to do something when you have too and get paid to learn.
The problem with it being over used is everything looks like a Bootstrap site. A site can be heavily customized to not, but at that point you aren't really saving time anymore.
The other issue is that it is hurting load times. Most people who use it don't have a great understanding of CSS (which is why they use it), or often JS either. They're loading in a ton of things they don't need and aren't optimizing.
Now, I do think it's a FANTASTIC tool for quickly throwing a project together. If you want a proof of concept or something simple, it's great! But if you rely on it to make your layouts, it's holding you back. I'd say the same for people who know React very well, but not vanilla JS (or jQuery for that matter, and I was included in that for a long time). In the short-run, sure, you can work faster. But what happens when you want a new job where you can't use it and you can't land a job because of it, or what happens if the market shifts and it's less popular and you're stuck with a reliance on it?
I learned *a lot* about CSS by using Bootstrap, and I credit it with helping me write better CSS. I love it for that. But it should be a tool in your arsenal, and not something you rely on. I also don't think you can use Bootstrap to it's maximum if you don't understand CSS and flexbox and all that anyway.
how does the new Bootstrap compete with React, Material and Angular?
its 2 different things. bootstrap is a css libary
Ecommerce Website Opencart with Bootstrap would be awesome
I've never used Opencart, so it might take me awhile to dig into it and make something with it, but I like the idea!