Book Image

Building Web Apps with Spring 5 and Angular

By : Ajitesh Kumar Shukla
Book Image

Building Web Apps with Spring 5 and Angular

By: Ajitesh Kumar Shukla

Overview of this book

Spring is the most popular application development framework being adopted by millions of developers around the world to create high performing, easily testable, reusable code. Its lightweight nature and extensibility helps you write robust and highly-scalable server-side web applications. Coupled with the power and efficiency of Angular, creating web applications has never been easier. If you want build end-to-end modern web application using Spring and Angular, then this book is for you. The book directly heads to show you how to create the backend with Spring, showing you how to configure the Spring MVC and handle Web requests. It will take you through the key aspects such as building REST API endpoints, using Hibernate, working with Junit 5 etc. Once you have secured and tested the backend, we will go ahead and start working on the front end with Angular. You will learn about fundamentals of Angular and Typescript and create an SPA using components, routing etc. Finally, you will see how to integrate both the applications with REST protocol and deploy the application using tools such as Jenkins and Docker.

Related Content you might be interested in

Current Title:

Small book image
Building Web Apps with Spring 5 and Angular
Ajitesh Kumar Shukla
Aug, 2017 | 370 pages
Small book image
Building Modern Web Applications Using Angular 4
Shravan Kumar Kasagoni
May, 2017 | 226 pages
Small book image
Learning Angular 4 for .NET Developers
Rajesh Gunasundaram
Jun, 2017 | 248 pages
Small book image
Hands-on Full Stack Development with Angular 5 and Firebase
Uttam Agarwal
Feb, 2018 | 256 pages
Table of Contents (18 chapters)
Title Page
Title Page
Credits
Credits
About the Author
About the Author
About the Reviewer
About the Reviewer
www.PacktPub.com
www.PacktPub.com
Customer Feedback
Customer Feedback
Preface
Preface
Free Chapter
1
Introduction to Spring Web Framework
Introduction to Spring Web Framework
Introduction to the Spring IOC container
Introduction to Spring Web MVC
Building Hello World web application with Spring Boot
Implementing Controllers
Handling request parameters
Handling Interceptors
Handling Response
Creating a RESTful web service
Dockerizing a Spring Boot application
Summary
2
Preparing the Spring Web Development Environment
Preparing the Spring Web Development Environment
Installing the Java SDK
Installing/configuring Maven
Installing the Eclipse IDE
Installing/configuring the Apache Tomcat server
Installing/configuring the MySQL database
Introduction to Docker
Setting up the development environment using Docker compose
Summary
3
Data Access Layer with Spring and Hibernate
Data Access Layer with Spring and Hibernate
An introduction to Hibernate
Setting up Hibernate with Spring
Design domain objects and database tables
Introduction to NamedQuery and Criteria
Common Hibernate operations
Transaction management
Summary
4
Testing and Running Spring Web App
Testing and Running Spring Web App
How to run the Spring Boot app 
Introduction to unit testing fundamentals
Introduction to JUnit 5
Mocking dependencies using Mockito
Unit testing controllers, services, and DAOs
Summary
5
Securing Web App with Spring Security
Securing Web App with Spring Security
Introduction to Spring Security
Handling the login authentication
CSRF protection for API requests
Handling the logout request
OAuth2 for authentication/authorization
Summary
6
Getting Started with Angular
Getting Started with Angular
Introduction to Angular
How is Angular different from AngularJS?
Setting up the Angular development environment
TypeScript fundamentals
Forms
Pipes
Directives
Server communication
Bootstrapping an Angular app
Best practices
Summary
7
Creating SPA with Angular and Spring 5
Creating SPA with Angular and Spring 5
Introduction to routing
Configuring Route definitions
RouterLink for navigation
Route Guards for access control
Routing configuration design patterns
Creating a single page app (SPA) 
Debugging Angular app
Summary
8
Unit Testing with Angular Apps
Unit Testing with Angular Apps
Introduction to unit testing
Unit testing tools for Angular apps
Setting up the unit test environment
Angular unit testing building blocks
Unit testing strategies
Unit testing the components
Unit testing the services
Summary
9
Securing an Angular App
Securing an Angular App
Common web application security vulnerabilities
Securing an app from XSS
Securing an app from XSSI
Securing app from CSRF/XSRF
Best practices
Summary
10
Integrating Angular App with Spring Web APIs
Integrating Angular App with Spring Web APIs
Building RESTful Spring web APIs
Configure Spring app for CORS
Key aspects of Angular data services
Building Angular services for RESTful integration
Example of consuming RESTful Spring web APIs 
Summary
11
Deploying the Web Application
Deploying the Web Application
Introduction to CI and CD
Setting up Jenkins and GitLab
Configuring GitLab as a code repository
Creating Jenkins jobs for CI
Configuring Jenkins and GitLab for CI/CD 
Configuring Jenkins jobs for CD
Deploying Angular app in production
Summary

TypeScript fundamentals

According to its website, https://www.typescriptlang.org/, TypeScript is a typed superset of JavaScript that compiles to plain JavaScript, any browser, any host, any OS--open source. TypeScript is a typed superset of ES6 JavaScript. It can be noted that ES6 JavaScript is a superset of ES5 JavaScript that runs native in all modern browsers. 

You can get the set up and start programming in TypeScript using the following command:

npm install -g typescript

The following are some salient features of the TypeScript:

  • Typed language: It is a typed language. The following data types are supported--number, string, array, list, null, and enum. The user object is represented by the following code:
        let firstName: string = "Calvin";
        let age: number = 19;
        let gender: string = "male";
        let isEnrolled: boolean = false;
        let address: [string, string, string] = 
            ["Nizampet Road, Kukatpally", "Hyderabad", "India"];
  • Variable declarations: It...
Previous Section
End of Section 5
Next Section