Web Development with Angular and Bootstrap Third Edition

▶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

▶Key Features
- Learn to combine Angular 6 with Bootstrap 4 to design highly intuitive and responsive web interfaces
- Explore the design principles for professional web layout with Angular Material, Flexbox, and Bootstrap
- Avoid potential stumbling blocks in web development with the help of expert tips

▶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.

▶What this book covers
- Chapter 1, Quick Start, begins your journey with the help of a quick introductory chapter to show you the possibilities available and to get you thinking creatively.

- Chapter 2, ECMAScript and TypeScript Crash Course, examines the TypeScript language, from basic to advanced aspects of the language that are essential when it comes to writing Angular applications.

- Chapter 3, Bootstrap – Grid Layout and Components, introduces the awesome Bootstrap CSS framework and explains how you can use some of the components and utilities provided by this supersonic library.

- Chapter 4, Routing, enables you to cut your teeth on the Angular framework by learning all about routing. From defining simple route paths to complex route guards and much more, you will be empowered with the knowledge to build rock solid routing systems for your applications.

- Chapter 5, Flex Layout – Angular's Responsive Layout Engine, covers alternative layouts and a grid-designing library named Flex Layout, and explains how Flex Layout offers a powerful layout for your Angular applications.

- Chapter 6, Building Angular Components, covers Angular components, the main building blocks of modern progressive web applications. You will learn to build multiple components and bring them all together to build views and functionality.

- Chapter 7, Templates, Directives, and Pipes, introduces the Angular template engine, directives, and pipes. You will explore the built-in directives, pipes, and templates.

- Chapter 8, Working with NG Bootstrap, introduces NG Bootstrap, another super powerful framework that you can consider in your projects.

- Chapter 9, Working with Angular Material, explains the development of our Angular applications using the components, directives, and utilities provided by Angular Material.

- Chapter 10, Working with Forms, introduces the heartbeat of any dynamic application. You will learn about the different approaches to building forms, exploring template-driven forms, reactive forms, and much more.

- Chapter 11, Dependency Injection and Services, covers dependency injection, services, and the
design philosophy behind the scenes.

- Chapter 12, Integrating Backend Data Services, is where all the code, learning, and hands-on examples that you have learned and built throughout the chapter will come together. You will stitch end-to-end screens, from UIs to components, to services and models, and much more. You will learn everything you need in order to assimilate all aspects of Angular.

- Chapter 13, Unit Testing, explains how testing is one of the most important aspects in modern-day software development. This chapter will teach you all about testing Angular applications.

- Chapter 14, Advanced Angular Topics, discusses user authentication and powerful user management systems, and also covers the integration of your applications with Google Firebase and Auth0.

- Chapter 15, Deploying Angular Applications, examines how to deploy your Angular applications and make them production ready.