Learn Bootstrap 4 by Example
4.4 (281 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.
12,905 students enrolled
Wishlisted Wishlist

Please confirm that you want to add Learn Bootstrap 4 by Example to your Wishlist.

Add to Wishlist

Learn Bootstrap 4 by Example

Skip those boring courses full of slides and learn Bootstrap 4 by doing!
4.4 (281 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.
12,905 students enrolled
Created by Gary Simon
Last updated 6/2017
English
English [Auto-generated]
Price: Free
Includes:
  • 1 hour on-demand video
  • 1 Supplemental Resource
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
What Will I Learn?
  • How to Integrate a Bootstrap 4 Project
  • How to Create a Development Environment using Gulp
  • Customize Bootstrap 4 Sass
  • Build a layout using Bootstrap 4
View Curriculum
Requirements
  • Understand HTML
  • Understand CSS
Description

If you're anything like me, you like learning by example and actually getting your hands dirty. That's why I created this quick and easy course on leraning Bootstrap 4 by Example.

You're going to learn how to get up and running with a Bootstrap 4 project using the Node Package Manager. This is the most robust way of integrating Bootstrap 4, as it gives you access to Sass!  Don't worry, if you don't know what all of that means, I explain it all.

Then, you're going to learn about the core fundamentals of Bootstrap 4 while we develop a single, responsive layout. 

This will give you the confidence you need going forward to start integrating Bootstrap 4 within your own projects.

So, let's get started!

Who is the target audience?
  • Web Designers
  • Front-end Developers
Students Who Viewed This Course Also Viewed
Curriculum For This Course
9 Lectures
01:06:09
+
Curriculum
9 Lectures 01:06:09

Welcome to this course! This introduction video will serve as a very quick overview of what we will be learning.

Introduction & Project Files
00:49

In this video, we're going to take a look at the exact project that we will use to learn Bootstrap 4.

Project Preview
01:26

In this lesson, we will discuss the various methods from which you can install Bootstrap 4. This includes using a CDN, and a package manager such as NPM.

Installing Bootstrap 4
05:42

In this video, we're going to use the Gulp task runner to set up a development environment. Gulp will allow us to use browserSync to reload the browser upon file changes, compile sass, and perform other needed functions.

Setting up a Development Environment
11:26

In this video, we will take a look at the proper way of redefining Bootstrap 4's sass settings.

Customizing Bootstrap 4
05:39

In this video, we will begin writing out the HTML for the project, and this will include defining a Bootstrap 4 navbar and nav.

Navigation
10:35

In this video, we will quickly define a hero section underneath the navigation we just created. This will include a heading, subheading and a supporting graphic.

Hero Section
11:07

In this lesson, we will define a feature container with a responsive grid using Bootstrap 4's grid system.

Using the Grid
09:47

In the final section of our layout, we're going to create an area for an email capture using Bootstrap 4's form classes.

Form Section
09:38
About the Instructor
Gary Simon
4.4 Average rating
3,149 Reviews
48,850 Students
11 Courses
Professional Freelance Designer & Course Instructor

Gary Simon is a professional freelance graphics and web designer with well over a decade of experience. Having served over a thousand clients, Gary understands many facets of the design industry.

He has also been a course instructor for several of the top online education websites, teaching a wide range of topics including:

  • Web Design
  • Graphic Design
  • Mobile / GUI Design
  • 3D
  • Motion Graphics

Gary began designing websites in 2000, and just a few years later started focusing on identity design. From that point on, Gary grew a large clientele that allowed him to fully develop skills that extend beyond design alone.

The following is a list of web technologies in which Gary is proficient:

  • HTML & CSS (Responsive)
  • JavaScript & jQuery
  • XML
  • PHP
  • MySQL

He is also an expert with the following software:

  • Adobe Photoshop
  • Adobe Illustrator
  • Adobe After Effects

Gary began teaching his skills to others after releasing a single logo design tutorial, which has since garnered over a million views. In 7 years, Gary has released over 200 video tutorials and 20+ video courses. On his Youtube channel alone, his videos receive a half million views monthly. He enjoys connecting with students and helping them develop their skills on an on-going and frequent basis.