Become a Bootstrap Expert: Build 20 Layouts! (Version 2)
4.8 (5 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.
171 students enrolled
Wishlisted Wishlist

Please confirm that you want to add Become a Bootstrap Expert: Build 20 Layouts! (Version 2) to your Wishlist.

Add to Wishlist

Become a Bootstrap Expert: Build 20 Layouts! (Version 2)

Follow along as we build 20 complete layouts in Bootstrap 4!
New
4.8 (5 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.
171 students enrolled
Created by Ajdin Imsirovic
Last updated 9/2017
English
Current price: $12 Original price: $200 Discount: 94% off
4 days left at this price!
30-Day Money-Back Guarantee
Includes:
  • 4.5 hours on-demand video
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion

Training 5 or more people?

Get your team access to Udemy's top 2,000 courses anytime, anywhere.

Try Udemy for Business
What Will I Learn?
  • Build any layout with Bootstrap
View Curriculum
Requirements
  • Basic understanding of how HTML and CSS work is beneficial, but not necessary
Description

Bootstrap is the standard in modern web development.

It is a mobile ready web development framework for HTML, CSS and JavaScript.

It is also the fastest way to build a website that works on any device, and learning it is easy.

In this course, all our experience in working with this awesome framework is structured in an easy to learn and accessible manner.

There are 20 full websites that we will build in this course. There are over 30 hours of video in the course, so it is probably one of the most in-depth courses on front-end web development.

Here is a list of layouts we will be building:

Layout 1: Simple Business Website (a three-page website for a small business)

Layout 2: A Health Web App Website (a simple multi-page website for a product)

(More information to be added here as the course progresses)

With all of these website layouts being built from scratch, and with the content constantly updated to the newest Bootstrap version, you have great value in this course.

Who is the target audience?
  • Novice web designers
  • Entrepreneurs
  • Anyone interested in front-end development
  • Anyone who wants to learn to code
Compare to Other Bootstrap Courses
Curriculum For This Course
30 Lectures
04:15:22
+
Quick Introduction to HTML and CSS
2 Lectures 19:19

Quick Intro to HTML and CSS part 2
06:39
+
Making a Small Business Site in Bootstrap 4.0.0-beta and Publishing it Online
18 Lectures 02:24:14

Using Bower to Install Bootstrap 4.0.0 Beta and Making it Work with Jekyll
09:36

Adding the Default Layout to our Jekyll Project
04:48

Adding the Navbar to our Project
02:35

Adding the Jumbotron Component and the Card Component to our Pages
04:36

Adding the Navbar Partial File as an Include in our Pages
08:52

Adding the Jumbotron and the Card Partial Files as Includes in our Pages
03:38

Using Photoshop to Quickly Create Mock-ups for our Web Pages
07:26

Changing the Index Page to Reflect the Mock Up Wireframe
14:48

Adding the Footer Partial to our Web Page
03:31

Adding the bg-info Contextual Color to the Navbar
05:06

Mocking up the "About Us" Page in Photoshop and Changing our about-us.html File
13:59

Mocking up the "Contact Us" Page in Photoshop and Coding it Up in VS Code
07:30

Adding the Sticky Footer to Our Web Site
09:28

Adding a Background Image to Jumbotron
08:01

Fixing Up the Testimonials Section
10:43

Improving the Footer and Adding Cards Components to our Index Page
11:51

Publishing our Website Project Online with the Help of GitHub Pages
08:00
+
Layout 2: A Product Promo Site
10 Lectures 01:31:49
Mocking Up the Website Header in Adobe Illustrator
03:54

Start Building Our Second Layout
09:30

Experimenting with clip-path to learn how it works
08:49

Add a FontAwesome icon as a background image to jumbotron
09:57

Add fixed navbar and change its links and the look of the search button
07:25

Adding the media list section
09:37

Adding FontAwesome icons to the media list section
06:45

Add a carousel testimonials section
06:51

Improving the carousel testimonials section
14:34

Making the carousel look nice, version 1
14:27
About the Instructor
Ajdin Imsirovic
4.1 Average rating
201 Reviews
8,481 Students
5 Courses
Web Developer

Ajdin Imsirovic holds a major in English Language and Literature. He's been hacking html and css for the last 15 years, and the WAMP stack for the last 5, all the while working in a range of industries, most of which were unrelated to coding. He hopes to use his diverse set of skills to create and teach technology in a unique, user friendly manner. Currently living in Bosnia, he works as a web developer, exploring his interests in education and entrepreneurial business.


Life long learning is important to Ajdin, a dedication which grew through his employment history. In the future, Ajdin plans to develop his programming skills further, and to realize at least a dozen personal projects in development right now.