Udemy
    •  
    •  
    •  
    •  
    •  
    •  
    •  
    •  
Subscribe
Turn what you know into an opportunity and reach millions around the world.
Learn More
Your cart is empty.
Keep shopping
Bootstrap 4 Website Built from scratch in 1 hour
Rating: 4.6 out of 5(473 ratings)
37,850 students
Created byLaurence Svekis
Last updated 11/2024
English

What you'll learn

  • Create websites using Bootstrap
  • use Bootstrap classes to design websites
  • Mobile ready responsive website design

Explore related topics

Course content

2 sections • 24 lectures • 1h 50m total length

  • Rapid web dev introduction2:38

    Build a responsive bootstrap website from scratch in under an hour. Follow a step-by-step approach to a mobile-ready, single-page site with animated scrolling and source code.

  • Bootstrap website Resources4:11
  • Bootstrap Update0:47
  • Bootstrap Setup5:54
  • Bootstrap CDN template0:08
  • Build NavBar for website9:13
  • Tweak Menu Navbar8:24
  • create header section for webpage7:41

    Explore building a Bootstrap header section with a header element, a main container, company name and subheading, plus a primary call-to-action styled for visibility and responsiveness.

  • Creating new sections for webpage10:24
  • Add more sections into webpage4:08
  • Typography updates2:33
  • Source Code2:37
  • Create a contact form in bootstrap9:46
  • Transparent background color full page background image5:02
  • Customized backgrounds covers7:18
  • Adding modal dialog windows5:26
  • Style Call to Action section2:52

    Customize the call-to-action in a Bootstrap 4 site by styling the container, adding spacing and a site menu id, configuring modals and email placeholders, and planning jQuery scroll effects.

  • Bootstrap Colors2:36
  • Bootstrap ScrollSpy2:00
  • jQuery Animate Page7:20

    Learn to implement animated scrolling between page sections with jQuery in a Bootstrap 4 site, using hash links, offset calculations, and smooth scroll animation with scroll spy highlighting.

  • Bootstrap Quick website Conclusion4:13
  • Source Code4:09

Requirements

  • Basics of HTML and CSS
  • Understand HTML elements and classes
  • Basics of JavaScript / jQuery

Description

Create your own Mobile Ready : Fully Responsive websites from Scratch!

Rapid web development with Bootstrap starting from scratch with a blank web page.  This course will show you how to take this blank file and create a website.  Best of all once you become familiar with Bootstrap you can create websites like the one in the course in under 1 hour!  Source code is included so you too can follow along with the course content and create a website upon completion of the course.  

Learn why Bootstrap is so popular, guaranteed that once you start using Bootstrap you will love it!!!!

Single page websites are super popular, web visitors like to interact with the content and have it all presented in one place.   Add in jQuery animation for scrolling making it fun for web visitors to interact and see more of your content!  

This course covers Bootstrap 4 - overviews changes that are new from Bootstrap 3.

Explore what Bootstrap can do!!!!!  Everything is included

  • Links and resources are included
  • Create a Bootstrap template
  • Find out how to add a Navbar
  • Create sections within the page
  • Add backgrounds and colors
  • customise Bootstrap components
  • How to use Bootstrap Scrollspy 
  • Add jQuery animation for scrolling
  • and much more.....

I'm here to help you learn more about using Bootstrap and ready to answer any questions you may have.

By the end of the course you will be able to build your own custom website from scratch.

Enroll now and see what you can do with Bootstrap.



Who this course is for:

  • Web developers
  • Web designers
  • Anyone creating online content

Report abuse