Learn Bootstrap By Building Projects – Includes Bootstrap 4

Learn Bootstrap By Building Projects – Includes Bootstrap 4, available at $54.99, has an average rating of 3.95, with 231 lectures, 14 quizzes, based on 1786 reviews, and has 16632 subscribers.

You will learn about Build Responsive Websites Understand the use of Bootstrap Components Master the best practices for HTML, CSS and JS development This course is ideal for individuals who are Students who want to build responsive websites using bootstrap and have basic knowledge of HTML and CSS should find this course extremely helpful It is particularly useful for Students who want to build responsive websites using bootstrap and have basic knowledge of HTML and CSS should find this course extremely helpful.

Enroll now: Learn Bootstrap By Building Projects – Includes Bootstrap 4

Summary

Title: Learn Bootstrap By Building Projects – Includes Bootstrap 4

Price: $54.99

Average Rating: 3.95

Number of Lectures: 231

Number of Quizzes: 14

Number of Published Lectures: 231

Number of Published Quizzes: 14

Number of Curriculum Items: 245

Number of Published Curriculum Objects: 245

Original Price: $27.99

Quality Status: approved

Status: Live

What You Will Learn

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

Who Should Attend

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

Target Audiences

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

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 which work 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 bought together all the best practices of building bootstrap sites into an unique project based course which will teach you all the nuances of web development while building real world bootstrap projects. The projects cover 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 plugin 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, Breadcrums 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 a 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 animate 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 Dropdown menu, Contact form, Carousel Thumbnails & Grid View.

Bootstrap 4

Whats New in Bootstrap 4�– Get to know everything thats new in Bootstrap

Hello World Project –�Build a complete project template

Complete Website Project –�A complete website built using latest Bootstrap 4 features

More Bootstrap 4 projects will be added soon.

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

Course Curriculum

Chapter 1: Introduction Section

Lecture 1: Intro

Lecture 2: Who is this Course for

Lecture 3: How to Succeed

Lecture 4: Advantages and Disadvantages

Lecture 5: What this Course will Cover

Lecture 6: Html Review

Lecture 7: Css Review

Chapter 2: Bootstrap 101

Lecture 1: Framework vs Library

Lecture 2: Reading Documentations

Lecture 3: Getting Started

Chapter 3: SCSS + Gulp

Lecture 1: Sass-Intorduction

Lecture 2: Gulp-Intorduction

Lecture 3: Installing-Sass-Windows

Lecture 4: Installing-nodejs-and-npm

Lecture 5: Starting out with gulp and sass

Lecture 6: Testing with Browsersync

Lecture 7: Sass Porject Structure

Lecture 8: Variables and Nesting

Lecture 9: BEM

Lecture 10: Extends Mixins and Includes

Lecture 11: Functions and Operators

Lecture 12: LAB1 Problem

Lecture 13: LAB1 Solution

Lecture 14: LAB2 Problem

Lecture 15: LAB2 Solution

Chapter 4: Grid and Flexbox

Lecture 1: Flexbox

Lecture 2: Installing with NPM

Lecture 3: Adding Custom Bootstrap to Project

Lecture 4: Container and Breakpoints

Lecture 5: Grid Options

Lecture 6: Equally width Columns

Lecture 7: Gutters and Alignment

Lecture 8: What to stay away from in Bootstrap Grid

Lecture 9: Nesting and Sass

Lecture 10: Lab Problem

Lecture 11: Lab Solution

Chapter 5: Typography

Lecture 1: Typography

Lecture 2: RFS

Lecture 3: RFS in Action

Lecture 4: Vertical Rhythm Updated

Chapter 6: Code Images and Figures

Lecture 1: Code

Lecture 2: Images and Figures

Lecture 3: Table Syntax

Lecture 4: Bootstrap Tables

Lecture 5: Bootstrap Responsive Tables

Lecture 6: None Bootstrap Responsive Tables

Lecture 7: Lab Problem

Lecture 8: Lab Solution

Chapter 7: Components I Alerts, Badges, Breadcrumbs and Toasts

Lecture 1: Node Modules

Lecture 2: Building JavaScript

Lecture 3: Util.js

Lecture 4: Alerts

Lecture 5: Bootstrap Colors

Lecture 6: Close Alerts

Lecture 7: .JavaScript Alerts

Lecture 8: Badges

Lecture 9: Breadcrumb

Lecture 10: Lab Problem

Lecture 11: Lab Solution

Chapter 8: Components 2 Buttons, Button Groups and Pagination

Lecture 1: Buttons

Lecture 2: Overriding Bootstrap

Lecture 3: Button State

Lecture 4: Button Group

Lecture 5: Pagination

Chapter 9: Components 3 Cards

Lecture 1: Card

Lecture 2: Media object

Lecture 3: List Group

Lecture 4: Lab Problem

Lecture 5: Lab Solution

Chapter 10: Components 4 Carousel, Collapse and Dropdown

Lecture 1: Carousel

Lecture 2: Carousel JavaScript

Lecture 3: Collapse

Lecture 4: Dropdown

Lecture 5: Dropdown JavaScript

Lecture 6: Jumbotron

Lecture 7: Lab Problem

Lecture 8: Lab Solution

Chapter 11: Components 5 Forms and Input Groups

Lecture 1: Froms Layout

Lecture 2: Froms Validation and Custom Forms

Lecture 3: Froms Testing Component

Instructors

Eduonix Learning Solutions
1+ Million Students Worldwide | 200+ Courses
Eduonix-Tech .

Rating Distribution

1 stars: 50 votes
2 stars: 59 votes
3 stars: 248 votes
4 stars: 546 votes
5 stars: 883 votes

Frequently Asked Questions

How long do I have access to the course materials?

You can view and review the lecture materials indefinitely, like an on-demand channel.

Can I take my courses with me wherever I go?

Definitely! If you have an internet connection, courses on Udemy are available on any device at any time. If you don’t have an internet connection, some instructors also let their students download course lectures. That’s up to the instructor though, so make sure you get on their good side!

Menu