Udemy
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
Development
Web Development Data Science Mobile Development Programming Languages Game Development Database Design & Development Software Testing Software Engineering Development Tools No-Code Development
Business
Entrepreneurship Communications Management Sales Business Strategy Operations Project Management Business Law Business Analytics & Intelligence Human Resources Industry E-Commerce Media Real Estate Other Business
Finance & Accounting
Accounting & Bookkeeping Compliance Cryptocurrency & Blockchain Economics Finance Finance Cert & Exam Prep Financial Modeling & Analysis Investing & Trading Money Management Tools Taxes Other Finance & Accounting
IT & Software
IT Certification Network & Security Hardware Operating Systems Other IT & Software
Office Productivity
Microsoft Apple Google SAP Oracle Other Office Productivity
Personal Development
Personal Transformation Personal Productivity Leadership Career Development Parenting & Relationships Happiness Esoteric Practices Religion & Spirituality Personal Brand Building Creativity Influence Self Esteem & Confidence Stress Management Memory & Study Skills Motivation Other Personal Development
Design
Web Design Graphic Design & Illustration Design Tools User Experience Design Game Design Design Thinking 3D & Animation Fashion Design Architectural Design Interior Design Other Design
Marketing
Digital Marketing Search Engine Optimization Social Media Marketing Branding Marketing Fundamentals Marketing Analytics & Automation Public Relations Advertising Video & Mobile Marketing Content Marketing Growth Hacking Affiliate Marketing Product Marketing Other Marketing
Lifestyle
Arts & Crafts Beauty & Makeup Esoteric Practices Food & Beverage Gaming Home Improvement Pet Care & Training Travel Other Lifestyle
Photography & Video
Digital Photography Photography Portrait Photography Photography Tools Commercial Photography Video Design Other Photography & Video
Health & Fitness
Fitness General Health Sports Nutrition Yoga Mental Health Dieting Self Defense Safety & First Aid Dance Meditation Other Health & Fitness
Music
Instruments Music Production Music Fundamentals Vocal Music Techniques Music Software Other Music
Teaching & Academics
Engineering Humanities Math Science Online Education Social Science Language Teacher Training Test Prep Other Teaching & Academics
AWS Certification Microsoft Certification AWS Certified Solutions Architect - Associate AWS Certified Cloud Practitioner CompTIA A+ Cisco CCNA Amazon AWS CompTIA Security+ AWS Certified Developer - Associate
Graphic Design Photoshop Adobe Illustrator Drawing Digital Painting InDesign Character Design Canva Figure Drawing
Life Coach Training Neuro-Linguistic Programming Personal Development Mindfulness Meditation Personal Transformation Life Purpose Emotional Intelligence CBT
Web Development JavaScript React CSS Angular PHP WordPress Node.Js Python
Google Flutter Android Development iOS Development Swift React Native Dart Programming Language Mobile Development Kotlin SwiftUI
Digital Marketing Google Ads (Adwords) Social Media Marketing Marketing Strategy Google Ads (AdWords) Certification Internet Marketing YouTube Marketing Email Marketing Retargeting
SQL Microsoft Power BI Tableau Business Analysis Business Intelligence MySQL Data Analysis Data Modeling Big Data
Business Fundamentals Entrepreneurship Fundamentals Business Strategy Online Business Startup Business Plan Blogging Freelancing Home Business
Unity Game Development Fundamentals Unreal Engine C# 3D Game Development C++ 2D Game Development Unreal Engine Blueprints Blender
30-Day Money-Back Guarantee
Development Web Development Bootstrap

Bootstrap 4 from Scratch With Projects

Master bootstrap 4 development and learn to create responsive websites that use bootstrap's CSS grid and flexbox.
Rating: 4.6 out of 54.6 (130 ratings)
8,417 students
Created by Luke's Programming School
Last updated 4/2020
English
English [Auto]
30-Day Money-Back Guarantee

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

7 sections • 62 lectures • 8h 38m total length

  • Preview02:29
  • Bootstrap 4: Layout CSS Grid
    04:38
  • Preview04:38
  • Bootstrap 4: Components 2
    05:22
  • Bootstrap 4: Utilities
    07:16
  • Bootstrap 4: Best Practices and Versions
    01:26

  • Preview02:28
  • Preview11:16
  • 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

  • Preview02:47
  • 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

  • Preview02:22
  • 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

  • Preview01:16
  • Part 1: HTML CSS Boostrap 4
    23:51
  • Part 2: HTML CSS Boostrap 4
    44:49
  • Part 3: HTML CSS Boostrap 4
    08:15

  • Preview02:09
  • 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!
    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

Instructor

Luke's Programming School
Bestselling Udemy Instructor with over 150 000 Students
Luke's Programming School
  • 4.0 Instructor Rating
  • 5,269 Reviews
  • 160,349 Students
  • 29 Courses

Hi, my name is Luke, I am the founder of "Luke's Programming School". Currently, we are teaching over 100 000 Students in over 160 countries. Our goal is to have over 150 000 students by the end of this year. We offer courses in Development, E-commerce, and Design.

OUR COURSES: We are focused on making great courses, our goal is to make every course as engaging as possible. That is why most of our courses are short and straight to the point. We focus only on the important things.

UP-TO-DATE: We make sure that all of our courses are up to date, and cover's everything you need.

STUDENT IS THE BOSS: We are doing our best to make you happy and provide a  great learning experience. That is why we respond to questions within a day.

EVERYTHING YOU NEED: If the student is missing some lecture in our course, he can easily ask for them, all you need to do is write us what lectures would you like for us to add and we will add them!

Here is what our students say:

Gustav Gimlich : "Good course, Instructor is explaining well. I also like that there is a lot of exercises. Money good spend."

Nouf : "the course deserve million stars,thankyouuu"

Ahmed Mohammed Ahmed Al-areqi : "because the clear explanation of the Java language"

Debarghya Roy : "Awesome explanation"

Mohammad Shaik : "very nicely explained with good and simple examples."

Alan Con : "A perfect course for everyone who wants to learn about java. Thank you so much"

Halkawt Mahdi : "A good instrcutor and a very good course for someone who even do not know what code is."

Willane Paiva de Souza : "Great explanations, precise and at the right speed."

Peter : "Great course, I enjoyed the data structures part the most, Lukáš is a good teacher!"

... and many more :)

  • Udemy for Business
  • Teach on Udemy
  • Get the app
  • About us
  • Contact us
  • Careers
  • Blog
  • Help and Support
  • Affiliate
  • Impressum Kontakt
  • Terms
  • Privacy policy
  • Cookie settings
  • Sitemap
  • Featured courses
Udemy
© 2021 Udemy, Inc.