Packt+ | Advance your knowledge in tech

Explore Products

Best Sellers

New Releases

Books

Videos

Audiobooks

Free Learning

Building Web Apps with Spring 5 and Angular

You're reading from Building Web Apps with Spring 5 and Angular Modern end-to-end web application development

Product type Paperback

Published in Aug 2017

Publisher Packt

ISBN-13 9781787284661

Length 370 pages

Edition 1st Edition

Languages

Java

Tools

Angular

Concepts

Application Development

Author (1):

Ajitesh Kumar Shukla

View More author details

Table of Contents (12) Chapters

Preface

1. Introduction to Spring Web Framework FREE CHAPTER

2. Preparing the Spring Web Development Environment

3. Data Access Layer with Spring and Hibernate

4. Testing and Running Spring Web App

5. Securing Web App with Spring Security

6. Getting Started with Angular

7. Creating SPA with Angular and Spring 5

8. Unit Testing with Angular Apps

9. Securing an Angular App

10. Integrating Angular App with Spring Web APIs

11. Deploying the Web Application

Debugging Angular app

In this section, you will learn how to debug an Angular app using browsers such as Firefox and Chrome and tools such as Augury. Augury is a Google Chrome extension which can be used for debugging Angular apps.

Debugging Angular app using Firefox and Chrome

The following steps need to be taken to debug an app using Firefox:

Use Ctrl + Shift + I to open the Firefox Developer Tools window. The following screenshot represents the same:

Figure 8. Debugging an Angular app using Firefox

Click on Debugger to open the code section vis-a-vis the related file in which the code resides.
Open up the file where the code which needs to be debugged exists. In the preceding screenshot, doctor.service.js is used for debugging data retrieval from the server.
Add one or more breakpoints. The green-colored line in the preceding screenshot represents the breakpoint in the doctor.service.tjs file.
Refresh the page, the rendering of which will involve the component/service which needs to be debugged...

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)

Shukla

Shukla

Vishal Shukla is the CEO of Brevitaz Systems (http://brevitaz.com) and a technology evangelist at heart. He is a passionate software scientist and a big data expert. Vishal has extensive experience in designing modular enterprise systems. Since his college days (more than 11 years), Vishal has enjoyed coding in JVM-based languages. He also embraces design thinking and sustainable software development. He has vast experience in architecting enterprise systems in various domains. Vishal is deeply interested in technologies related to big data engineering, analytics, and machine learning. He set up Brevitaz Systems. This company delivers massively scalable and sustainable big data and analytics-based enterprise applications to their global clientele. With varied expertise in big data technologies and architectural acumen, the Brevitaz team successfully developed and re-engineered a number of legacy systems to state-of-the-art scalable systems. Brevitaz has imbibed in its culture agile practices, such as scrum, test-driven development, continuous integration, and continuous delivery, to deliver high-quality products to its clients. Vishal is a music and art lover. He loves to sing, play musical instruments, draw portraits, and play sports, such as cricket, table tennis, and pool, in his free time. You can contact Vishal at [email protected] and on LinkedIn at https://in.linkedin.com/in/vishalshu. You can also follow Vishal on Twitter at @vishal1shukla2.

See other products by Shukla

Other recommended products

Related to this chapter

Hands-on Full Stack Development with Angular 5 and Firebase

Hands-on Full Stack Development with Angular 5 and Firebase

Real-time applications have dominated the field of web applications for years. Real-time isn't limited to only displaying data as soon as it's available. It shows its real power when used with interactive experiences in which users and systems can instantly communicate with one another. The leading social platforms like Facebook and Twitter are all built upon real-time web technologies. This book will help you build your Angular skills by realizing potential of Firebase with Angular to create real-time web applications. In this book we will be building an end to end social networking web application from development to production with Angular as front end and Firebase as back end.

Feb 2018 8h 32m

Hands-on Full Stack Development with Angular 5 and Firebase

Hands-on Full Stack Development with Angular 5 and Firebase

Real-time applications have dominated the field of web applications for years. Real-time isn't limited to only displaying data as soon as it's available. It shows its real power when used with interactive experiences in which users and systems can instantly communicate with one another. The leading social platforms like Facebook and Twitter are all built upon real-time web technologies. This book will help you build your Angular skills by realizing potential of Firebase with Angular to create real-time web applications. In this book we will be building an end to end social networking web application from development to production with Angular as front end and Firebase as back end.

Feb 2018 8h 32m

Hands-on Full Stack Development with Angular 5 and Firebase

Hands-on Full Stack Development with Angular 5 and Firebase

Real-time applications have dominated the field of web applications for years. Real-time isn't limited to only displaying data as soon as it's available. It shows its real power when used with interactive experiences in which users and systems can instantly communicate with one another. The leading social platforms like Facebook and Twitter are all built upon real-time web technologies. This book will help you build your Angular skills by realizing potential of Firebase with Angular to create real-time web applications. In this book we will be building an end to end social networking web application from development to production with Angular as front end and Firebase as back end.

Feb 2018 8h 32m

Hands-on Full Stack Development with Angular 5 and Firebase

Hands-on Full Stack Development with Angular 5 and Firebase

Real-time applications have dominated the field of web applications for years. Real-time isn't limited to only displaying data as soon as it's available. It shows its real power when used with interactive experiences in which users and systems can instantly communicate with one another. The leading social platforms like Facebook and Twitter are all built upon real-time web technologies. This book will help you build your Angular skills by realizing potential of Firebase with Angular to create real-time web applications. In this book we will be building an end to end social networking web application from development to production with Angular as front end and Firebase as back end.

Feb 2018 8h 32m

Hands-on Full Stack Development with Angular 5 and Firebase

Hands-on Full Stack Development with Angular 5 and Firebase

Real-time applications have dominated the field of web applications for years. Real-time isn't limited to only displaying data as soon as it's available. It shows its real power when used with interactive experiences in which users and systems can instantly communicate with one another. The leading social platforms like Facebook and Twitter are all built upon real-time web technologies. This book will help you build your Angular skills by realizing potential of Firebase with Angular to create real-time web applications. In this book we will be building an end to end social networking web application from development to production with Angular as front end and Firebase as back end.

Feb 2018 8h 32m

Hands-on Full Stack Development with Angular 5 and Firebase

Hands-on Full Stack Development with Angular 5 and Firebase

Real-time applications have dominated the field of web applications for years. Real-time isn't limited to only displaying data as soon as it's available. It shows its real power when used with interactive experiences in which users and systems can instantly communicate with one another. The leading social platforms like Facebook and Twitter are all built upon real-time web technologies. This book will help you build your Angular skills by realizing potential of Firebase with Angular to create real-time web applications. In this book we will be building an end to end social networking web application from development to production with Angular as front end and Firebase as back end.

Feb 2018 8h 32m

Hands-on Full Stack Development with Angular 5 and Firebase

Hands-on Full Stack Development with Angular 5 and Firebase

Real-time applications have dominated the field of web applications for years. Real-time isn't limited to only displaying data as soon as it's available. It shows its real power when used with interactive experiences in which users and systems can instantly communicate with one another. The leading social platforms like Facebook and Twitter are all built upon real-time web technologies. This book will help you build your Angular skills by realizing potential of Firebase with Angular to create real-time web applications. In this book we will be building an end to end social networking web application from development to production with Angular as front end and Firebase as back end.

Feb 2018 8h 32m

Hands-on Full Stack Development with Angular 5 and Firebase

Hands-on Full Stack Development with Angular 5 and Firebase

Real-time applications have dominated the field of web applications for years. Real-time isn't limited to only displaying data as soon as it's available. It shows its real power when used with interactive experiences in which users and systems can instantly communicate with one another. The leading social platforms like Facebook and Twitter are all built upon real-time web technologies. This book will help you build your Angular skills by realizing potential of Firebase with Angular to create real-time web applications. In this book we will be building an end to end social networking web application from development to production with Angular as front end and Firebase as back end.

Feb 2018 8h 32m

OAuth 2.0 Cookbook

OAuth 2.0 Cookbook

OAuth 2.0 is a standard protocol for authorization and focuses on client development simplicity while providing specific authorization flows for web applications, desktop applications, mobile phones, and so on. This book also provides useful recipes for solving real-life problems using Spring Security and creating Android applications.

Oct 2017 14h 0m

OAuth 2.0 Cookbook

OAuth 2.0 Cookbook

OAuth 2.0 is a standard protocol for authorization and focuses on client development simplicity while providing specific authorization flows for web applications, desktop applications, mobile phones, and so on. This book also provides useful recipes for solving real-life problems using Spring Security and creating Android applications.

Oct 2017 14h 0m

OAuth 2.0 Cookbook

OAuth 2.0 Cookbook

OAuth 2.0 is a standard protocol for authorization and focuses on client development simplicity while providing specific authorization flows for web applications, desktop applications, mobile phones, and so on. This book also provides useful recipes for solving real-life problems using Spring Security and creating Android applications.

Oct 2017 14h 0m

Hands-On Full Stack Web Development with Angular 6 and Laravel 5

Hands-On Full Stack Web Development with Angular 6 and Laravel 5

This book will help you gain practical knowledge of building modern full-stack web apps from scratch using Angular with a Laravel back end. You will learn the most important technical facets of developing with Angular and Laravel, and demonstrates how to put those skills into practice.

Jul 2018 14h 0m

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