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

Example of consuming RESTful Spring web APIs

In this section, you will learn about the different aspects of consuming Spring web APIs from custom Angular components and services, while demonstrating the user login functionality. The following will be illustrated:

Spring RESTful API for user login
Custom Angular component for managing login view
Custom Angular service for serving login functionality

Spring RESTful API for user login

In order to serve user login functionality from the server end, the following server-side components need to be developed:

RESTful controller exposing login API: The following is the code for @RestController serving the login API. The details around this is explained in one of the earlier sections. The login form, when submitted, are processed within the Angular component, LoginComponent, which invokes an API of a custom Angular data service such as LoginService. The LoginService API sends a POST request to the Spring RESTful API such as http://localhost:8080/account...

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