Bootstrap 4 From Scratch With 5 Projects

Course Feature

Cost

Paid
Provider

Udemy
Certificate

Paid Certification
Language

English
Start Date

2018-06-07
Learners

No Information
Duration

No Information
Instructor

Brad Traversy

Add to Favorites

4.5

69,735 Ratings

This course will teach you everything you need to know about Bootstrap 4, from the basics to building real world themes and websites. You don't need to know Bootstrap 3 to take this course. With a custom HTML learning environment and 5 real projects/themes, you'll learn all the utilities, components, widgets and grids that Bootstrap 4 offers. You'll also learn how to use helpers/utilities, components, widgets, flexbox and more. By the end of the course, you'll have created a social UI theme, a book/product showcase theme, a blog admin area, a multi page theme with a carousel and some 3rd party scripts, and a portfolio theme.

Show All

Bootstrap 4 From Scratch With 5 Projects

Go to class

Course Overview

❗The content presented here is sourced directly from Udemy platform. For comprehensive course details, including enrollment information, simply click on the 'Go to class' link on our website.

Updated in [August 13th, 2023]

Skills and Knowledge Acquired:
This course will provide learners with the skills and knowledge to use Bootstrap 4 to create real world themes and websites. Learners will gain an understanding of the utilities, components, widgets and grids available in Bootstrap 4, as well as how to use flexbox and 3rd party scripts. Additionally, learners will create 5 real world projects/themes, including a social UI theme, a book/product showcase theme (Sass project), a blog admin area UI, a multi page theme with a carousel, and a portfolio theme using the grid, flexbox and the collapse widget.

Contribution to Professional Growth:
This course provides an opportunity for professional growth by teaching the fundamentals of Bootstrap 4. It covers utilities, components, widgets, grids, and real world themes and websites. Through the custom HTML learning environment, learners can code along with the instructor and learn all that Bootstrap 4 has to offer. Additionally, the course provides five real projects/themes that can be used in professional settings. This course is an excellent way to gain the skills necessary to build professional websites with Bootstrap 4.

Suitability for Further Education:
This course is suitable for preparing further education as it covers a wide range of topics related to Bootstrap 4. It provides a custom HTML learning environment to help students learn the utilities, components, widgets and grids of Bootstrap 4. Additionally, the course includes five real world projects/themes to help students gain practical experience. This course is a great way to gain a comprehensive understanding of Bootstrap 4 and prepare for further education.

Course Syllabus

Intro & Getting Started

Typography & Utilities

CSS Components

Grid System & Flexbox

JavaScript Widgets

Simple Theme Boiler Plate Setup

Project 1 - LoopLab Social Theme

Project 2 - Mizuxe Book Theme

Project 3 - Glozzom Multi Page Theme

Project 4 - Blogen Admin UI

Project 5 - Portfoligrid

Show All

Recommended Courses

JavaScript Bootstrap & PHP - Certification for Beginners

4.4

Udemy 275,798 learners

Learn More

This JavaScript, Bootstrap, & PHP- Certification Course for Beginners is the perfect introduction to three of the most widely used programming languages. Students will learn how to add client-side interactivity to web pages using JavaScript, create responsive web page layouts using the popular Bootstrap library, and add dynamic server-side functionality to web pages using PHP. Key concepts covered include variable declarations, objects, strings, math functions, arrays, conditional statements, loops, functions, forms, typography, tables, images, jumbotrons, alerts, buttons, glyphicons, progress bars, layouts, modals, carousels, popovers, drop-down menus, and more. Sign up today and take your web development skills to the next level!

Learn Bootstrap - For Beginners

4.4

Udemy 202,764 learners

Learn More

This course, Learn Bootstrap - For Beginners, is designed to teach students how to create mobile-responsive web pages using the Bootstrap framework. Students will learn the fundamentals of Bootstrap, including embedding it into web pages, the Bootstrap Grid system, and popular mobile responsive web layouts. They will also gain a solid understanding of almost every Bootstrap component, from typography, carousels, panels, drop-down menus, and collapsible nav-bars to forms, popovers, modals and tool tips. Through hands-on exercises, students will effectively grasp course material and be able to create mobile-responsive web applications that adhere to strict development standards.

Bootstrap & jQuery - Certification Course for Beginners

4.4

Udemy 196,342 learners

Learn More

This Bootstrap & jQuery Certification Course for Beginners is the perfect way to get started with front-end development. Through a project-style learning approach, students will learn the fundamentals of Bootstrap and jQuery, from the basics of embedding files to creating stunning layouts and animations. With this course, students will gain the skills to create mobile-responsive web pages with interactivity and animation. Enroll now and start building your own web pages!

Bootstrap 4 Ultimate Guide

3.8

Udemy 156,949 learners

Learn More

This Bootstrap 4 Ultimate Guide course is the perfect way to learn how to code and create amazing websites. Led by instructor Josh Werner, the course starts with the basics and takes you through everything you need to know to start building websites like an expert. With over 5 hours of hands-on tutorials, you'll learn all the fundamentals of Bootstrap 4 and how to use them to bring your ideas to life. No prior experience is necessary, so come open minded and ready to learn. You'll learn how to use FireFox Developer Edition, Atom, Containers, Grid Basic, Typography, Colors, Tables, Images, Jumbotron, Alerts, Buttons, Button Groups, Badges, Progress Bars, Spinners, Pagination, List Groups, Cards, Dropdowns, Collapse, Navs, Navbar, Forms, Inputs, Input Groups, Custom Forms, Carousel, Modal, Tooltip, Popover, Toast, Scrollspy, Utilities, Flex, Icons, Media Objects, Filters, Grid System, Stacked/Horizontal, Grid XSmall, Grid Small, Grid Medium, Grid Large, Grid XLarge, Grid Examples, Alert, Button, Carousel, Collapse, Dropdown, Modal, Popover, Scrollspy, Tab, Toasts, Tooltip, and more. So what are you waiting for? Enroll now and start building websites like an expert!