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+ Microsoft AZ-900
Graphic Design Photoshop Adobe Illustrator Drawing Digital Painting InDesign Character Design Canva Figure Drawing
Life Coach Training Neuro-Linguistic Programming Personal Development Mindfulness Personal Transformation Life Purpose Meditation CBT Emotional Intelligence
Web Development JavaScript React CSS Angular PHP Node.Js WordPress Vue JS
Google Flutter Android Development iOS Development React Native Swift Dart Programming Language Mobile Development Kotlin SwiftUI
Digital Marketing Google Ads (Adwords) Social Media Marketing Google Ads (AdWords) Certification Marketing Strategy Internet Marketing YouTube Marketing Email Marketing Retargeting
Microsoft Power BI SQL Tableau Business Analysis Data Modeling Business Intelligence MySQL Data Analysis Blockchain
Business Fundamentals Entrepreneurship Fundamentals Business Strategy Business Plan Startup Online Business Freelancing Blogging 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 From Scratch - Fast and Responsive Web Development

Build Projects and Master Responsive Web Development with Bootstrap 4, HTML5 and CSS3 with Mobile First Design and More
Rating: 4.4 out of 54.4 (239 ratings)
64,110 students
Created by Mammoth Interactive, John Bura
Last updated 5/2020
English
English [Auto]
30-Day Money-Back Guarantee

What you'll learn

  • Learn and create amazing high quality Bootstrap 4 themes and UIs from scratch
  • Learn semantic HTML5 & modern CSS3 techniques
  • Learn the Bootstrap 4 utilities, classes, components & JS widgets with an online editor
  • Build Responsive Websites
  • Master the best practices for HTML, CSS and JS development
  • Learn to create beautiful, responsive websites quickly and painlessly
  • Use the latest in HTML5, CSS3, and Flexbox alongside Bootstrap 4
  • Get a brief overview of HTML, CSS and JavaScript for complete beginners
  • Use the Bootstrap 4 Grid system to create complex, fluid layouts

Course content

10 sections • 36 lectures • 5h 3m total length

  • Preview12:40
  • Section 1 Code
    00:00

  • How to Get Bootstrap
    03:42
  • Build Bootstrap Grids
    11:44
  • Set Display Property with Bootstrap
    13:54
  • Build a Layout with Bootstrap Flex
    13:17
  • Grow Shrink Fill with Bootstrap Flex
    08:02
  • Source Code
    00:00

  • Build Website Skeleton with Bootstrap
    08:37
  • Find Bootstrap Icons
    01:50
  • Build Bootstrap Navigation
    17:04
  • Build a Nav
    16:28

  • Build a Carousel
    08:47
  • Populate a Carousel
    15:01
  • Display a Carousel
    05:47

  • Preview07:48
  • Add Row and Column
    12:40
  • Display Featurettes and Begin Mobile-First Design
    05:56
  • Responsive Columns with Flexbox
    08:15
  • Link to Pages in a Carousel
    04:16

  • Build a Contact Form
    19:48
  • Fine Tune the Contact Form
    02:57

  • Building a Footer
    03:50
  • Project 1 Source Code
    00:00

  • Product Page Project Setup
    08:14
  • Build a Product Header
    13:04
  • Add Elements Onto Background Image
    07:56

  • Build a Pricing Page
    10:12
  • Style the Pricing Page
    03:03

  • Build A Checkout Page
    13:40
  • Build A Billing Information Section
    11:31
  • Build Address Selection Fields
    09:57
  • Build Payment Information Fields
    08:56
  • Build Card Information Fields
    10:14
  • Add Fine Tuning
    03:52
  • Project 2 Source Code
    00:00

Requirements

  • No coding experience necessary
  • No Bootstrap 3 experience necessary

Description

Bootstrap is currently the single most used library on all of Github, beating out other tools like React and Angular! It's immensely popular, and with good reason: it makes creating responsive websites a breeze.

This course will 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.

This course will take you from a complete beginner to a Bootstrap 4 expert in a matter of hours!

Or, if you already know Bootstrap 3, this course will serve a complete guide to all the new changes and improvements in Bootstrap 4. By the time we're done, you'll master every single component, the powerful grid system, and the brand-new utility classes.

Build projects including:

  • Build beautiful navigation quickly with Bootstrap's styled navigation components.

  • Use Bootstrap’s powerful, responsive navigation header, the navbar. Includes support for branding, navigation, and more, including support for our collapse plugin.

  • Build a slideshow component for cycling through elements—images or slides of text—like a carousel.

  • Build service pages for your product with featurettes

  • Learn how to design mobile first

  • Build a contact form for email, messages and more

  • Build a footer quickly with Bootstrap's components

  • Build an image header with text overlay

  • Build a pricing page

  • And much more!

These projects are free for you to use for your clients, projects and anywhere you need.

In just a matter of hours, you can add skills to your resume:

  • Learn the fundamentals of HTML5, CSS3 and JavaScript if you have no coding experience.

  • Download Bootstrap to get the compiled CSS and JavaScript, source code, or include it with your favorite package managers like npm, RubyGems, and more.

  • Use Bootstrap's powerful mobile-first flexbox grid to build layouts of all shapes and sizes thanks to a twelve column system, five default responsive tiers, Sass variables and mixins, and dozens of predefined classes.

  • Use Bootstrap's display utilities for responsively toggling common values of the display property. Mix it with their grid system, content, or components to show or hide them across specific viewports.

  • Quickly manage the layout, alignment, and sizing of grid columns, navigation, components, and more with a full suite of responsive flexbox utilities.

  • Use .flex-grow-* and more utilities to toggle a flex item’s ability to fill available space.

  • Set up a template you can reuse for any project.

  • Implement icons fast with Bootstrap's first time ever own icon library, custom designed and built for our components and documentation.

  • And more...

By then end of the course we'll be building complete, responsive websites that looks great on all devices. In addition, since Bootstrap 4 is now built on top of Flexbox, we spend a lot of time learning the ins and outs of Flexbox along the way!

Don't wait! Enroll while spots are open.

Watch a preview video or sign up and see why Bootstrap is currently the most popular front-end library around. It makes developing good-looking websites incredibly easy (and fun!)

A SCHOOL YOU CAN TRUST

  • Lifetime access that never expires

  • Project-based curriculum to superboost your portfolio

  • Graduation certificate for every course

  • Absolute beginner-friendly

  • New courses every month

  • Efficient lectures with step by step explanations

  • Relevant industry topics 8 years of award-winning course delivery

  • 700,000 students in 186 countries

  • Learn with free tools and affordable courses

COURSE AUTHOR

Alexandra Kropova, Software Developer at Mammoth Interactive INC.

Alexandra Kropova is a software developer specializing in Java and JavaScript, with extensive experience in full-stack web development and app development. She has helped produce courses for Mammoth Interactive INC. since 2016.

REVIEWS OF MAMMOTH COURSES

Captivating voice, easy to follow at a rapid pace, get some paper and fasten your seat-belts. I'm enjoying every second of this.

— PHILIP MURRAY

I have completed many Udemy and Skillshare tutorials. This one is the most outstanding one that I have seen thus far. It is doubtful that it could be topped. This is a superior tutorial. Amazing.

— JOSEPH APPLEGARTH

FREQUENTLY ASKED QUESTIONS

When does the course start and finish?

The course starts now and never ends! It is a completely self-paced online course - you decide when you start and when you finish.

How long do I have access to the course?

How does lifetime access sound? After enrolling, you have unlimited access to this course for as long as you like - across any and all devices you own.

What if I am unhappy with the course?

We would never want you to be unhappy! If you are unsatisfied with your purchase, contact us in the first 30 days and we will give you a full refund.

Do I get course certificates?

Yes, a course certificate will be generated at the end of each course you complete! Along with projects, certificates are a way you can prove your work on LinkedIn.

Do I have to show up at a particular place or a particular time?

No, each course happens online, and you can take it from any place where you have an internet connection.All lectures are prerecorded so you can watch them at any time that works for you. Of course, you can also enjoy all the lectures on your phone and tablet.

How much time do I need in order to take each course?

You can spend as much or as little time as you want. With Lifetime Access, there is no expiry. You aren't required to complete the course within a certain time period. You can follow the course at your own pace and always come back to the videos later when you want to revisit the material or work on improving certain skills.

What if I’m not good with technology?

The majority of Mammoth Interactive students are complete beginners. Even if you feel like you know nothing about technology, you won’t feel left out. All technical concepts are described in simple terms while avoiding unnecessary jargon. Each course starts from scratch and builds up your knowledge substantially in steps. Students from age 5 to 70 have successfully completed our courses. And just in case you get stuck, you can always ask any questions under each lecture, which will be promptly answered by one of my team members.

What if I'm an experienced developer?

Stack Overflow's yearly developer survey found that developers over age 50 start to make less than their younger counterparts. Don't become one of the people affected by skill stagnation. Enroll in our school to future-proof your career for life. If you're an experienced developer, you will still benefit from Mammoth Interactive courses. By starting from scratch with each course, you will revisit the fundamentals and undo bad coding habits. You'll also find it easier to pick up new languages, making you able to take more courses and broaden your skillset.

Who this course is for:

  • Anyone that wants to learn/master Bootstrap 4.4.x and build real world themes

Instructors

Mammoth Interactive
Top-Rated Instructor, 700,000+ Students
Mammoth Interactive
  • 4.2 Instructor Rating
  • 11,127 Reviews
  • 250,634 Students
  • 278 Courses

"I absolutely love this course. This is such a comprehensive course that was well worth the money I spent and a lot more. Will definitely be looking at more Mammoth Interactive courses when I finish this." – Student Matt W.

"Very good at explaining the basics then building to more complex features." – Student Kevin L.

Mammoth Interactive has been contracted to produce epic soundtracks, addicting levels, rock solid programming and business development.

John Bura
Best Selling Instructor Web/App/Game Developer 700k Students
John Bura
  • 4.3 Instructor Rating
  • 19,344 Reviews
  • 381,676 Students
  • 310 Courses

John Bura is has been a successful Udemy instructor since 2011. John Bura has been programming games since 1997 and teaching since 2002. John is the owner of the game development studio Mammoth Interactive. This company produces XBOX 360, iPhone, iPad, android, HTML 5, ad-games and more. Mammoth Interactive recently sold a game to Nickelodeon! John has been contracted by many different companies to provide game design, audio, programming, level design and project management. To this day John has 40 commercial games that he has contributed to. Several of the games he has produced have risen to the top 10 in the Apple's app store. In his spare time John likes to play ultimate Frisbee, cycle and work out.

  • 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.