Learn Bootstrap 4 By Creating An Advanced Bootstrap Theme
4.7 (736 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,123 students enrolled

Learn Bootstrap 4 By Creating An Advanced Bootstrap Theme

Learn Bootstrap by creating an advanced Bootstrap 4 Responsive Website Template from scratch, with no steps skipped!
4.7 (736 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,122 students enrolled
Created by Drew Ryan
Last updated 5/2020
English
English [Auto-generated]
Current price: $118.99 Original price: $169.99 Discount: 30% off
5 hours left at this price!
30-Day Money-Back Guarantee
This course includes
  • 8 hours on-demand video
  • 59 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
  • Learn to design and develop your own Bootstrap 4 Templates from scratch
  • Learn how to integrate and customize modern jQuery plugins into any template
  • Use the latest HTML5 and CSS3 to add unique styling to Bootstrap
  • Integrate a fully functional PHP Contact Form into any Bootstrap Template
  • Get a crash course of the Bootstrap Grid System with the theme layout
  • Fine tune your HTML and CSS skills for responsive website development
  • Learn how to add Website Scrolling Animation to any Bootstrap Component or HTML Element
Course content
Expand all 65 lectures 07:57:02
+ Course Guidelines, Resources & Text Editor
4 lectures 33:36
Course Support & Code Fixing Resources
07:02
Website Design Tools & Resources
11:15
Text Editor: Introduction to Visual Studio Code
13:57
+ Introduction to Bootstrap Website Layouts
1 lecture 17:05
Introduction to Bootstrap Website Layouts Practice Activity
17:05
+ Project Files Setup & Overview
3 lectures 32:01
Project Files Download & Overview
04:12
Bootstrap Project Files Setup - Linking CSS Files
20:22
Bootstrap Project Files Setup - Linking JavaScript Files
07:27
+ Bootstrap Scrollspy & CSS Reset Styling
2 lectures 11:12
Bootstrap Scrollspy Website Scrolling
04:08
CSS Reset Styles
07:04
Bootstrap Scrollspy Quiz
1 question
+ Bootstrap Navbar
5 lectures 51:04
Bootstrap Responsive Navbar Menu HTML
15:51
Bootstrap Responsive Navbar Menu CSS
12:12
Bootstrap Navbar Menu Transparent To Solid JS
07:07
Bootstrap Navbar Menu Solid Class When Toggled JS
06:36
Bootstrap Navbar Menu Collapse Menu On Click & Smooth Scroll JS
09:18
Bootstrap Navbar Quiz
4 questions
+ Fixed Background Image Landing Page
3 lectures 45:19
Landing Page Background Image HTML & CSS
12:31
Landing Page Content HTML & CSS
21:01
Landing Page Bouncing Down Arrow HTML & CSS
11:47
Full Screen Landing Page Quiz
3 questions
+ Theme Heading & Bootstrap Buttons
2 lectures 13:30
Theme Heading & Bootstrap Buttons HTML
08:31
Theme Heading & Bootstrap Buttons CSS
04:59
+ Bootstrap Jumbotron Features Section
4 lectures 32:33
Features Heading HTML & CSS
12:47
Font Awesome Icons, Headings & Text Column HTML Part 1
06:34
Font Awesome Icons, Headings & Text Column HTML Part 2
08:27
Font Awesome Icons, Headings & Text Column CSS
04:45
+ Three Column Fixed Background Image Section
2 lectures 16:28
Three Column Fixed Background Image
06:11
Three Column Fixed Background Image Content
10:17
Features Section Quiz
3 questions
Requirements
  • You need to have basic knowledge of HTML and CSS but only a beginner understanding is required.
  • You don't need any prior experience with Bootstrap (or any other frameworks).
Description

Create your own advanced Bootstrap 4 Themes from scratch!

This course will show you how to make a complete Bootstrap 4 Template from scratch starting with blank HTML, CSS and JavaScript files!  We'll be moving rapidly to give you the quickest, yet most thorough Bootstrap website building experience possible.  Once you've completed the course you'll be able to design and develop you're own Bootstrap 4 templates and themes.  The source code for the completed theme we develop is included along with the following:

  • The completed Animated Bootstrap 4 theme download with the original pictures and a fully function email contact form.

  • The completed theme with placeholder images including their size (making it very easy to customize the Bootstrap theme).

  • 7 other versions of the theme including the following versions: Full Screen Image Slider, Fixed Video Landing Page, Multi-Level Drop Down Menu with Bootstrap Navbar, 5 Page HTML & PHP Versions, Animation Turned Off Version, and an Alternative Contact Form Version to send email with an address other than your website's domain name.

  • Progress source code downloads for each section of the theme while building your website to check your code for errors.

  • A number of resources for unlimited free professional stock images, free text editor, website animation, unlimited website fonts, & more.

Learn why Bootstrap is the BEST responsive framework, and learn how to make your own AWESOME website themes!!!

_

I'm here to help you along the way while you master Bootstrap and I'm ready to answer any questions you may have

Who this course is for:
  • Anyone looking to learn or expand their knowledge of building Bootstrap website templates and themes.