Book Image

Web Development with Bootstrap 4 and Angular 2 - Second Edition

By : Sergey Akopkokhyants, Stephen Radford
Book Image

Web Development with Bootstrap 4 and Angular 2 - Second Edition

By: Sergey Akopkokhyants, Stephen Radford

Overview of this book

<p>Two of the most popular frontend frameworks, Angular and Bootstrap, have undergone a major overhaul to embrace emerging web technologies so that developers can build cutting-edge web applications.</p> <p>Inside this title you'll dive, fingers first, into the basics of both the tools, and once you're familiar with them, you'll move onto Bootstrap's new grid system and Angular's built-in directives. You'll then learn how to format output using Angular's pipes and how to make use of the built-in router to set up routes for all your components.</p> <p>Webpack will be your buddy to wrap up your project. Then, after throwing in some SASS to make things pretty, you'll learn how to validate the forms you've built and debug your application. Finally, you'll go on to learn how to obtain smooth transitioning from Bootstrap to Angular and then how to hook up with a server and use Firebase as the persistence layer.</p> <p>Once you're done with this book, you'll not only have a lovely little e-commerce application running, but you'll also take with you the confidence to innovate and build your own applications with ease.</p>
Table of Contents (16 chapters)
Web Development with Bootstrap 4 and Angular 2 - Second Edition
Credits
About the Authors
About the Reviewer
www.PacktPub.com
Preface

Summary


We've covered a lot in this chapter, and it's time to interrupt our journey, take a break, and recap it all.

Bootstrap allowed us to capture our customer's attention with Jumbotron and carousel slideshow quite easily.

We also looked at the powerful responsive grid system included with Bootstrap and created a simple two-column layout. While we were doing this, we learned about the five different column class prefixes and also nested our grid. To adapt our design, we discovered some of the helper classes included with the framework to allow us to float, center, and hide elements.

In this chapter, we saw in detail how to use input, button, and list groups in our project. A simple but powerful component such as dropdowns and tables helped us to create our components quickly and more efficiently.

In Chapter 4, Creating the Template, we're going to explore more Bootstrap fundamentals and continue to build the project we started to develop in this and the previous chapter.

In the next chapter...