Udemy

Platform

English

Language

Web Design

Category

Bootstrap 4 and 5

Visual Learning Series

3.75 (4 reviews)

Students

2.5 hours

Content

Jun 2021

Last Update
FREE
Regular Price

EXCLUSIVE OFFER
Exclusive  Offer
Unlimited access to 30 000 Premium SkillShare courses
30-DAY FREE TRIAL

What you will learn

Bootstrap (versions 4 and 5)

Use of a Web Editor


Description

The Visual Learning series fills a gap in the courses on introductory web design. Instead of the terse definitions written for experts found in online documentation resources, or long commentaries to ease novices into programming, this course strikes a balance between succinct explanation and complete visualizations of code so that the key concepts are learned through easy-to-follow examples.

This course details comprehensively the practice of making websites responsive to a wide variety of display types and sizes, by covering the main features of the Bootstrap 4 and 5 libraries. The course assumes a prior knowledge of HTML and CSS. If you have worked through the precursor Udemy courses to this one– HTML 5 and CSS 3 Visual Learning– or have equivalent knowledge and skills in using markup for web pages, you will be able to work through the Bootstrap examples in this course.

No previous experience with Bootstrap is required. Since HTML and CSS experience is presumed, it is also expected that you have basic knowledge of how to use a code editor, and how to use an FTP client application if your eventual goal is to design live websites that are stored on a web server. Those topics are also covered in my Udemy HTML 5 and CSS 3 Visual Learning courses.


Screenshots

Bootstrap 4 and 5
Bootstrap 4 and 5
Bootstrap 4 and 5
Bootstrap 4 and 5

Content

Your Instructor

Other Udemy Courses by Myk Eff

About the Instructor

HTML Template

Prerequisites and Code Examples

Preface

What This Course Assumes

Bootstrap 4 vs 5

Video Walkthroughs | Creating and Modifying Websites

A Note About the Videos

Using an FTP Client

Modifying Website Templates

Using a Web Editor Part 1

Using a Web Editor Part 2

Using a Web Editor Part 3

Using a Web Editor Part 4

Using a Web Editor Part 5

Introduction to Bootstrap 4 and its Class System

Using a Web Framework

Accessing the Code

Course Intro Redux

HTML Template

CSS Reset

Containers, Rows, Columns & Grids

The Mantra

Rows

Columns Part 1

Columns Part 2

The 12-Column Grid System

More Bootstrap 4 Classes

Note About Displaying Code

Jumbotrons

Typographic Styling

Button Components & Color Utilities

Button Groups

Modifying Default Styles

Navbar

Collapse & Navbar

Nav

Accordion Collapse

Cards

Carousels

Flexible Design

Breakpoint Classes

Media Queries

Flexible Accordion

Flexible Carousel

Flexible Tabs

Lightbox

List Groups

Breadcrumbs

Pagination

Justified Content

d-block, d-inline, gutters, offset, reverse, align-center

Flex & Align with Rows & Flex Columns

Flex Text

Embed Responsive

Media Objects

Input Groups

Forms

Forms with Rows and Columns

Tables

Badges

Alerts

Spinners & Progress Bars

Animations

Bootstrap 5 | What's New

What's new in Bootstrap 5

Resources and Final Considerations

Where to Go Next

Online Resources

Acknowledgments


3992788

Udemy ID

4/19/2021

Course created date

4/23/2021

Course Indexed date
Bot
Course Submitted by

Twitter
Telegram