Book Image

Web Development with Angular 2 and Bootstrap [Video]

By : Tarun Sharma
Book Image

Web Development with Angular 2 and Bootstrap [Video]

By: Tarun Sharma

Overview of this book

<p>Angular 2 is a game changer in the field of web development and enables you to efficiently architect large-scale and maintainable software. It has everything from a powerful view engine to an exceptional data binding framework and a design that embraces modern web development. Bootstrap allows users to quickly get started developing professional-looking responsive web applications. With both joining forces, we burst into modern web development with the very best of development and design.</p> <p>This course demonstrates how to write dynamic, feature-rich Angular 2 applications with Bootstrap's responsive layouts and end-to-end testing techniques. We will set up our development environment with Angular 2 and ES6 with TypeScript. In Angular 2, everything is a component using TypeScript annotations. This course takes a component-centric approach, using them as the main point of discussion to help you learn the core concepts in Angular 2. You'll also get to grips with Bootstrap to create and design web applications that are elegantly styled with a responsive user interface.</p> <p>If you have been building applications with 1.x versions of Angular, this course will also lay down the migration steps required to port your application to the newer version without disrupting the functionalities. Throughout this course, you will learn about the advanced features of Angular 2 such as components, views, event handlers, directives, dependency injection, services, routing, and data binding using Bootstrap styling. Finally, we'll end the course by implementing all that you've learned using Angular 2 web components and BootstrapUI.</p> <p>By the end of the course, you’ll be ready to start building quick and efficient applications with a stunning interface that takes advantage of all the new features on offer from both Angular 2 and Bootstrap.&nbsp;</p> <h1>Style and Approach</h1> <p>This hands-on course is packed with helpful coding examples, and with each section you will uncover the new concepts of Angular 2 while building an incredibly polished application using Bootstrap. It’s like a pair programming session with the author!</p>
Table of Contents (10 chapters)
Chapter 7
The Dependency Injection and Inversion of Control Patterns
Content Locked
Section 4
Dependency Injection with Angular 2 Application
Creating services is nothing new in Angular 2. We just need to Create the service class,define the metadata with a decorator,and import what we need. Looks familiar? These are the same basic steps we followto build our components and custom pipes.Let's look at the code for a simple service. - Create Host service with methods, which will return Host data in Array format. - Register a service to @NgModule providers array. - Inject this service in component class constructor and call the methods to get data.