Bootstrap 4 from Scratch With Projects
4.4 (117 ratings)
Course Ratings are calculated from individual students’ ratings and a variety of other signals, like age of rating and reliability, to ensure that they reflect course quality fairly and accurately.
8,372 students enrolled

Bootstrap 4 from Scratch With Projects

Master bootstrap 4 development and learn to create responsive websites that use bootstrap's CSS grid and flexbox.
4.4 (117 ratings)
Course Ratings are calculated from individual students’ ratings and a variety of other signals, like age of rating and reliability, to ensure that they reflect course quality fairly and accurately.
8,372 students enrolled
Last updated 4/2020
English
English [Auto]
Current price: $64.99 Original price: $99.99 Discount: 35% off
21 hours left at this price!
30-Day Money-Back Guarantee
This course includes
  • 8.5 hours on-demand video
  • 1 article
  • 6 downloadable resources
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
Training 5 or more people?

Get your team access to 4,000+ top Udemy courses anytime, anywhere.

Try Udemy for Business
What you'll learn
  • Learn how to create responsive website using Bootstrap 4
  • Create real-world responsive website templates using Bootstrap 4
  • Understand CSS Grid used in Bootstrap 4
  • Bootstrap components, utilities & best practices
Course content
Expand all 62 lectures 08:38:29
+ Introduction
6 lectures 25:49
Bootstrap 4: Layout CSS Grid
04:38
Bootstrap 4: Components 2
05:22
Bootstrap 4: Utilities
07:16
Bootstrap 4: Best Practices and Versions
01:26
+ PROJECT #1 |E-commerce Landing Page
15 lectures 02:06:25
Home Page HTML & Bootstrap 4
11:08
Call to Action
05:28
Gallery/Items
10:29
Carousel Testimonials
09:04
Contact us HTML & Bootstrap
09:51
Footer
11:22
Simple bug fixing
00:22
CSS #1
14:28
CSS #2
06:50
CSS #3
04:57
CSS #4
11:41
Adding the Javascript functionality
08:32
Responsive web development
08:29
+ PROJECT #2 Startup Landing Page
15 lectures 01:34:37
Getting started & Navbar
02:30
Home Page HTML & Bootstrap 4
05:03
About Us Section
05:37
Pricing Section
08:47
Services Section
02:50
Team Section
04:51
HTML & Bootstrap 4: Call to action & Contact
12:10
HTML & Bootstrap 4: Footer
04:19
CSS 3: Navbar
07:37
CSS 3: Pricing
08:42
CSS 3: Services
09:53
CSS 3: Team & Call to action
06:35
CSS 3: Contact Us & Footer
05:10
CSS 3: Responsive web development
07:46
+ Project #3 Business Responsive Website
16 lectures 01:19:45
Bootstrap 4 & HTML: Navbar
07:30
Bootstrap 4 & HTML: Home
05:04
Bootstrap 4 & HTML: Call To Action
02:57
Bootstrap 4 & HTML: Services
03:31
Bootstrap 4 & HTML: Portfolio
08:17
Bootstrap 4 & HTML: Contact us
07:24
Bootstrap 4 & HTML: Footer
06:51
CSS 3: Basics
01:23
CSS 3: Buttons
07:23
CSS 3: Navbar, home and call to action
04:12
CSS 3: Services and Portfolio
04:57
CSS 3: Contact us & Footer
03:48
CSS 3: Responsive web development
05:44
Adding Animations
07:55
Bug Fixing
00:27
+ Project #4 Simple Bussines Page
4 lectures 01:18:11
Part 1: HTML CSS Boostrap 4
23:51
Part 2: HTML CSS Boostrap 4
44:49
Part 3: HTML CSS Boostrap 4
08:15
+ Project #5: Blog Page
5 lectures 01:53:06
01 HTML of index page
46:10
02 CSS and Bootstrap 4 Styling
21:24
03 CSS and Bootstrap 4 Styling 2
32:01
04 HTML Detail Blog Post
11:22
+ BONUS: Discounts to my other courses!
1 lecture 00:35
BONUS: Discounts to my other courses!
00:35
Requirements
  • You need to have basic knowledge of HTML and CSS but only a beginner understanding is required.
Description

Master responsive website development with Bootstrap 4 from Scratch!

This course will teach you how you can use Bootstrap 4 in order to create real-world websites. We start completely from scratch, at the Bootstrap documentation. Which is a great place to learn about Bootstrap 4 components and utilities. In my opinion the best way to learn any technology is via practice. That is why, we will jump right into projects where you will learn the most important concepts of Bootstrap 4 and responsive web development.

Once you've completed the course you'll be able to design and develop you're own Bootstrap 4 responsive websites and themes. The source code for the completed theme is added as a resource to this course. Same goes for images used at the website template that you will create.

You do NOT need to know Bootstrap 4 for this course. The course is designed even for complete beginners. If you are already familiar with Bootstrap you can skip the first section and go directly to the projects.

Who is this course for?

  • Anyone who wants to learn or expand their Bootstrap 4 knowledge

  • Beginner web developers curious about responsive web design and Bootstrap 4

  • Someone who wants to create real-world websites with Bootstrap 4, HTML 5 and CSS 3

Are there any course requirements or prerequisites?

  • You need to have basic knowledge of HTML and CSS but only a beginner understanding is required.

Course Curriculum:

As mentioned earlier, we start with bootstrap 4 documentation. I took a moment to explain the CSS Grid layout often used in Bootstrap websites. Then we take a look at Bootstrap Components & Utilities. Then we finish of the first section with a brief lecture on Best Practices and Versions of the bootstrap library.

After finishing this section we move on to first project, which is the E-commerce Landing Page. This web template is fully responsive. We start implementing it from scratch but if you want you can download the source code.

Then we move to second project which is a simple responsive landing page. Once again implemented from scratch.

I'm here to help you along the way while you master Bootstrap and I'm ready to answer any questions you may have.

So do you want to learn Bootstrap 4 and create your own responsive websites?

Enroll today and I will see you in the course.

Who this course is for:
  • Anyone who wants to learn or expand their Bootstrap 4 knowledge
  • Beginner web developers curious about responsive web design and Bootstrap 4
  • Someone who wants to create real-world websites with Bootstrap 4, HTML 5 and CSS 3