Tutorialspoint

April Learning Carnival is here, Use code FEST10 for an extra 10% off

Bootstrap - Create 4 Real World Projects

person icon Code And Create

4.2

Bootstrap - Create 4 Real World Projects

Bootstrap - Bootstrap with lots of CSS and JavaScript. CSS Flexbox included.

updated on icon Updated on Apr, 2024

language icon Language - English

person icon Code And Create

English [CC]

category icon Web Development,Bootstrap

Lectures -63

Resources -1

Duration -9.5 hours

4.2

price-loader

30-days Money-Back Guarantee

Training 5 or more people ?

Get your team access to 10000+ top Tutorials Point courses anytime, anywhere.

Course Description

INCLUDED:

  • Typography

  • Utilities

  • Layout in Bootstrap

  • CSS Flexbox

  • Bootstrap Grid System

  • Bootstrap Components

  • Project 1 - Pure Bootstrap Website

  • Project 2 - Admin Dashboard

  • Project 3 - photoX

  • Project 4 - Book Store

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.

Get fast and friendly support from instructors 24/7.

JOIN US!!!

Goals

What will you learn in this course:

  • 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

Prerequisites

What are the prerequisites for this course?

  • Modern Web Browser
  • Code Editor
  • ABC of HTML and CSS. Basics of JavaScript will be a plus, but not mandatory
Bootstrap - Create 4 Real World Projects

Curriculum

Check out the detailed breakdown of what’s inside the course

Welcome
5 Lectures
  • play icon Introduction 02:38 02:38
  • play icon What is Bootstrap? 03:15 03:15
  • play icon Setup 07:25 07:25
  • play icon How to get the most out of the course 02:50 02:50
  • play icon Download Source Code
Typography And Utilities
5 Lectures
Tutorialspoint
Layout (CSS Flexbox / Bootstrap Grid)
5 Lectures
Tutorialspoint
Project 1 - Pure Bootstrap Website
9 Lectures
Tutorialspoint
Project 2 - Admin Dashboard
13 Lectures
Tutorialspoint
Project 3 - PhotoX
11 Lectures
Tutorialspoint
Project 4 - Book Store
14 Lectures
Tutorialspoint

Instructor Details

Code And Create

Code And Create

e


Course Certificate

Use your certificate to make a career change or to advance in your current career.

sample Tutorialspoint certificate

Our students work
with the Best

Related Video Courses

View More

Annual Membership

Become a valued member of Tutorials Point and enjoy unlimited access to our vast library of top-rated Video Courses

Subscribe now
Annual Membership

Online Certifications

Master prominent technologies at full length and become a valued certified professional.

Explore Now
Online Certifications

Talk to us

1800-202-0515