Tutorialspoint

This Black Friday, Get lowest Price Ever! Use: BFS8

Bootstrap By Building Projects - Includes Bootstrap 4

person icon Eduonix Learning Solutions

4.5

Bootstrap By Building Projects - Includes Bootstrap 4

Master Responsive Web Development Using Bootstrap 3 and Bootstrap 4 While Building Real Life projects

updated on icon Updated on Oct, 2024

language icon Language - English

person icon Eduonix Learning Solutions

English [CC]

category icon Development ,Web Development,Bootstrap

Lectures -162

Resources -50

Duration -14.5 hours

Lifetime Access

4.5

price-loader

Lifetime Access

30-days Money-Back Guarantee

Training 5 or more people ?

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

Course Description

Bootstrap is the world's most popular mobile-ready web development framework for HTML, CSS and JavaScript. Bootstrap is for you if you want to quickly build a super cool website that works across devices and browsers. It is easy to learn and super powerful. We have recently included new projects from Bootstrap 4 beta in addition to Bootstrap 3 which is the stable version of Bootstrap.

We have brought together all the best practices of building bootstrap sites into a unique project-based course that will teach you all the nuances of web development while building real-world bootstrap projects. The projects cover the generic development process and are diverse enough to cover a very wide variety of websites. The projects covered in the course are

Bootstrap 3 Projects 

Photo App Sales Website: A simple project to get you started. It will help you quickly master the basic bootstrap structures and you will be quickly up and running on your first bootstrap website.

Portfolio Resume using SASS - Learn to use SASS along with Bootstrap for this next project. Learn about Grid Systems, List Styling and Progress Bar Components in this course.

Social Network Template - This will be a fairly complex project with multiple bootstrap components. You will learn about Nested grids, Button Groups, Gallery plugins and Responsive Media Queries.

Agency Landing Page - This project develops a landing page using LESS. LESS is a CSS preprocessor. You will also learn Jumbotron showcase, Scroll Down Effect and Font Awesome Icons.

Photo Gallery - You will learn to create a Photo gallery display using components such as Grid UI and Tab Widget. You will also learn the use of Bootstrap Image Carousel and Photo Lightbox Jquery Plugin.

CMS Admin Template - Learn to build an Admin template for a content management system. You will learn the use of Bootstrap Table Classes, Glyphicons, Breadcrumbs and Button Groups

Web hosting Company Website - This project will teach you Bootstrap Components such as Bootswatch UI tools, Content carousel, Stack icons and stylish fonts.

E-commerce Template - Learn to build the front end of an E-commerce website. Learn components such as Tab Widget, Product Grid and Custom header.

Business Bootstrap Theme - Learn to use animation in your website with animated CSS. Also, learn to optimize your site for mobile with this amazing project.

Blog Website - Learn to build the front end of the blog with components such as a Dropdown menu, Contact form, Carousel Thumbnails & Grid View.

Bootstrap 4

What is New in Bootstrap 4 - Get to know everything new in Bootstrap 4

Hello World Project - Build a complete project template

Complete Website Project - A complete website built using the latest Bootstrap 4 features

More Bootstrap 4 projects will be added soon.

With all these projects under your back, you can build almost anything with Bootstrap. So click that Enroll button and see you on the other side.

Who this course is for:

  • Students who want to build responsive websites using Bootstrap and have basic knowledge of HTML and CSS should find this course extremely helpful

Goals

  • Build Responsive Websites
  • Understand the use of Bootstrap Components
  • Master the best practices for HTML, CSS and JS development

Prerequisites

  • Students should have a fair understanding of HTML, CSS and JS for this course
Bootstrap By Building Projects - Includes Bootstrap 4

Curriculum

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

Introduction Section
8 Lectures
  • play icon Intro 03:29 03:29
  • play icon Who is this Course for 05:42 05:42
  • play icon How to Succeed 03:28 03:28
  • play icon Advantages and Disadvantages 03:42 03:42
  • play icon What this Course will Cover 05:31 05:31
  • play icon Html Review 10:31 10:31
  • play icon Css Review 06:22 06:22
  • play icon Attachment File
Bootstrap 101
4 Lectures
Tutorialspoint
SCSS + Gulp
16 Lectures
Tutorialspoint
Grid and Flexbox
12 Lectures
Tutorialspoint
Typography
5 Lectures
Tutorialspoint
Code Images and Figures
9 Lectures
Tutorialspoint
Components I Alerts, Badges, Breadcrumbs and Toasts
12 Lectures
Tutorialspoint
Components 2 Buttons, Button Groups and Pagination
6 Lectures
Tutorialspoint
Components 3 Cards
6 Lectures
Tutorialspoint
Components 4 Carousel, Collapse and Dropdown
9 Lectures
Tutorialspoint
Components 5 Forms and Input Groups
11 Lectures
Tutorialspoint
Components 6 Jambotrone, Listgroups and Media objects
8 Lectures
Tutorialspoint
Components 7 Modal, Popovers and Tooltips
5 Lectures
Tutorialspoint
Accessibility
3 Lectures
Tutorialspoint
Utilities
5 Lectures
Tutorialspoint
Project 1
3 Lectures
Tutorialspoint
Project 2
4 Lectures
Tutorialspoint
Project 3
3 Lectures
Tutorialspoint
Project 4
4 Lectures
Tutorialspoint
Project 5
3 Lectures
Tutorialspoint
Project 6
3 Lectures
Tutorialspoint
Project 7
6 Lectures
Tutorialspoint
Project 8
3 Lectures
Tutorialspoint
Project 9
6 Lectures
Tutorialspoint
Project 10
7 Lectures
Tutorialspoint

Instructor Details

Eduonix Learning Solutions

Eduonix Learning Solutions

Eduonix creates and distributes high quality technology training content. Our team of  industry professionals have been training manpower for more than a decade. We aim to teach technology the way it is used in industry and professional world.  We have professional team of trainers for technologies ranging from Mobility, Web to Enterprise and Database and Server Administration.

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