0

Explore Products

Best Sellers

New Releases

Books

Videos

Audiobooks

Free Learning

Expert Angular

You're reading from Expert Angular Build deep understanding of Angular to set you apart from the developer crowd

Product type Paperback

Published in Jul 2017

Publisher Packt

ISBN-13 9781785880230

Length 454 pages

Edition 1st Edition

Languages

JavaScript

Tools

Angular

Concepts

Front End Web Development

Authors (4):

Sridhar Rao Chivukula

Mathieu Nayrolles

Alexandru Vasile Pop

Rajesh Gunasundaram

View More author details

Table of Contents (18) Chapters

Preface

1. Architectural Overview and Building a Simple App in Angular

2. Migrating AngularJS App to Angular App FREE CHAPTER

3. Using Angular CLI to Generate Angular Apps with Best Practices

4. Working with Components

5. Implementing Angular Routing and Navigation

6. Creating Directives and Implementing Change Detection

7. Asynchronous Programming Using Observables

8. Template and Data Binding Syntax

9. Advanced Forms in Angular

10. Material Design in Angular

11. Implementing Angular Pipes

12. Implementing Angular Services

13. Applying Dependency Injection

14. Handling Angular Animation

15. Integrating Bootstrap with Angular Application

16. Testing Angular Apps Using Jasmine and Protractor Frameworks

17. Design Patterns in Angular

Using Bootstrap directives

In this section, we will learn how to use some of the most commonly used Bootstrap directives to build your application.

Accordion

The first directive we will overview is the accordion directive. Accordion allows you to create a different panel of content that can be displayed independently by clicking its respective header.

We will use the form we made back in Chapter 9, Advanced Forms in Angular, which allows the user to add movies in the Marvel Cinematic Universe, to experiment with accordion. The goal here is to have one panel for the form and another panel for the enumeration of the movies.

Let's start by studying the minimal HTML needed to have a Bootstrap accordion, which is shown as...

The rest of the chapter is locked

Register for a free Packt account to unlock a world of extra content!

A free Packt account unlocks extra newsletters, articles, discounted offers, and much more. Start advancing your knowledge today.

Unlock this book and the full library FREE for 7 days

Get unlimited access to 7000+ expert-authored eBooks and videos courses covering every tech area you can think of

Start free trial

Renews at $19.99/month. Cancel anytime

Authors (1)

Sridhar Rao Chivukula

Sridhar Rao Chivukula

Sridhar Rao Chivukula is a technical lead at Mindtree Ltd and is based out of New York City. He brings with him more than a decade of rich hands-on experience in all aspects of frontend engineering. He has worked with leading companies such as Oracle, Tech Mahindra, and Cognizant Technology Solutions. He has a Bachelor's degree in Information Technology. He is the author of the books Expert Angular and PHP and Web 2.0 Application Interfaces, published by Packt.

See other products by Sridhar Rao Chivukula

Other recommended products

Related to this chapter

Angular Design Patterns

Angular Design Patterns

This book will provide clear guidance on how to work through the most valuable design patterns effectively in Angular. You will explore some of the best ways to work with Angular to meet the performance required in the web development world. You will also learn the best practices to improve your productivity and the code base of your application.

Jul 2018 5h 56m

Angular Design Patterns

Angular Design Patterns

This book will provide clear guidance on how to work through the most valuable design patterns effectively in Angular. You will explore some of the best ways to work with Angular to meet the performance required in the web development world. You will also learn the best practices to improve your productivity and the code base of your application.

Jul 2018 5h 56m

Learning Angular 4 for .NET Developers

Learning Angular 4 for .NET Developers

Are you are looking for a better, more efficient, and more powerful way of building front-end web applications? Well, look no further, you have come to the right place! This book comprehensively integrates Angular 4 into your tool belt, then runs you through all the new options you now have on hand for your web apps without bogging you down. The frameworks, tools, and libraries mentioned here will make your work productive and minimize the friction usually associated with building server-side web applications.

Jun 2017 8h 16m

Learning Angular 4 for .NET Developers

Learning Angular 4 for .NET Developers

Are you are looking for a better, more efficient, and more powerful way of building front-end web applications? Well, look no further, you have come to the right place! This book comprehensively integrates Angular 4 into your tool belt, then runs you through all the new options you now have on hand for your web apps without bogging you down. The frameworks, tools, and libraries mentioned here will make your work productive and minimize the friction usually associated with building server-side web applications.

Jun 2017 8h 16m

Learning Angular 4 for .NET Developers

Learning Angular 4 for .NET Developers

Are you are looking for a better, more efficient, and more powerful way of building front-end web applications? Well, look no further, you have come to the right place! This book comprehensively integrates Angular 4 into your tool belt, then runs you through all the new options you now have on hand for your web apps without bogging you down. The frameworks, tools, and libraries mentioned here will make your work productive and minimize the friction usually associated with building server-side web applications.

Jun 2017 8h 16m

Learning Angular 4 for .NET Developers

Learning Angular 4 for .NET Developers

Are you are looking for a better, more efficient, and more powerful way of building front-end web applications? Well, look no further, you have come to the right place! This book comprehensively integrates Angular 4 into your tool belt, then runs you through all the new options you now have on hand for your web apps without bogging you down. The frameworks, tools, and libraries mentioned here will make your work productive and minimize the friction usually associated with building server-side web applications.

Jun 2017 8h 16m

Learning Angular 4 for .NET Developers

Learning Angular 4 for .NET Developers

Are you are looking for a better, more efficient, and more powerful way of building front-end web applications? Well, look no further, you have come to the right place! This book comprehensively integrates Angular 4 into your tool belt, then runs you through all the new options you now have on hand for your web apps without bogging you down. The frameworks, tools, and libraries mentioned here will make your work productive and minimize the friction usually associated with building server-side web applications.

Jun 2017 8h 16m

Learning Angular 4 for .NET Developers

Learning Angular 4 for .NET Developers

Are you are looking for a better, more efficient, and more powerful way of building front-end web applications? Well, look no further, you have come to the right place! This book comprehensively integrates Angular 4 into your tool belt, then runs you through all the new options you now have on hand for your web apps without bogging you down. The frameworks, tools, and libraries mentioned here will make your work productive and minimize the friction usually associated with building server-side web applications.

Jun 2017 8h 16m

Learning Angular 4 for .NET Developers

Learning Angular 4 for .NET Developers

Are you are looking for a better, more efficient, and more powerful way of building front-end web applications? Well, look no further, you have come to the right place! This book comprehensively integrates Angular 4 into your tool belt, then runs you through all the new options you now have on hand for your web apps without bogging you down. The frameworks, tools, and libraries mentioned here will make your work productive and minimize the friction usually associated with building server-side web applications.

Jun 2017 8h 16m

Building Modern Web Applications Using Angular 4

Building Modern Web Applications Using Angular 4

In the last few years, Angular has established itself as the number one choice of JavaScript Developers. What makes Angular special is performance and productivity. With Angular, developers can work on consistent coding patterns and build web applications that are powerful and scalable.

May 2017 7h 32m

Building Modern Web Applications Using Angular 4

Building Modern Web Applications Using Angular 4

In the last few years, Angular has established itself as the number one choice of JavaScript Developers. What makes Angular special is performance and productivity. With Angular, developers can work on consistent coding patterns and build web applications that are powerful and scalable.

May 2017 7h 32m

Web Development with Angular and Bootstrap

Web Development with Angular and Bootstrap

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. If you're ready to progress your web development skills past HTML and CSS, this book will give you everything you need to build your own web app.

Aug 2019 16h 24m

Personalised recommendations for you

Based on your interests and search pattern

Modern Full-Stack React Projects

Modern Full-Stack React Projects

Full-Stack React Projects is a complete guide to learning full-stack web development, understanding the creation and integration of backend systems, and advancing your career as a frontend developer.

Jun 2024 16h 52m

Modern Full-Stack React Projects

Modern Full-Stack React Projects

Full-Stack React Projects is a complete guide to learning full-stack web development, understanding the creation and integration of backend systems, and advancing your career as a frontend developer.

Jun 2024 16h 52m

Modern Full-Stack React Projects

Modern Full-Stack React Projects

Full-Stack React Projects is a complete guide to learning full-stack web development, understanding the creation and integration of backend systems, and advancing your career as a frontend developer.

Jun 2024 16h 52m

Modern Full-Stack React Projects

Modern Full-Stack React Projects

Full-Stack React Projects is a complete guide to learning full-stack web development, understanding the creation and integration of backend systems, and advancing your career as a frontend developer.

Jun 2024 16h 52m

Modern Full-Stack React Projects

Modern Full-Stack React Projects

Full-Stack React Projects is a complete guide to learning full-stack web development, understanding the creation and integration of backend systems, and advancing your career as a frontend developer.

Jun 2024 16h 52m

Modern Full-Stack React Projects

Modern Full-Stack React Projects

Full-Stack React Projects is a complete guide to learning full-stack web development, understanding the creation and integration of backend systems, and advancing your career as a frontend developer.

Jun 2024 16h 52m

Modern Full-Stack React Projects

Modern Full-Stack React Projects

Full-Stack React Projects is a complete guide to learning full-stack web development, understanding the creation and integration of backend systems, and advancing your career as a frontend developer.

Jun 2024 16h 52m

Modern Full-Stack React Projects

Modern Full-Stack React Projects

Full-Stack React Projects is a complete guide to learning full-stack web development, understanding the creation and integration of backend systems, and advancing your career as a frontend developer.

Jun 2024 16h 52m

Mastering Node.js Web Development

Mastering Node.js Web Development

Explore Node.js with practical examples that will teach you how to utilize open-source packages for real-world solutions. Gain the skills to develop and deploy server-side applications that enhance your client-side projects.

Jun 2024 25h 56m

Mastering Node.js Web Development

Mastering Node.js Web Development

Explore Node.js with practical examples that will teach you how to utilize open-source packages for real-world solutions. Gain the skills to develop and deploy server-side applications that enhance your client-side projects.

Jun 2024 25h 56m

Mastering Node.js Web Development

Mastering Node.js Web Development

Explore Node.js with practical examples that will teach you how to utilize open-source packages for real-world solutions. Gain the skills to develop and deploy server-side applications that enhance your client-side projects.

Jun 2024 25h 56m

Mastering Node.js Web Development

Mastering Node.js Web Development

Explore Node.js with practical examples that will teach you how to utilize open-source packages for real-world solutions. Gain the skills to develop and deploy server-side applications that enhance your client-side projects.

Jun 2024 25h 56m