4.75 out of 5
4.75
272 reviews on Udemy

Bootstrap 4 Website Built From Scratch HTML5, CSS3 & VS Code

Learn Bootstrap by building a complete responsive Bootstrap 4 Template from start to finish, with no steps skipped!
Instructor:
Drew Ryan
989 students enrolled
English [Auto]
Learn to design and develop your own Bootstrap 4 Themes!
Get a crash course of the Bootstrap Grid System with the theme layout
Use the latest HTML5 and CSS3 to add unique styling to Bootstrap
Integrate a fully functional PHP Contact Form into any Bootstrap Template
Learn how to integrate a Lightbox Image Gallery into any Bootstrap Theme

Create your own Responsive Bootstrap 4 Websites from Scratch!

This course will show you how to make a complete Bootstrap 4 website from scratch starting with a blank index.html and style.css file!  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 websites and themes.  The source code for the completed theme is included along with the following:

  • The completed theme download with the original pictures.

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

  • Bootstrap Setup/Starter Files we’ll cover in detail that you can use as a framework to build your own themes.

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

  • My resources for unlimited free professional stock images, the best free text editor, 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

Introduction to the Course

1
Welcome to the Course!
2
Introduction to the Course
3
Course Project Details & Website Overview

Course Guidelines, Resources & Text Editor

1
Course Curriculum & Project Progress Overview
2
Course Support & Code Fixing Resources
3
Website Design Tools & Resources
4
Text Editor: Introduction to Visual Studio Code

Introduction to Bootstrap Website Layouts

1
Introduction to Bootstrap Website Layouts Practice Activity

Project Files Setup & Overview

1
Project Files Download & Overview
2
Bootstrap Project Files Setup - Linking CSS Files
3
Bootstrap Project Files Setup - Linking JavaScript Files

Bootstrap Scrollspy & CSS Reset Styling

1
Bootstrap Scrollspy Website Scrolling
2
CSS Reset Styles

Bootstrap Navbar

1
Bootstrap Responsive Navbar Menu HTML
2
Bootstrap Responsive Navbar Menu CSS

Fixed Background Image Landing Page

1
Landing Page Background Image HTML & CSS
2
Landing Page Content HTML & CSS

About Us Three Column Section

1
About Us Heading & Three Column Section HTML
2
About Us Heading & Three Column Section CSS

Lightbox Portfolio Image Gallery

1
Lightbox Portfolio Gallery HTML
2
Lightbox Portfolio Gallery CSS

Bootstrap Cards Testimonials Section

1
Bootstrap Cards Testimonials HTML
2
Bootstrap Cards Testimonials CSS

Footer Contact Info

1
Footer Contact Info HTML
2
Footer Contact Info CSS

Contact Form

1
Contact Form HTML
2
Contact Form CSS

Website Code & Image Optimization

1
Minimizing Code & Image Sizes
2
W3C Validation

Website Plugin & Contact Form Customizations

1
Website Plugin Customizations
2
Contact Form: Using Gmail or Your Domain Name Email
3
Contact Form Customization

Course Bonuses

1
Get Your Domain Name & Upload Your Website To The Internet
2
Set Up A Domain Name Email Address with Gmail
3
Course Completion!
You can view and review the lecture materials indefinitely, like an on-demand channel.
Definitely! If you have an internet connection, courses on Udemy are available on any device at any time. If you don't have an internet connection, some instructors also let their students download course lectures. That's up to the instructor though, so make sure you get on their good side!
4.8
4.8 out of 5
272 Ratings

Detailed Rating

Stars 5
195
Stars 4
65
Stars 3
9
Stars 2
1
Stars 1
2
c054c33505878184935f4d6726206c5c
30-Day Money-Back Guarantee

Includes

4 hours on-demand video
Full lifetime access
Access on mobile and TV
Certificate of Completion