O'Reilly logo

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

Learning Path: Bootstrap 4 Application Development

Video Description

Create stunning and robust websites with Bootstrap 4

In Detail

If you are creative, already have a designing capability, and are interested in creating responsive, innovative websites and applications in a modern way, explore this Learning Path and you will get more than expected. Bootstrap is front-end web framework for designing websites and web applications.

You will expand your creative horizon, first by designing responsive web pages, styling them to perfection in Bootstrap 3, and then seamlessly moving on to Bootstrap 4.

You’ll learn how you can use CSS classes within your HTML to bring Bootstrap 4 functionality to your project. You will also tour the anatomy of a Bootstrap plugin, create your own custom components, and extend Bootstrap using jQuery.

By the end of this Learning Path, you will have a thorough knowledge of the framework’s ins and outs, and be able to build highly customizable and optimized web interfaces.

Prerequisites: Familiarity with HTML, CSS, creating and editing files is required.

Resources: Code downloads and errata:

  • Building a Responsive Application with Bootstrap

  • Mastering Bootstrap 4

  • PATH PRODUCTS

    This path navigates across the following products (in sequential order):

  • Building a Responsive Application with Bootstrap (3h 10m)

  • Mastering Bootstrap 4 (3h 52m)

  • Table of Contents

    1. Chapter 1 : Building a Responsive Application with Bootstrap
      1. The Course Overview 00:04:00
      2. Setting Up Our Project 00:08:40
      3. Creating a Login Page 00:08:36
      4. Working with Forms in Bootstrap 00:08:49
      5. Designing Efficient Forms 00:08:51
      6. Building Layouts with Bootstrap 00:09:08
      7. Custom Layouts and Bootstrap 00:09:47
      8. Creating a Dashboard Page 00:08:47
      9. Creating Our First Table View 00:09:38
      10. Tables and Bootstrap 00:07:11
      11. Advanced Tables 00:13:27
      12. Working with Bootstrap JS plugins 00:15:21
      13. Most Popular Third-party JS plugins 00:21:06
      14. Making Our App More Responsive 00:13:54
      15. Difference between Bootstrap 3 and Bootstrap 4 00:06:50
      16. Migrating Our App to Bootstrap 4 00:18:18
      17. Using New Bootstrap 4 Components 00:09:28
      18. Final Steps 00:08:31
    2. Chapter 2 : Mastering Bootstrap 4
      1. The Course Overview 00:07:27
      2. Getting Bootstrap – Download - CDN 00:07:00
      3. Adding Bootstrap to Web Projects 00:07:07
      4. What is Bootstrap? 00:06:42
      5. Bootstrap Containers 00:05:51
      6. Creating a Bootstrap Template 00:05:36
      7. The Grid System 00:08:37
      8. Bootstrap Columns and Rows 00:10:28
      9. Bootstrap Jumbotron 00:04:23
      10. Bootstrap Typography 00:12:17
      11. Text Styles 00:09:46
      12. Bootstrap Cards 00:10:32
      13. Bootstrap Images 00:06:27
      14. Bootstrap Nav 00:06:29
      15. Bootstrap Buttons 00:05:03
      16. Bootstrap Button Grouping 00:06:51
      17. Bootstrap Alignments and Styling 00:05:20
      18. Bootstrap Other Components 00:08:34
      19. Glyphicons and Font Awesome 00:05:53
      20. Bootstrap Alerts 00:05:40
      21. Bootstrap Pagination 00:04:37
      22. Bootstrap Nav 00:09:44
      23. Bootstrap Navbars 00:07:28
      24. Responsive Media Queries 00:07:58
      25. Forms working with Field 00:06:37
      26. Bootstrap Forms 00:16:31
      27. Bootstrap Responsive Utilities 00:04:14
      28. Useful Web Resources for Better Building 00:09:44
      29. Bootstrap Template Resource 00:03:46
      30. Bootstrap Templates 00:03:52
      31. Setting up jQuery 00:05:17
      32. CDN and what can be done with jQuery 00:10:34
      33. Bootstrap ToolTips 00:05:56
      34. Bootstrap 4 Modal 00:08:07
      35. Bootstrap 4 Carousel 00:08:30
      36. Bootstrap 4 Carousel options 00:04:14
      37. Bootstrap 4 ScrollSpy 00:05:17
      38. Planning Design Website Concept 00:03:03
      39. Creating Template and Container 00:03:03
      40. Add Placeholder Content and Sections 00:04:11
      41. Create Navbar 00:06:24
      42. Create the Content Area 00:08:59
      43. Update and Tweak Layout 00:04:56
      44. Add custom Styling and Fonts 00:10:32
      45. Create Functionality Using JQuery 00:06:56
      46. Planning Design Website Concept 00:06:22
      47. Creating Template and Container 00:04:57
      48. Adding placeholder Content and Sections 00:05:02
      49. Creating Navbar 00:05:33
      50. Creating the Content Area 00:06:53
      51. Creating Contact Form 00:07:10
      52. Creating Portfolio page 00:06:51
      53. Updating and Tweak Layout 00:02:58
      54. Adding Custom Styling and Fonts 00:03:48
      55. Creating Functionality Using JQuery 00:07:46
      56. Adding in Bootstrap jQuery Components 00:07:07