Start Now with Bootstrap 3 | Ebook Included
4.3 (124 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.
3,352 students enrolled

Start Now with Bootstrap 3 | Ebook Included

Create a functional & responsive site with the most popular, mobile 1st framework
4.3 (124 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.
3,352 students enrolled
Created by Sandra L
Last updated 4/2017
English
English [Auto]
Current price: $37.99 Original price: $54.99 Discount: 31% off
5 hours left at this price!
30-Day Money-Back Guarantee
This course includes
  • 4 hours on-demand video
  • 1 article
  • 3 downloadable resources
  • 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
  • You will learn to build complexe and dynamic site layouts with the 12-column Grid System
  • You will learn how to design your site quickly with CSS buill-in classes and other functional components
  • You will learn how to override the Boostrap styling with your custom style
  • You will understand how to incorporate javascript plugins and add interactive elements to your site
  • By the end of this course, you will know how to design better and faster mobile-friendly websites
Requirements
  • HTML, CSS, Javascript, JQuery
Description

Let me introduce you to Bootstrap 3 : the lightweight and responsive framework for a better and faster mobile-friendly web development.

Lessons include:

  • Downloading and understanding the boostrap files
  • Review of the Bootstrap 3 files structure
  • Presentation and demonstration of the 12-column Grid System
  • Styling easily and quickly with Bootstrap built-in CSS classes
  • Adding functional components like navbars, responsive tables, forms...
  • Adding interactive elements with javascript plugins, like the carousel, the modal...
  • A 2-part design project featuring multiple examples of the Bootstrap 3 CSS styling and dynamic elements

Join me to learn about the open-source responsive framework Bootstrap 3.

By the end of the course, you will easily design sleek, mobile-ready websites with HTML, CSS and JavaScript.

Who this course is for:
  • beginner and intermediate
Course content
Expand all 34 lectures 03:55:27
+ Getting started with Bootstrap 3
5 lectures 33:37
The Grid System
07:12

Clarification at 3' of the lecture:

  • Large devices Desktops = (≥1200px)
  • Medium devices Desktops = (≥992px)
  • Small devices Tablets = (≥768px)

learn more on getbootstrap.com

Grid Demos & Examples -part I
09:53
Grid Demos & Examples -part II
11:17
+ Bootstrap 101 - CSS & Components
7 lectures 01:13:53
Styling with CSS - Part I
14:26
Styling with CSS - Part II
13:37
Styling with CSS - Part III
09:37
Boostrap Components - Part I
14:35
Boostrap Components - Part II
10:57
Boostrap Components - Part III
09:53
+ Bootstrap 201 - Javascript
5 lectures 27:43
Collapse.js
08:30
Carousel.js
06:55
Tab.js
07:17
Affix.js
04:12
+ Project - Styling with CSS
6 lectures 52:55
Customize the Header
13:35
Create the Products Thumbnails
08:02
Create the Photo Gallery
08:56
Customize the Footer
09:44
Responsive Utilities and Media Queries
11:53
+ Project - Interactive elements & Javascript Plugins
6 lectures 41:38
Create a Slideshow with Carousel.js
12:38
Add a Contact Form with Modal.js
08:52

At 3:40, make sure to replace with correct spelling:

preventDefault();

use correct code =

//Popover.js
$('.popup_message a').popover({
trigger: 'hover',
placement: 'bottom',
delay: { show: 200, hide: 1000 }

});

$('.popup_message').on('click', function(e){
e.preventDefault();
return false;

});

Popover.js
07:59
Tooltip.js
06:11
Add Scrollspy.js to the navbar
04:29
+ Supplementary resources
2 lectures 01:06
Last Words & Other Resources
00:32
Boostrap Quiz
15 questions
Download Ebook Here
00:34