Learning Path: Bootstrap: The Complete Guide to Bootstrap 4
What you'll learn
- Code a professional landing page
- Explore the Bootstrap grid system
- Build mobile responsive web applications using Bootstraps flexible grid system
- Work with modular and customized blocks of content called “cards” to display various text and images
- Design responsive and accessible tables, and create a refined and accessible user experience
- Master styling, navigation, and alerts, and responsive queries
- Build highly customizable web interfaces
Course content
- Preview02:23
- 06:11Setting Up the Framework
- 03:32Building Our First Bootstrap Example
- 02:18Applications and Compatibility
- 07:45Building Our Scaffolding
- 11:16Typography
- 03:31Manipulating Tables
- 02:23Cross-Browser Compatibility
- 05:21Debugging Different Viewports
- 07:55Creating the Landing Page
- 09:28Changing Grid Layout
- 08:01Forming the Forms
- 04:47Images and Helpers
- 03:30Using Bootstrap Icons
- 04:03Adding Navigation
- 02:24Dropdown Button
- 03:18Understanding Flexbox
Requirements
- A basic knowledge of HTML, CSS, and JavaScript is mandatory.
Description
Bootstrap is a free, open-source collection of tools that help developers create websites or web applications. It provides a faster, easier, and less repetitive solution to designing and building applications.
This Learning Path includes 3 complete modules, carefully chosen to give you the most comprehensive learning possible.
The first module, Getting Started with Bootstrap 4 for Web Development, is a tutorial packed with examples showing you how to create interesting web applications using Bootstrap and master the front-end framework to its core. We begin with an introduction to the Bootstrap framework and set up an environment to build a simple web page. We then cover the grid system, basic Bootstrap components, HTML elements, and customization components for responsive and mobile-first development.
The second module, Bootstrap 4 Projects, will take you through not only Bootstrap 4's new features and changes, but create larger projects with these components and frameworks. These projects include building out the structure and design of a social media platform, comprehensive login and registration forms, and finally a music library application. Each project will provide you with a chance to use some of the new Bootstrap 4 components in the greater context of the Bootstrap framework.
The third module, Mastering Bootstrap 4, will help you learn to use Bootstrap within your web projects for more rapid development. You’ll explore how you can use CSS classes within your HTML to bring Bootstrap functionality to your project.
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.
Meet Your Expert(s):
We have the best work of the following esteemed author(s) to ensure that your learning journey is smooth:
Silvio Moreto is a developer with more than 7 years' experience with frontend technologies and has created many websites and web applications using the Bootstrap framework. From simple pages to complex ones, he has always used the Bootstrap framework. Silvio is also the creator of the bootstrap-select plugin; this plugin (very popular among the community) replaces a selected element with a Bootstrap button drop-down element. Silvio foresaw that a plugin like this one was missing in the original framework and could be useful for the community. So, he created the plugin, and the community helps him maintain it. Besides this, he is very active in the open-source community, participating in some open-source repository and issue communities, such as Stack Overflow. Also, he finished third in the worldwide Django Dash 2013 challenge.
Aaron Vanston is a front-end developer and product specialist based in Melbourne, Australia, specializing in usability and user experience design on the web. He has a multidisciplinary background ranging from digital marketing to web application development. He is currently exploring his passion for web development through his own web development studio and start-ups/ web development teams within Melbourne. In the past, Aaron has developed a range of tutorials based on design and web development including various Bootstrap written tutorials.
Laurence Svekis is an instructor. He has 18+ years' work experience in web development, providing smart digital solutions online for both small and enterprise-level businesses. An experienced web application developer, he has worked on multiple enterprise-level applications, hundreds of websites and business solutions, and many unique and innovative web applications. His web application development areas of expertise include HTML, CSS, JavaScript, JQuery, Bootstrap, PHP, and MySQL—in short, anything to do with web creation and digital experience. He is passionate about everything to do with web application development and programming to online marketing with a strong focus on social media and SEO.
Who this course is for:
- This Learning Path targets frontend developers with no prior knowledge of Bootstrap and anyone keen to develop awesome responsive pages.
Instructor
Packt has been committed to developer learning since 2004. A lot has changed in software since then - but Packt has remained responsive to these changes, continuing to look forward at the trends and tools defining the way we work and live. And how to put them to work.
With an extensive library of content - more than 4000 books and video courses -Packt's mission is to help developers stay relevant in a rapidly changing world. From new web frameworks and programming languages, to cutting edge data analytics, and DevOps, Packt takes software professionals in every field to what's important to them now.
From skills that will help you to develop and future proof your career to immediate solutions to every day tech challenges, Packt is a go-to resource to make you a better, smarter developer.
Packt Udemy courses continue this tradition, bringing you comprehensive yet concise video courses straight from the experts.