Learn Bootstrap 4: Create Modern Responsive Websites in 2019
4.4 (137 ratings)
Course Ratings are calculated from individual students’ ratings and a variety of other signals, like age of rating and reliability, to ensure that they reflect course quality fairly and accurately.
11,156 students enrolled

Learn Bootstrap 4: Create Modern Responsive Websites in 2019

Learn to build beautiful modern responsive websites with latest Bootstrap 4.1.3, Grid System, Flexbox, CSS and many more
4.4 (137 ratings)
Course Ratings are calculated from individual students’ ratings and a variety of other signals, like age of rating and reliability, to ensure that they reflect course quality fairly and accurately.
11,156 students enrolled
Created by Oliver Gomes
Last updated 9/2019
English
English [Auto]
Current price: $90.99 Original price: $129.99 Discount: 30% off
23 hours left at this price!
30-Day Money-Back Guarantee
This course includes
  • 2 hours on-demand video
  • 6 articles
  • 1 downloadable resource
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
Training 5 or more people?

Get your team access to 4,000+ top Udemy courses anytime, anywhere.

Try Udemy for Business
What you'll learn
  • Use Bootstrap 4 with Confidence
  • Create Beautiful, Polished and Responsive Websites
  • Master Bootstrap Layout and Responsive Design
  • Know How Bootstrap Components Works and Apply to Projects
  • FREE PDF full of Resources for Web Design and Development
  • Bonus Lesson on How to Design and Code Modern Website Background
Course content
Expand all 24 lectures 02:05:17
+ Introduction
4 lectures 14:22
How does it work?
02:38
Web Design and Development Resource PDF
00:11
+ Understand and Apply Bootstrap
19 lectures 01:45:01
12 Column Grid System
11:43
Container and Container-Fluid
00:24
Colors
03:45
Navbar
08:32
Download Project Starter Files
00:18
Project Intro
02:27
Navigation Section
06:01
Navbar code into Code Editor
00:10
Main Section
16:54
Overview Section
09:30
Carousel
05:36
Testimonial Section
07:10
Card
04:35
Pricing Section
12:32
Call To Action Section
03:24
Flexbox
04:03
Footer Section
07:41
Apollo App. - Finished Project File
00:04
Thank You + Special Treat for You!
00:10
+ Bonus
1 lecture 05:53
How to Create Modern Trending Background with Adobe XD
05:53
Requirements
  • Basic HTML and CSS
  • Code Editor
  • No previous knowledge of Bootstrap required
Description

11k students and counting!

Heres' what students are saying:

************************************

★★★★★

Great discussion, NO boring wait times...He traverses website to website - packing a lot of information into the projects. You see it all, and how to do it yourself. Thanks! - Donald Mathis

************************************

★★★★★

Got to know too many useful references , which will really help me to save time. Very good explanation, straight to the point, great lectures , great experience. Thank you. - Koka Sricharitha

************************************

★★★★★

I loved Bootstrap lessons..earlier I used to code all components of HTML using custom CSS styles and js but now it's very easy to create a website in less time and a very responsive- Anand Prabhakar

************************************

★★★★★

This is the best tutorial for Bootstrap - Vasudha Mahajan

************************************


Learn Bootstrap 4: Create Modern Responsive Websites in 2019

Learn to build beautiful modern responsive websites with the latest Bootstrap 4.1.3, Grid System, Flexbox, CSS and many more.

My approach is simple and I follow Learn and Apply techniques where we learn new things and apply that right away in our project so we have a better understanding of how it affects real-world projects. The course consists of all the latest tools and techniques modern websites use with Bootstrap.

For getting most out of the course, I also made a PDF resource handbook for students to go up and beyond the project that we are going to look at as the handbook consists of many resources that I use on a daily basis to make top-notch designs.

Lesson Plan:

  • Introduction

  • Bootstrap Layout Grid

  • Colors

  • Navbar

  • Project Introduction

  • Navigation Section

  • Main Section

  • Overview Section

  • Carousel

  • Testimonial Section

  • Card

  • Pricing Section

  • Call to Action Section

  • Flexbox in Bootstrap

  • Footer Section

  • Bonus Includes:

    • Lessons on Design & Code a beautiful background

    • Resource Handbook in PDF


Why is this course different?   

  • We start slow and then progress

  • Quality presentation slides for clear understanding

  • Resource Handbook with up-to-date and useful contents

  • All Lectures are straight to the point - minimizing effort and maximizing the result

  • Learn by working and creating as we go, not by memorizing then creating something at the very end!   



Who this course is for:
  • Beginner Front-End Developer who want to build responsive app faster and simpler.
  • Students who want to take their Responsive Design to a new level with Bootstrap 4
  • Students who are looking to build for fresh and modern designed website
  • Students who want to learn and apply Bootstrap 4 to their projects
  • Students who want to apply modern components that new startup companies require