HOT
blank

Bootstrap 4 From Scratch With 5 Projects

Development

Rating4.7
Enroll Now

Bootstrap 4 From Scratch With 5 Projects, available at $79.99, has an average rating of 4.69, with 74 lectures, based on 16884 reviews, and has 70661 subscribers.

You will learn about Learn and create amazing high quality Bootstrap 4 themes and UIs from scratch Learn the Bootstrap 4 utilities, classes, components & JS widgets using a custom sandbox environment Learn semantic HTML5 & modern CSS3 techniques Learn to compile Sass in the easiest way possible using a GUI This course is ideal for individuals who are Anyone that wants to learn & master Bootstrap 4.1.x and build real world themes It is particularly useful for Anyone that wants to learn & master Bootstrap 4.1.x and build real world themes.

Enroll now: Bootstrap 4 From Scratch With 5 Projects

Summary

Title: Bootstrap 4 From Scratch With 5 Projects

Price: $79.99

Average Rating: 4.69

Number of Lectures: 74

Number of Published Lectures: 74

Number of Curriculum Items: 74

Number of Published Curriculum Objects: 74

Original Price: $129.99

Quality Status: approved

Status: Live

What You Will Learn

  • Learn and create amazing high quality Bootstrap 4 themes and UIs from scratch
  • Learn the Bootstrap 4 utilities, classes, components & JS widgets using a custom sandbox environment
  • Learn semantic HTML5 & modern CSS3 techniques
  • Learn to compile Sass in the easiest way possible using a GUI

Who Should Attend

  • Anyone that wants to learn & master Bootstrap 4.1.x and build real world themes

Target Audiences

  • Anyone that wants to learn & master Bootstrap 4.1.x and build real world themes

This course will literally take you from knowing nothing about Bootstrap 3 or 4 to learning all of the utilities, components, widgets and grids and building real world themes and websites. You do NOT need to know Bootstrap 3 for this course. Even if you already know Bootstrap 4, skip the learning sections and head right for section 6 to create the simple boiler theme and start the projects. Everything is completely modular!

Custom Bootstrap Sandbox

I have created a completely custom HTML learning environment for the first few sections of this course. Each lecture has an html page associated with it and has a start state. As we move along through the lectures, you code along with me learning all that Bootstrap 4 offers including helpers/utilities, components, widgets, flexbox and more.

5 Real Projects/Themes

We will create 5 real world themes including. These projects are completely open source and you are free to use them anywhere.

  1. LoopLap – A social UI Theme
  2. Mizuxe – A Book/Product Showcase Theme (Sass Project)
  3. Blogen – A blog admin area UI
  4. Glozzom – A multi page theme with a carousel and some 3rd party scripts
  5. Portfoligrid – A portfolio theme using the grid, flexbox and the collapse widget

Course Curriculum

Chapter 1: Intro & Getting Started

Lecture 1: Welcome To The Course

Lecture 2: What Is Bootstrap & Why Use It?

Lecture 3: What's New In Bootstrap 4?

Lecture 4: Initial Environment Setup

Lecture 5: Bootstrap Sandbox Setup

Chapter 2: Typography & Utilities

Lecture 1: Section Introduction

Lecture 2: Headings & Basic Typography

Lecture 3: Text Alignment & Display

Lecture 4: Floats & Fixed Positions

Lecture 5: Colors & Background

Lecture 6: Margin & Padding Spacing

Lecture 7: Sizing & Borders

Lecture 8: CSS Breakpoints

Chapter 3: CSS Components

Lecture 1: Section Intro

Lecture 2: Buttons & Button Groups

Lecture 3: Navbar & Navs

Lecture 4: List Groups & Badges

Lecture 5: Forms & Input

Lecture 6: Input Groups

Lecture 7: Alerts & Progress Bars

Lecture 8: Tables & Pagination

Lecture 9: Working With Cards

Lecture 10: Media Objects

Lecture 11: Jumbotron

Chapter 4: Grid System & Flexbox

Lecture 1: Section Introduction

Lecture 2: Grid System

Lecture 3: Grid Alignment

Lecture 4: Flexbox Classes

Lecture 5: Auto Margin, Wrap & Ordering

Chapter 5: JavaScript Widgets

Lecture 1: Section Introduction

Lecture 2: Carousel Slider

Lecture 3: Collapse & Accordion

Lecture 4: Tooltips

Lecture 5: Popovers

Lecture 6: Modals

Lecture 7: ScrollSpy & Smooth Scolling

Chapter 6: Simple Theme Boiler Plate Setup

Lecture 1: Creating The Boiler

Chapter 7: Project 1 – LoopLab Social Theme

Lecture 1: Project Intro

Lecture 2: Setup & Navbar

Lecture 3: Home Section Area

Lecture 4: Explore Section Area

Lecture 5: Create & Share Section Areas

Lecture 6: Footer, Contact Modal & Menu Smooth Scroll

Chapter 8: Project 2 – Mizuxe Book Theme

Lecture 1: Project Intro

Lecture 2: Setting Up Sass With Koala

Lecture 3: Custom Navbar & Logo

Lecture 4: Showcase & Primary Color Change

Lecture 5: Newsletter & Boxes

Lecture 6: About Section With Accordion

Lecture 7: Authors Area

Lecture 8: Contact & Footer

Chapter 9: Project 3 – Glozzom Multi Page Theme

Lecture 1: Project Intro

Lecture 2: Showcase With Carousel

Lecture 3: Home Icons, Heading & Info Sections

Lecture 4: Video Section With Autoplay Modal

Lecture 5: Photo Gallery & Newsletter

Lecture 6: Page Header & About Section

Lecture 7: Icon Boxes & Testimonial Slider

Lecture 8: Services Page With FAQ Accordion

Lecture 9: Blog Page With Cards

Lecture 10: Contact & Staff Sections

Chapter 10: Project 4 – Blogen Admin UI

Lecture 1: Project Intro

Lecture 2: Navbar & Main Header

Lecture 3: Add Buttons & Modals

Lecture 4: Finishing The Dashboard

Lecture 5: Resource Table Pages

Lecture 6: Details & Settings Pages

Lecture 7: Profile & Login Page

Chapter 11: Project 5 – Portfoligrid

Lecture 1: Project Intro

Lecture 2: Main Header

Lecture 3: Home Collapse Content

Lecture 4: Resume Collapse Content

Lecture 5: Work Collapse Content

Lecture 6: Contact Collapse Content

Instructors

  • Brad Traversy
    Brad Traversy
    Full Stack Web Developer & Instructor at Traversy Media

Rating Distribution

  • 1 stars: 95 votes
  • 2 stars: 156 votes
  • 3 stars: 1021 votes
  • 4 stars: 4868 votes
  • 5 stars: 10744 votes

Frequently Asked Questions


How long do I have access to the course materials?


You can view and review the lecture materials indefinitely, like an on-demand channel.


Can I take my courses with me wherever I go?


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!

You may also like

Top 10 Ethical AI Courses to Learn in November 2024

Top 10 Game Development Courses to Learn in November 2024

Top 10 Software Testing Courses to Learn in November 2024