Learning Path: Bootstrap 4 Application Development
- 9.5 hours on-demand video
- 1 Supplemental Resource
- Full lifetime access
- Access on mobile and TV
- Certificate of Completion
- Understand how to plan and design a responsive website
- Build any website layout using Bootstrap’s flexible grid system
- You will see how to create a “PACKT CMS’ application, which will have a custom CMS layout with amazing real-time features
- Explore the different Bootstrap plugins and use them in your “PACKT CMS” application to get a real-time effect
- Migrate smoothly From Bootstrap 3 to Bootstrap 4
- See how to use Bootstrap 4 to develop multi-page websites
- Master styling, navigation, and alerts, and responsive queries
- Bring your web pages to life using Bootstrap jQuery plugins
This video will show how to configure your project properly.
This video will show how to create our first page—the login page.
This will show how to use Bootstrap forms.
This video will show how to use forms and Bootstrap forms to provide a better user and form experience.
This video will show you the different Bootstrap grid systems. It will also show you how to build a Bootstrap layout using some tricks and tips.
This video will show you how to use the custom width layouts with Bootstrap and how to hack the Bootstrap grid.
In this video, we will be creating our dashboard page using the techniques learned so far.
This video will show you to create your first basic table layout for CMS and how to transform it using Bootstrap.
This video will teach you how to use classes to change the look and feel of a table. We will add pagination and make our page responsive.
The video will show you how to use DataTables and how to apply it to the existing table and customize it.
Bootstrap has over a dozen custom JS plugins and this video shows you how to bring Bootstrap component’s to life using them.
This video covers the gems and must-have plugins that can make you site a joy to use.
Bootstrap is the most popular framework for developing responsive applications and this video shows just that.
This video gives you the basics of Bootstrap 4 and sets you up for migration.
This video shows you how to upgrade from Bootstrap version 3 to version 4, emphasizing on major changes
This videos covers the newly introduced components and how they are replaced in the application
This video summarizes the section as a whole and gives you a bag of important resources that will aid your further study in Bootstrap 4
Source online for Bootstrap source files
Using Bootstrap within your web applications
Find out more about using Bootstrap benefits of Bootstrap
Basics of how Bootstrap works.
How to work more efficiently to build websites quickly
Positioning of content making it respond to different size screens.
Focus on columns and why it's important to understand how they work.
How to quickly style headings and highlight visible content within your web project
Going beyond HTML with Bootstrap typography, making typically styling easy with Bootstrap.
Alignment of text and text options
New Bootstrap 4 component for grouping content together
Visual images and what can be down with bootstrap
In this video we are going to look at the class Nav
How to use Bootstrap classes to make buttons
more advanced options for Bootstrap buttons
How to make your text appear and get presented within your web application.
Making website design easy and quick with Bootstrap
In this section we are going to go have a look at Glyphicons and Font Awesome
In this video we are going to learn about Bootstrap Alerts
In this lesson we are going to revisit Pagination in Bootstrap
In this video we are going to look at the class Nav
In this video we are going to look at what we can do with Bootstrap Navbars
In this video we are going to look at Responsive Media Queries
In this section we are going to introduce you to form elements and form classes
In this video we are going to learn about Bootstrap Forms and how we can use them
In this lesson we are going to look at Bootstrap Responsive Utilities
In this section we are going to highlight some of the top resources online.
In this lesson we are going to look at Bootstrap Template resources
To help create maintainable code, the SOLID principles of software design can be used as a tool to help ensure our codebase stays in a testable and robust state.
What jQuery is and how to get it into web projects for dynamic capability.
Where to get jQuery and how to bring it into your projects
Simple jQuery functional elements
Learn how to effectively create popup messages with Bootstrap Modals
Create image carousels with classes and attributes
Bringing bootstrap carousels to the next level
Bootstrap and adding active classes to current screen locations.
Learn about getting started to build a website with Bootstrap
Starting off to create a website
How to get started with your web project before you have the assets
How to add navigation to your website
Why content area planning is important and how to do it
Website review process to fine tune your site
Web resources that you can use to supplement Bootstrap
Web users are expecting more, they are looking for dynamic capabilities within website.
Steps and resources for starting a web project
Starting with a template and building a website from scratch
Design your website without assets ready
Using navigation bars design patterns for web users
how to prepare for content
Use Bootstrap to style amazing contact forms
Create visually styled content using Bootstrap
Prepare your website and check it for tweaks and updates
Customize your website to look the way you want
Do more with your website make it dynamic and interactive
What Bootstrap can do to make it easy to add cool stuff to your website
- Familiarity with HTML, CSS, as well as creating and editing files is required.
If you are creative, having designing skills, and willing to create responsive, innovative websites and applications in a modern way, explore this Learning Path and you’’ll get what you’re looking for.
Bootstrap is a free and open source frontend web framework for designing websites and web applications.
Packt’s Video Learning Paths are a series of individual video products put together in a logical and stepwise manner such that each video builds on the skills learned in the video before it.
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.
Among other things, 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. Your websites and projects of all sizes will work across multiple screens sizes perfectly with Bootstrap 4.
Vedran Cindrić has been a frontend developer for around 15 years now and has been using Bootstrap exclusively for the last 4 years. He has run a web development company called “Flip hr” for 5 years now, and he has worked on a lot of interesting projects for clients all around the world. He really enjoys writing great code, optimizing websites, and creating awesome responsive experiences. He has written some articles on Bootstrap before.
I’d like to thank a really special girl called Tea for buying me a better microphone and making sure I actually recorded the videos.
- If you are willing to experiment your designing skills by creating attractive applications, then this Learning Path is for you.
- This Learning Path combines in-depth content balanced with tutorials that put theory into practice. The focus is on giving you both theoretical understanding and practical experience required for you to master the art of web development with Bootstrap.