Start Now with Bootstrap 3 | Ebook Included
4.1 (104 ratings)
Instead of using a simple lifetime average, Udemy calculates a course's star rating by considering a number of different factors such as the number of ratings, the age of ratings, and the likelihood of fraudulent ratings.
3,284 students enrolled
Wishlisted Wishlist

Please confirm that you want to add Start Now with Bootstrap 3 | Ebook Included to your Wishlist.

Add to Wishlist

Start Now with Bootstrap 3 | Ebook Included

Create a functional & responsive site with the most popular, mobile 1st framework
4.1 (104 ratings)
Instead of using a simple lifetime average, Udemy calculates a course's star rating by considering a number of different factors such as the number of ratings, the age of ratings, and the likelihood of fraudulent ratings.
3,284 students enrolled
Created by Sandy Ludosky
Last updated 4/2017
English
Current price: $10 Original price: $55 Discount: 82% off
1 day left at this price!
30-Day Money-Back Guarantee
Includes:
  • 4 hours on-demand video
  • 1 Article
  • 1 Supplemental Resource
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
What Will I 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
View Curriculum
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 is the target audience?
  • beginner and intermediate
Students Who Viewed This Course Also Viewed
Curriculum For This Course
Expand All 34 Lectures Collapse All 34 Lectures 03:55:27
+
Introduction to Boostrap 3
3 Lectures 04:35
+
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 00:56
Last Words & Other Resources
00:32

Boostrap Quiz
15 questions

Download Ebook Here
00:24
About the Instructor
Sandy Ludosky
4.4 Average rating
1,228 Reviews
16,322 Students
20 Courses
Web Designer & Developer

My name is Sandy. I am a freelance Web Designer and Developer based out of Toronto, in Ontario, Canada.

I specialize in Front-End development with HTML, CSS, CSS3 Animation, Sass, Javascript and JQuery.

I love creating beautiful, professional and user-friendly websites using the Adobe Creative Suite: Photoshop, Illustrator and Flash to name a few.

Also, I am keen on Web marketing, Web analytics, Visual Design, Video Editing, Photography and WordPress development.

On top of being a Udemy instructor, I am an avid learner of new technologies and digital stuff.