Udemy
    •  
    •  
    •  
    •  
    •  
    •  
    •  
    •  
Subscribe
Turn what you know into an opportunity and reach millions around the world.
Learn More
Your cart is empty.
Keep shopping
Create a website Bootstrap 4 rapid websites development
Rating: 4.4 out of 5(119 ratings)
10,090 students

Create a website Bootstrap 4 rapid websites development

Rapid web development and design with Bootstrap 4 Beta Build a website from Scratch
Created byLaurence Svekis
Last updated 11/2019
English
English [Auto],

What you'll learn

  • Create a single page website from scratch
  • Use Bootstrap classes for rapid web development

Explore related topics

Course content

2 sections • 21 lectures • 1h 36m total length

  • Introduction to Bootstrap 4 Rapid development3:07

    Learn to build a fully responsive, mobile-ready website from scratch with Bootstrap 4, using grid, cards, buttons, and a collapsible navigation bar.

  • Setup Bootstrap Editor Setup2:41

    Set up your Bootstrap development environment using Brackets or your editor of choice, and prepare to build a site from scratch with Bootstrap 4 and jQuery.

  • Build a Default Bootstrap template6:13

    Build a default bootstrap template by creating a one-page index, linking minified bootstrap css and js, and including jQuery and popper to enable bootstrap javascript features.

  • Build responsive navbar6:21

    Learn to build a responsive bootstrap navigation bar for a single-page website, linking top nav items to four sections via hash anchors, with a collapsible menu and a footer.

  • Responsive NavBar Bootstrap 48:41

    Turn an unordered list into a responsive nav bar using Bootstrap 4, applying nav bar, navbar dark, and fixed at the top, with collapse and expand breakpoints.

  • Source Code0:19
  • Full Height Section8:05

    Learn to build a single-page Bootstrap 4 site with full-height sections, a jumbotron splash area, centered text, and responsive margins, padding, and section sizing driven by custom sections classes.

  • Build section6:16

    Apply padding top to reveal section headings, then build responsive sections with Bootstrap containers, background colors, display utilities, and buttons in a single-page layout with dummy content.

  • Bootstrap Buttons Section5:24

    Build a single-page site with Bootstrap buttons, cards, a responsive grid of containers, rows, and columns, including code formatting, a footer, and a contact form.

  • Bootstrap 4 Cards in Action6:40

    Build a responsive product section with Bootstrap 4 cards: set up a container, a three-column grid (lg-4), and reusable cards with header, body, title, text, and image, adapting to breakpoints.

  • Source Code1:55
  • Bootstrap 4 Forms4:41

    Build a Bootstrap 4 contact form using form-group, form-control, and a submit button; add placeholders and IDs, then enable scroll spy and smooth scrolling.

  • Add new section with background image4:59

    Add a section with a background image and intro content using a Bootstrap container. Center the image with cover sizing, apply a background color and rounded border, and update navigation.

  • Source Code2:34
  • Footer Styling Bootstrap 45:03
  • Bootstrap ScrollSpy4:06

    Explore bootstrap scrollspy integrated with jQuery to highlight the active navigation item as you scroll a single-page site, wiring the body with a target nav and preparing for scroll animations.

  • Bonus jQuery Animate Method10:22

    Master smooth scrolling on a Bootstrap 4 site by using jQuery to capture nav link clicks, prevent default behavior, and animate HTML and body to section offsets.

  • Source Code2:50
  • Course Overview4:22

    Learn to build a Bootstrap 4 one-page site with sections, headers, buttons, cards, forms, and a footer, using scroll spy and optional jQuery animations, with CDN or local assets.

  • Section Resources0:15

Requirements

  • HTML and CSS experience
  • Access to a computer

Description

Single Page fully responsive website build in less than 1 hour using Bootstrap 4.

Using Bootstrap 4 you can build websites quickly and easily by applying the Bootstrap classes.  Did you want to learn how to build websites?  Bootstrap makes it easy and this course will show you how.

Bootstrap is an open-source front-end web framework for designing websites and web applications.  Find out why Bootstrap is the most popular Front end framework being used online today.   Bootstrap lets you create amazing fully responsive websites quickly.  Bootstrap 4 is even better with more control.  Bootstrap is designed for everyone, everywhere.  Bootstrap makes front-end web development faster and easier. 

Get to know Bootstrap and see all the amazing things that can be done with Bootstrap

  • See the bootstrap grid in action
  • Explore building a fully responsive navigation bar
  • Use Cards to help structure content
  • Add Bootstrap Buttons
  • HD quality Videos
  • Instructor with over 18 years Real world experience
  • Top links and Resources
  • Source Code included
  • Bonus content using jQuery Animate for scroll effect

I'm ready to help you learn about Bootstrap, and happy to answer any questions you may have. Want to know more about Bootstrap, join the course and start seeing what you can do with Bootstrap.



Who this course is for:

  • Web developers
  • Web Designers
  • Anyone who wants to build a website
  • Bootstrap 3 users who want to learn Bootstrap 4

Report abuse