Build Beautiful Websites Faster and Easier Using Bootstrap 4

Go to class
Write Review

Free Online Course: Build Beautiful Websites Faster and Easier Using Bootstrap 4 provided by Skillshare is a comprehensive online course, which lasts for 10 hours worth of material. The course is taught in English and is free of charge. Build Beautiful Websites Faster and Easier Using Bootstrap 4 is taught by Andrew Whitworth.

Overview
  • **Take this class for free with Skillshare's offer of 2 free months! https://skl.sh/2Gmm85A**

    Building beautiful websites can be difficult because you always have to start from scratch. However, with a toolkit or framework like Bootstrap you don't have to start from scratch each time. You simply decide what you want to build, turn on some classes or options and you are ready to go. 

    For this course I have built a custom site called the Bootstrap Playgrounds. Here you can quickly and easily learn how to use Bootstrap (version 4.0.0). After you learn Bootstrap you will build a restaurant themed website or a project of your choosing. Check out the project section for more details.

Syllabus
    • Course Trailer
    • Setup - VS Code/Text Editor
    • Setup - Course Files
    • Setup - Window Size Tool
    • Setup - File Comparisons
    • Intro to Bootstrap Playgrounds
    • Containers
    • Grid - Part 1
    • Grid - Part 2
    • Grid - Part 3
    • Grid Breakpoints - Part 1
    • Grid Breakpoints - Part 2
    • Grid Breakpoints - Part 3
    • Display - Part 1
    • Display - Part 2
    • Flex - Part 1
    • Flex - Part 2
    • Flex - Part 3
    • Flex - Part 4
    • Flex - Part 5
    • Flex - Part 6
    • Flex - Part 7
    • Flex - Part 8
    • Typography
    • Text Utilities
    • Code Styling
    • Colors
    • Spacing - Part 1
    • Spacing - Part 2
    • Spacing - Part 3
    • Sizing
    • Images
    • Figures
    • Borders
    • Tables
    • Vertical Align
    • Float
    • Clearfix
    • Screenreaders
    • Media Objects
    • Alerts
    • Badges
    • Breadcrumbs
    • Buttons - Part 1
    • Buttons - Part 2
    • Button Group
    • Dropdowns - Part 1
    • Dropdowns - Part 2
    • Dropdowns - Part 3
    • Cards - Part 1
    • Cards - Part 2
    • Cards - Part 3
    • Cards - Part 4
    • Forms - Part 1
    • Forms - Part 2
    • Forms - Part 3
    • Input Groups
    • Navs
    • Navbars - Part 1
    • Navbars - Part 2
    • Position
    • Pagination
    • Progress Bars
    • Carousels
    • Collapse
    • Tooltips
    • Popovers
    • Modals
    • Scrollspy
    • Bootstrap Playgrounds Wrap-up
    • Project 1 - Overview
    • Project 1 - Overiew v2
    • Project 1 - Step 1
    • Project 1 - Step 2
    • Project 1 - Step 3
    • Project 1 - Step 4
    • Project 1 - Step 5
    • Project 1 - Step 6
    • Project 1 - Step 7
    • Project 1 - Step 8
    • Project 2 - Overview
    • Project 2 - Step 1
    • Project 2 - Step 2
    • Project 2 - Step 3 - Part 1
    • Project 2 - Step 3 - Part 2
    • Project 2 - Step 4
    • Project 2 - Step 5
    • Project 2 - Step 6
    • Project 2 - Step 7
    • Project 3 - Bullseye Overview
    • Project 3 - Template - Step 1
    • Project 3 - Template - Step 2
    • Project 3 - Template - Step 3
    • Project 3 - Template - Step 4
    • Project 3 - Homepage - Step 1
    • Project 3 - Homepage - Step 2
    • Project 3 - Homepage - Step 3
    • Project 3 - Homepage - Step 4
    • Project 3 - Homepage - Step 5
    • Project 3 - About Page
    • Project 3 - Careers Page
    • Project 3 - Contact Page
    • Project 3 - Franchising Page
    • Project 3 - Locations Page - Part 1
    • Project 3 - Locations Page - Part 2
    • Project 3 - Rewards Page
    • Project 3 - Menu Page - Part 1
    • Project 3 - Menu Page - Part 2
    • Project 3 - Menu Page - Part 3
    • Project 3 - Menu Page - Part 4
    • Project 3 - Menu Page - Part 5
    • Project 3 - Menu Page - Part 6
    • Project 3 - Menu Page - Part 7
    • Project 3 - Menu Page - Part 8