Learning Web Development with Bootstrap and Angular, 2nd Edition

Key Features

• Updated for the latest releases of Angular and Bootstrap, this book shows you how to build web applications with cutting-edge web technologies
• Combine the best of both worlds to build single page apps with elegant user interfaces
• Build, develop, and customize your application using Angular.js and Bootstrap
• Packed with tips to help you avoid potential stumbling blocks while developing

Book Description

Two of the most popular front-end frameworks, Angular and Bootstrap, have undergone a major overhaul to embrace emerging web technologies so that developers can build cutting-edge web applications. You can build high-quality single page apps with elegant user interfaces by combining the power of both these tools.

You’ll dive, fingers first, into the basics of both the tools,and once you’re familiar with them, you’ll get your hands dirty by working with 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.

Webpack will be your buddy to wrap up your project. Then after throwing in some SASS to make things pretty, you’ll learn 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.

Once you’re done with this book, you’ll not only have a lovely little project management application app running, but you’ll also take with you the confidence to innovate and build your own applications with ease.

What you will learn

• Develop Angular 2 single page applications using an ecosystem of helper tools
• Get familiar with Bootstrap’s new grid and helper classes
• Embrace TypeScript and EcmaScript 6 to write more maintainable code
• Use custom directives for Bootstrap 4 with the ng2-bootstrap library
• Understand the component-oriented structure of Angular 2 and its Router
• Make use of the built-in HTTP library to work with API endpoints
• Use Observables and Streams to manage the app’s data and state
• Combine Angular 2 and Bootstrap 4 along with Firebase in the development of a solid example

Table of Contents

Chapter 1. Saying Hello!
Chapter 2. Working with Bootstrap Components
Chapter 3. Advanced Bootstrap Components and Customization
Chapter 4. Creating the Template
Chapter 5. Routing
Chapter 6. Dependency Injection
Chapter 7. Working with Forms
Chapter 8. Advanced Components
Chapter 9. Communication and Data Persistence
Chapter 10. Advanced Angular Techniques