Bootstrap 4 – Responsive Web Design by Jason Marah

Key FeaturesAn applied guide exploring web application development with Bootstrap 4Learn responsive web design and discover how to build mobile-ready websites with easeBecome an expert in Bootstrap framework, and speed up frontend development and prototyping through real-life examplesBook DescriptionBootstrap frameworks ease-of-use (along with its cross-browser compatibility, support for mobile user interfaces, and responsive web design capabilities) makes it an essential building block for any modern web application.With the first module, plunge into the Bootstrap frontend framework with the help of examples that will illustrate the use of each element and component in a proper way. You will get a better understanding of what is happening and where you want to reach. Also, you will gain confidence with the framework and develop some very common examples using Bootstrap. All these examples are explained step by step and in depth.The second module is a comprehensive tutorial; well teach you everything that you need to know to start building websites with Bootstrap 4 in a practical way. Youll learn about build tools such as Node, Grunt, and many others. Youll also discover the principles of mobile-first design in order to ensure that your pages can fit any screen size and meet responsive requirements. Learn Bootstraps grid system and base CSS to ensure that your designs are robust and that your development process is speedy and efficient.Right from the first chapter of the third module, youll delve into building a customized Bootstrap website from scratch. Get to grips with Bootstraps key features and quickly discover the various ways in which Bootstrap can help you develop web interfaces. Once you reach the final pages of this book, you should have mastered the frameworks ins and outs, and should be building highly customizable and optimized web interfaces.The course will enable you to rapidly build elegant, powerful, and responsive interfaces for professional-level web pages using Bootstrap 4.This Learning Path combines some of the best that Packt has to offer in one complete, curated package. It includes content from the following Packt products:Bootstrap by Example – by Silvio MoretoLearning Bootstrap 4, Second Edition – by Matt LambertMastering Bootstrap 4 – by Benjamin Jakobus and Jason MarahWhat you will learnDiscover how to use Bootstraps components and elements, and customize them for your own projectsUnderstand the frameworks usage in the best way with the recommended development patternsUse Sass to customize your existing themesApply the Bootstrap mobile-first grid system and add responsiveness and aesthetic touches to image elementsCustomize the behavior and features of Bootstraps jQuery Plugins extensivelyStyle various types of content and learn how to build a pages layout from scratch by applying the power of Bootstrap 4Work with content, such as tables and figuresAbout the AuthorSilvio Moreto is a developer with many years of experience in 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, which is a very popular plugin among the community. It is for replacing a selected element by a Bootstrap button drop-down element. Silvio foresaw that a plugin like this one was missing in the original framework, and it could be useful for the community. So, he created the plugin, and the community helps him maintain it.Matt Lambert is a designer and developer with more than 16 years of experience. He currently works full-time as a senior product designer for CA Technologies in Vancouver, BC, Canada.In his free time, he is an author, artist, and musician. In 2005, Matt founded Cardeo Creative, which is a small web-design studio based in Vancouver. He works with a select list of clients on a part-time basis while producing his own products on the side.Benjamin Jakobus graduated with a BSc in Computer Science from University College Cork and obtained an MSc in Advanced Computing from Imperial College, London. As a software engineer, he has worked on various web development projects across Europe and Brazil.Jason Marah is a software engineer who is currently developing AerLingus.com in Dublin, Ireland, as a lead UI developer. Jason is a University College Cork alumnus, graduating with a BSc in Computer Science. Jason has worked as a full-stack engineer, specializing in JavaScript, around Europe on various projects.Table of ContentsGetting StartedCreating a Solid ScaffoldingYes, You Should Go Mobile FirstApplying the Bootstrap StyleMaking It FancyCan You Build a Web App?Of Course, You Can Build a Web App!Working with JavaScriptEntering in the Advanced ModeBringing Components to LifeMaking It Your TasteIntroducing Bootstrap 4Using Bootstrap Build ToolsJumping into FlexboxWorking with LayoutsWorking with ContentPlaying with ComponentsExtending Bootstrap with JavaScript PluginsThrowing in Some SassMigrating from Version 3Revving Up BootstrapMaking a Style StatementBuilding the LayoutOn Navigation, Footers, Alerts, and ContentSpeeding Up Development Using jQuery PluginsCustomizing Your PluginsIntegrating Bootstrap with Third-Party PluginsOptimizing Your WebsiteIntegrating with AngularJS and ReactBibliography