Complete Bootstrap 5.2.1

Path way to bootstrap pro

What you'll learn

Ability to setup bootstrap using CND and source code

Able to building modern project

Have capacity to become freelanser

Start taking on clients

Requirements

Basics knowledge on operating Desktop or Laptop

Have knowledge on HTML and CSS

Basics or no prior knowledge on JavaScript

Using the web browser to source for information

Description

What we shall be covering in the bootstrap course are:+  Typography+  Utilities+  Layout in Bootstrap+  CSS Flexbox+  Bootstrap Form +  Bootstrap Grid System+  Bootstrap Components+  Project 1 - Bicycle+  Project 2 -gallery+  Project 3 - sales+  Project 4 - dashboardIf 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 5.2.1 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 we will built on using Bootstrap Content Delivery Network (CDN).The second project will be the photo gallery, in which we will use bootstraps and also some CSS  and SASS compiler. So, in this section, you will be able to learn how to use third parties plugin like lightbox.The next project is going to be sales. It will be a website about something like a online shop. This project will consist of multiple pages in which, you will meet more advanced and complicated things built with bootstrap.As for the last project we will  admin dashboard. This is a single page application (SPA) where you can manage the activities of users. The site is really nice and different types of pagess, 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.Get fast and friendly support from instructors 24/7.JOIN US!!!

Overview

Section 1: Introduction

Lecture 1 Introduction

Section 2: Fundamental of bootstrap sandbox

Lecture 2 002 projects preview

Lecture 3 003 basic typography

Lecture 4 004 text alignment

Lecture 5 005 float positioning

Lecture 6 006 color background

Lecture 7 007 margin and padding spacing

Lecture 8 008 sizing and border radius

Lecture 9 009 breakpoints

Lecture 10 010 buttons part 1

Lecture 11 011 buttons part 2

Lecture 12 012 buttons part 3

Lecture 13 013 navbar part 1

Lecture 14 014 navbar part 2

Lecture 15 015 navbar part 3

Lecture 16 016 lists group

Lecture 17 017 form part 1

Lecture 18 018 form part 2

Lecture 19 019 input group

Lecture 20 020 alert and progress bar

Lecture 21 021 flexbox

Lecture 22 022 tables and responsive table

Lecture 23 023 card part 1

Lecture 24 024 card part 2

Lecture 25 025 card part 3

Lecture 26 026 images

Lecture 27 027 placeholders

Lecture 28 028 offcanvas and spinners

Lecture 29 029 boostrap grid layout

Lecture 30 030 grid alignment

Lecture 31 031 auto margin, wraping and ordering

Lecture 32 032 carousel part 1

Section 3: JavaScript Widgets

Lecture 33 032 carousel part 1

Lecture 34 033 carousel part 2

Lecture 35 034 collapse button and accordion

Lecture 36 035 tooltips

Lecture 37 036 popovers

Lecture 38 037 modal and modal login

Lecture 39 038 scroll spy

Section 4: FIRST PROJECT (Bicycle)

Lecture 40 039 introduction to first project

Lecture 41 040 creating the navigation part 1

Lecture 42 041 finishing the navigation bar and applying background image to home section

Lecture 43 042 finalizing the home section

Lecture 44 043 building the service section

Lecture 45 044 applying font awesome to card

Lecture 46 045 building gallery section

Lecture 47 046 finalizing the gallery by adding lightbox script part 1

Lecture 48 047 finalizing the gallery by adding lightbox script part 2

Lecture 49 048 setting up about us section

Lecture 50 049 building up contact us section

Lecture 51 050 building up the footer

Lecture 52 051 updating px unit to rem unit

Lecture 53 052 updating px unit to rem unit continue and media query

Lecture 54 053 applying scroll spy to our project

Section 5: SECOND PROJECT (Gallery)

Lecture 55 054 introduction (gallery project)

Lecture 56 055 designing the navigation bar

Lecture 57 056 finalizing the navigation bar

Lecture 58 057 building the home page

Lecture 59 058 building the search form

Lecture 60 059 building the login form

Lecture 61 060 creating the footer

Lecture 62 061 creating the gallery page

Lecture 63 062 creating the registration page

Lecture 64 063 implimenting media query to the project

Section 6: THIRD PROJECT (Sales)

Lecture 65 064 introduction to sales project

Lecture 66 065 structuring the navigation bar

Lecture 67 066 laying out the carousel slide

Lecture 68 067 applying transition to carousel slide

Lecture 69 068 applying sales card

Lecture 70 069 applying sales card coutinuation

Lecture 71 070 applying footer to the page

Lecture 72 071 creating the about page

Lecture 73 072 creating the registrantion page

Lecture 74 073 wraping up the sales project

Lecture 75 074 wraping up the sales project continue

Section 7: FOURTH PROJECT (admin dashboard)

Lecture 76 075 introduction to dashboard project

Lecture 77 076 creating offcanvas segment

Lecture 78 077 creating offcanvas segment part 1

Lecture 79 078 creating offcanvas segment part 2

Lecture 80 079 creating up the main area

Lecture 81 080 customer table layout

Lecture 82 081 customer table pagination

Lecture 83 082 booking section

Lecture 84 083 booking section continuation

Lecture 85 084 profile section

Lecture 86 085 comments page

Lecture 87 086 customers page

Lecture 88 087 creating the delete, service and profile pages

Lecture 89 088 confirm the media query

Section 8: What Next?

Lecture 90 089 what next

Those that have little of no knowledge on Bootstrap,Those that have learn about bootstrap versions 1 - 4,Those who intended to move to the next level of their web design/development skills