My man Bob Traversy. If I'm visualizing how to implement something new or solve a dev issue without reinventing the wheel, I come here. Even 6 years later his videos can give you a good starting point on the solution you're looking for.
Love how you made design accessible even to nondesigners. As a back-end dev I have no intention or capabilities to become designer, BUT I still would like to be able to make my work at least a little aesthetically pleasing where I do not want to run away from my own projects. Usually, any form design seems unapproachable, but you show a little color change here, width and alignment there, and I can get inspired about presenting server output nicely again, not worrying about outsourcing every UI element.
Hi guy, are you fine? Is it possible to you make a tutorial teaching how to integrate these cms to the website project? I hope you understood what i meant...
this was honestly so amazing to actually make my bootstrap skills work (esp since i tried to recreate the page before you showed us how) your videos are honestly always SO USEFUL and i'm just so grateful to have them. as someone who really wants to have at least basic knowledge of full stack before she starts first year of uni, i've been looking for practical usage videos and yours NEVER disappoint. thank you so much for taking all this time and getting us this content for free. i promise when i start earning by myself, I'll definitely be donating to your patreon because you're essentially my saviour here. thanks again !
I've been trying to learn PHP but you know there should be a front-end as well to implement it. I tried the bootstrap dashboards on the internet but learned nothing. Watching your video, I've designed the basic ui I needed in 15 mins. Thank you for that great work and looking forward to seeing more from you!
Hi I have been away from web development for 12 years and I have found your videos to be very informative and easy to follow and a great help in getting me caught up. Thanks for taking the time to make these video and keep up the great work!
Just finished recreating this 😊 Thanks a lot for putting this on here, Brad. Btw, you made it look so easy 😂 Took me at least 4hrs because so much has changed with Bootstrap since 2017. I've learnt so much now by actually recreating this. Thanks!!! You're a huge blessing 🙌🔥
Per your words, it might not be "the best" looking dashboard, but the knowledge this video contains especially concerning the parts of a cms dashboard more than makes up for that. Thanks so much for this video!
Excellent work done and it's been amazing video by using bootstrap documentation and taught me how to use bootstrap for creating dashboard. i also learnt so many things by watching your videos whatever i have learnt front-end just because of you. Thank you so much for giving your precious time and god bless you
If you're having trouble, just know that bootstrap has been revised since this video was made. Things like panels and wells no longer exist so you have to use cards instead. I'm new to bootstrap so I was very confused at first but if a bootstrap class doesn't work you can usually find an alternative on their website.
You are such an awesome instructor that I did not find words to say Thank you. All videos you made are sp helpul that we never need to look back to google.
Brad, this tutorial was extremely informative. I love your teaching style; you make things easy to understand. I cannot tell you how timely this video is for me; thanks so very much!!
It is really a good tutorial and very simple to follow. I really like the way presenter explains the code... Now i am waiting for the next step of linking the Backend to front end.
Thanks very much for this overview. I'm already using bootstrap in a custom data app (PHP/MySQL), all's going well, but after watching this, it'll look better 👍
Bootstrap is currently in version 4, this was built on version 3.3.7. You can get the same bootstrap boilerplate at the beginning of the tutorial from Bootstrap's legacy site: getbootstrap.com/docs/3.3/getting-started From there, you can navigate to the 'examples' link for your index.html along with other Bootstrap code snippets to follow along. Also, he switches back and forth between code and browser to check his work. If you use 'live-preview' you won't have to refresh your browser to see your changes. Live-preview a plug-in available for MS VS Code (IDE), Atom, Sublime and as a stand-alone for node JS through npm. Quick note to Brad: great project for anyone with an interest in building a CMS or just trying to understand CMS UI requirements. Thank you for this tutorial.
Amazing. Thanks. Thanks for the source code, too. I am a beginner, working at the moment on a military technology website. I was desperate and hopeless before watching this video. Good job. Keep it up.
Thanks. Although a huge chunk of professional developers use Linux or Mac, most of those guys know how to use Windows but not the other way around. And I want to be able to reach everyone :)
Great video. One tip: instead of #333333, #ffffff, #cccccc, etc... you can write the shorthand form: #333, #fff, #ccc.. etc. Or any other combination of double characters. For instance #ff8800 can be written as #f80.
Excellent tutorial. I watched the entire video and I really enjoyed the explanations and the code flow. It's very fun to watch the experience take place in structuring the entire project and explaining it on the fly
This one took awhile but still a great tutorial. Brad You are the man. Your value to new and aspiring Devs is off the charts. please at the very least throw this man a like and/or a sub.. i recommend the BootStrap Crash Course from Traversy Media to get you up to speed with the bootstrap syntax, but in reality its not that hard to pick up.
Great videos, Brad! I didn't know shit about Bootstrap until I started watching your videos, of which I have seen a few. Now I feel confident enough to start working with Bootstrap! Thank you!
I would recommend you Visual Studio Code However, it does not matter. The main thing is what you do here. It's awesome, thank you for taking time out of your busy schedule. Thumbs up :)
Good all days u used notepad++ :) I use brackets and I love it with all plugins put in place. Probably the best for html + js + css development. Not so, for PHP development. Netbeans is brilliant for PHP, close to PhpStorm.
I was just wondering how people can be so cruel?! If you don't like the video at the very least don't discourage the author by disliking it. Just jog on! I enjoyed the video thoroughly though.
***** ok, thanks. A MEAN stack admin panel tutorial would be even better, so the dashboard can actually have functionality. Just a thought. Thanks for all these awesome tutorials.
possible at all that you'll do a vid on how to hook this up to the backend via server side code, e.g. php, node, etc.? your tutorials have been by far the most useful I've come across
Thank you for course. I have take a lot of things which I need. I from Uzbekistan. At the moment , I think good time for learn new things. Because we have strong quartine time.
Decided to give this a shot without peeping at your code but I'm stuck. How would you re-do the panel section now that panels are no longer available on Bootstrap? I've tried using the card property but it'll clump things up like if I floated left
Awesome, could you use something like strapi as the backend for this? A headless CMS to make a CMS lol, would love to learn how to make my own CMS but unsure the best approach to take, also pretty new to programming :) Thanks
I solved the problem myself, to those who are interested, check out the link below. Basically you need to create 2 version of the text, just hide another one when the other one is active, and give them an ID to asjust the position: stackoverflow.com/questions/23700941/bootstrap-full-responsive-navbar-with-logo-or-brand-name-text
Hi Brad, i took the code from this tutorial and try to modify it for the actual front end, but I am having problems... can i send you the code so you can help....
Amazing tutorial! You are a saint my friend. One question. The video that precedes this you talk about Bootstrap being a mobile-first design platform, but in this we went straight in to desktop. I know that it ended up being responsive and everything, but if it were a more complex project would you recommend building out the mobile UI first? Thanks again!
Hello, I wanted to thank you for your effort in making tutorials, I've already learned a lot from it, and they all are great, you can be a perfect teacher! Cheers. But one question about implementing the bootstrap, how would you implement bootstrap in the project for the company, the same way as in your tutorial, or some other way, and what is the safer way to do it?
yeah im curious to how you build a cms that is connected to the application you built for the client. If you build a django app, would you just let them use the admin panel to update it? Im a junior developer that is just starting out with building extensive django apps. Im really curious how to create a cms to use for projects in the future
My man Bob Traversy. If I'm visualizing how to implement something new or solve a dev issue without reinventing the wheel, I come here. Even 6 years later his videos can give you a good starting point on the solution you're looking for.
Love how you made design accessible even to nondesigners. As a back-end dev I have no intention or capabilities to become designer, BUT I still would like to be able to make my work at least a little aesthetically pleasing where I do not want to run away from my own projects. Usually, any form design seems unapproachable, but you show a little color change here, width and alignment there, and I can get inspired about presenting server output nicely again, not worrying about outsourcing every UI element.
I hear you man I do. Design is not my thing either.
The #1 reason why I'm here.
Hi guy, are you fine? Is it possible to you make a tutorial teaching how to integrate these cms to the website project? I hope you understood what i meant...
17:20 dashboard line is the nose and mouth is the space between ul, you are such an artist
this was honestly so amazing to actually make my bootstrap skills work (esp since i tried to recreate the page before you showed us how) your videos are honestly always SO USEFUL and i'm just so grateful to have them. as someone who really wants to have at least basic knowledge of full stack before she starts first year of uni, i've been looking for practical usage videos and yours NEVER disappoint. thank you so much for taking all this time and getting us this content for free. i promise when i start earning by myself, I'll definitely be donating to your patreon because you're essentially my saviour here. thanks again !
I've been trying to learn PHP but you know there should be a front-end as well to implement it. I tried the bootstrap dashboards on the internet but learned nothing. Watching your video, I've designed the basic ui I needed in 15 mins. Thank you for that great work and looking forward to seeing more from you!
Hi I have been away from web development for 12 years and I have found your videos to be very informative and easy to follow and a great help in getting me caught up. Thanks for taking the time to make these video and keep up the great work!
Just finished recreating this 😊
Thanks a lot for putting this on here, Brad.
Btw, you made it look so easy 😂
Took me at least 4hrs because so much has changed with Bootstrap since 2017. I've learnt so much now by actually recreating this.
Thanks!!!
You're a huge blessing 🙌🔥
Per your words, it might not be "the best" looking dashboard, but the knowledge this video contains especially concerning the parts of a cms dashboard more than makes up for that. Thanks so much for this video!
Excellent work done and it's been amazing video by using bootstrap documentation and taught me how to use bootstrap for creating dashboard. i also learnt so many things by watching your videos whatever i have learnt front-end just because of you.
Thank you so much for giving your precious time and god bless you
Anything brad teaches its really cool and simple and the best part is anyone can grasp fundamentals. Good to have you brad
If you're having trouble, just know that bootstrap has been revised since this video was made. Things like panels and wells no longer exist so you have to use cards instead. I'm new to bootstrap so I was very confused at first but if a bootstrap class doesn't work you can usually find an alternative on their website.
You are such an awesome instructor that I did not find words to say Thank you. All videos you made are sp helpul that we never need to look back to google.
I just come across this video and am glued. A well executed tutorial for a beginner like myself. Thank you.
Brad, this tutorial was extremely informative. I love your teaching style; you make things easy to understand. I cannot tell you how timely this video is for me; thanks so very much!!
Would love to watch a bootstrap 4 tutorial on creating an admin panel layout similar to adminLTE. Thanks so much for these helpful
videos.
It is really a good tutorial and very simple to follow. I really like the way presenter explains the code... Now i am waiting for the next step of linking the Backend to front end.
Incredible. Thank you for your efforts. You're making this stuff look really simple to do with your clear explanations.
Thanks very much for this overview. I'm already using bootstrap in a custom data app (PHP/MySQL), all's going well, but after watching this, it'll look better 👍
REALLY IMPRESSED WITH YOUR TEACHING AND THE QUICKNESS OF YOUR DESIGNING KEEP IT UP...
Bootstrap is currently in version 4, this was built on version 3.3.7. You can get the same bootstrap boilerplate at the beginning of the tutorial from Bootstrap's legacy site: getbootstrap.com/docs/3.3/getting-started From there, you can navigate to the 'examples' link for your index.html along with other Bootstrap code snippets to follow along.
Also, he switches back and forth between code and browser to check his work. If you use 'live-preview' you won't have to refresh your browser to see your changes. Live-preview a plug-in available for MS VS Code (IDE), Atom, Sublime and as a stand-alone for node JS through npm.
Quick note to Brad: great project for anyone with an interest in building a CMS or just trying to understand CMS UI requirements. Thank you for this tutorial.
I'm really enjoying your content! I found you based on the new UA-cam algorithm! I just subbed!
Amazing. Thanks. Thanks for the source code, too. I am a beginner, working at the moment on a military technology website. I was desperate and hopeless before watching this video. Good job. Keep it up.
I really like your videos. The thing I like most is that you use MS Windows as your environment. Keep doing great job man!
Thanks. Although a huge chunk of professional developers use Linux or Mac, most of those guys know how to use Windows but not the other way around. And I want to be able to reach everyone :)
Great video. One tip: instead of #333333, #ffffff, #cccccc, etc... you can write the shorthand form: #333, #fff, #ccc.. etc. Or any other combination of double characters. For instance #ff8800 can be written as #f80.
Excellent tutorial. I watched the entire video and I really enjoyed the explanations and the code flow. It's very fun to watch the experience take place in structuring the entire project and explaining it on the fly
This one took awhile but still a great tutorial. Brad You are the man. Your value to new and aspiring Devs is off the charts. please at the very least throw this man a like and/or a sub.. i recommend the BootStrap Crash Course from Traversy Media to get you up to speed with the bootstrap syntax, but in reality its not that hard to pick up.
emmet tip - .classname+tab will give you a div with class name - saves some typing
Great videos, Brad! I didn't know shit about Bootstrap until I started watching your videos, of which I have seen a few. Now I feel confident enough to start working with Bootstrap! Thank you!
youtube seriously needs a back end functionality video to make bootstrap functional.
Sweet group of pages. Just add db code and it's finished. Great work.
He is the most practical and precise teacher ever!!!
Man, you are a magnificent teacher for me, if I had money I'd pay to learn from you. Thanks Alot
you're my hero, looking for this kind of tutorial, now just need a little bit back-end PHP functionality. TQ so much.
I'm a programmer by trade and i get often lost when it comes to front-end.
Man, that just saved my life!
Thank you, Brad. This course is so rich.
You are a Star.
Can you do a tutorial of the backend and functionality?
Wonder how well would u teach in premium courses ..
Explained really well. ... Great Work
I would recommend you Visual Studio Code However, it does not matter. The main thing is what you do here. It's awesome, thank you for taking time out of your busy schedule. Thumbs up :)
You're welcome. I use VSC as well. I love that, Atom and Sublime
Good all days u used notepad++ :)
I use brackets and I love it with all plugins put in place.
Probably the best for html + js + css development. Not so, for PHP development. Netbeans is brilliant for PHP, close to PhpStorm.
You deserve more Likes and Views sir Brad! :) You're really a great teacher..
I was just wondering how people can be so cruel?! If you don't like the video at the very least don't discourage the author by disliking it. Just jog on! I enjoyed the video thoroughly though.
Any chance of a angular 2 tutorial for building an admin panel from scratch?
Same question
Ill put some thought into it
***** ok, thanks. A MEAN stack admin panel tutorial would be even better, so the dashboard can actually have functionality. Just a thought. Thanks for all these awesome tutorials.
this will be great please hurry
I would also love to see an Angular 2 version of this wonderful tutorial.
How add backend database code on this template? Any tutorial?
The link to download code dosent word
Excellent tutorial!!. Now I will work on the backend with Angular. Thanks a lot :)
sir you are a great teacher in world.. i humble request you to add backend it will also help people that how cms admin pannel works .
Thanks Brad for an awesome tutorial. Looking forward to more amazing stuff from you.
Very Nice Tutorial To Learn Frontend from A - Z. Keep it up !!
possible at all that you'll do a vid on how to hook this up to the backend via server side code, e.g. php, node, etc.? your tutorials have been by far the most useful I've come across
i would love to watch a bootstrap 4 like build the full website. Thanks so much for these helpful
videos.
You Sir are simply Amazing! Thank you for such up-to-date Tutorials, highly appreciate it!!
Thank you for course. I have take a lot of things which I need. I from Uzbekistan. At the moment , I think good time for learn new things. Because we have strong quartine time.
Mate every video of yours is very helpful for me thanks very much.
Sweet Tutorial! That's a fairly good-looking dashboard right there
cann you do the back end of this?
I usually take the administrative templates at e-web.top/admin-templates-type/, if someone needs, please contact
@@СергійТіток Man, i thank you for this vídeo. But i really need the back end for this cms... I am a newbie in this world. Can you help me?
very very good tutorial. Was a pleasure to watch and looks very cool !
very nice! I wish you would do the back-end functionality with PHP. Thanks!
For me, Python is far better than PHP.
no, vb6 is better
Converting this to PHP would be quite simple. If you know a little PHP you could easily take this and transform it.
I agree with you！
I mean that Python is far better than PHP. Hope that do the back-end functionality with Python video.
I have seen and bougth many videos from you, and this is one of my favs! thanks
Your videos are awesome, learnt so much from them.. Keep on posting more!
10:23 navbar-right class is not working for me
Hey there. I noticed you deleting content to customize for pages at the 1 hr mark. Is there a quick way to know what the last would be to delete?
I don't understand why in panel-body in index file not have row class but in pages have ?
hello, how to set footer stay below on the page?
is there any Laravel CMS what does not require coding? Is it possible to build a website in Laravel without knowing how to code, similar to WordPress?
Hey I love your content, keep up the good work!
That CK Editor! I was searching for it! ;) Thanks Brad!
Decided to give this a shot without peeping at your code but I'm stuck. How would you re-do the panel section now that panels are no longer available on Bootstrap? I've tried using the card property but it'll clump things up like if I floated left
Awesome, could you use something like strapi as the backend for this? A headless CMS to make a CMS lol, would love to learn how to make my own CMS but unsure the best approach to take, also pretty new to programming :) Thanks
Any chance of showing us how to make the footer of this website stick to the bottom of the page?
Hello, why is the footer not completely at the bottom? Is that okay? It goes to to bottom if you resize it
the link for download source code is not accessible
what is the best in server side? like the real time chatting app?
Great material, can you include backend functionality please using php of course,
I'll be waiting for it sir, keep up the good stuff
Are you still waiting?
Does anyone know what version of Bootstrap is used in this video..?
While I click the link of download code, I got blank page.
How do you actually make the login function works?
can't use the tbws color brad.
what should i do?
I'm kind of new to this... is this a replacement for Wordpress and other CMS tools?
I want to use this for a trading journal for customers. Can I use this to for that too?
How to adjust the nav-bar's vertical position? It really bothers me in the mobile view
I solved the problem myself, to those who are interested, check out the link below. Basically you need to create 2 version of the text, just hide another one when the other one is active, and give them an ID to asjust the position:
stackoverflow.com/questions/23700941/bootstrap-full-responsive-navbar-with-logo-or-brand-name-text
Great work bro! I just have a question... How can I put the footer sticked to the bottom of the page even when the body of the content is short?
v.great tutorial. Can you do one with regards to adding functionality to the cms ?
Hi Brad, i took the code from this tutorial and try to modify it for the actual front end, but I am having problems... can i send you the code so you can help....
Amazing tutorial! You are a saint my friend.
One question. The video that precedes this you talk about Bootstrap being a mobile-first design platform, but in this we went straight in to desktop. I know that it ended up being responsive and everything, but if it were a more complex project would you recommend building out the mobile UI first?
Thanks again!
Hello, I wanted to thank you for your effort in making tutorials, I've already learned a lot from it, and they all are great, you can be a perfect teacher! Cheers. But one question about implementing the bootstrap, how would you implement bootstrap in the project for the company, the same way as in your tutorial, or some other way, and what is the safer way to do it?
Thank you very much Sir. Really appreciate your work. This video helped me a lot
You sir are a great teacher !!
Thank you, I appreciate that. Thanks for watching!
please make a new one with bootstrap 4. it'll be really helpfull.
AND AS ALWAYS THANKS SIR.
Now that #bootstrap5 is out, please, update the Admin Dashboard & add a WebApp. Thanks, a lot.
thanks you sir i am one of your students on udemy sir please include this tutorial in one of your bootstrap courses Thank you once again
Nice theme, great job! Since you are back-end developer, have you been thinking of doing some tutorial of back-end part of the admin page?
Yes, not sure what I want to do it with yet and if Ill be able to do the entire thing
yeah im curious to how you build a cms that is connected to the application you built for the client. If you build a django app, would you just let them use the admin panel to update it? Im a junior developer that is just starting out with building extensive django apps. Im really curious how to create a cms to use for projects in the future
where z its back end ??, i really need to take a look ov it??
Amazing.
Any chance of a video for the back-end coding?
you are wonderful because of your course now i can be strong to create a website thank you very much
U are gonna apply the backend to this project? It would be awesome to learn it in your channel, thx!
how about the back-end with the php thing
sory sir.may i get this website full?with database,layout for user!!
can you please make a complete video like this for Backend and frontend?
Hello sir, could I use this template for personal use?
Any chance of a react tutorial for building an admin panel from scratch
Has ther been a back end follow up video this yet? Amazing Video
How about some headless magento 2 with angular 4 frontend. Please..