Web Development with Angular and Bootstrap: Embrace responsive web design and build adaptive Angular web applications

Book Description
Angular and Bootstrap have undergone a major overhaul to embrace emerging web technologies that help developers build cutting-edge web applications. This book is for you if you’re ready to enhance your web development skills beyond HTML and CSS.

It begins with the basics of Angular and Bootstrap 4, along with an introduction to ES and TypeScript. You’ll be able to refine your skills further with flex-layout’s Responsive API to specify different layouts and sizing for various screen sizes. By using Angular Material, you’ll discover how to make your web pages look professional. You’ll study how to format output using Angular’s pipes and use the built-in router to set up routes for all your components. With the help of Webpack, you’ll be able to easily wrap up your project and use SASS to make things pretty. Furthermore, you can validate the forms you’ve built and debug your application. This book will also guide you in transitioning from Bootstrap to Angular smoothly, hooking up with a server, and using Firebase as the persistence layer. You’ll not only develop the right skills, but also gain insights into the potential stumbling blocks and tips for how to avoid them.

By the end of this book, you’ll have a stunning e-commerce application running, along with the confidence to build your own applications.

What you will learn
Develop Angular single-page applications using an ecosystem of helper tools
Get familiar with Bootstrap’s new grid and helper classes
Embrace TypeScript and ECMAScript to write more maintainable code
Implement custom directives for Bootstrap 4 with the ng2-bootstrap library
Understand the component-oriented structure of Angular and its router
Use the built-in HTTP library to work with API endpoints
Manage your app’s data and state with observables and streams
Combine Angular and Bootstrap 4 with Firebase to develop a solid example
Who this book is for
Whether you already know a little about Bootstrap or Angular or you’re a complete beginner, this book will enhance your capabilities in both frameworks. It will guide you in easily building a fully functional web app. Working knowledge of HTML, CSS, and JavaScript is required to get a better understanding of Bootstrap and Angular.

Table of Contents
Quick Start
ECMAScript and TypeScript Crash Course
Bootstrap – Grid Layout and Components
Routing
Flex-layout- Angular’s Responsive Layout Engine
Building Angular Components
Templates, Directives & Pipes
Working with NG Bootstrap
Working with Angular Material
Working with Forms
Dependency Injection & Services
Integrating Backend Data Services
Unit Testing
Advanced Angular Topics
Deploying Angular Applications