Sign In Start Free Trial
Account

Add to playlist

Create a Playlist

Modal Close icon
You need to login to use this feature.
  • Book Overview & Buying Building Applications with Spring 5 and Vue.js 2
  • Table Of Contents Toc
  • Feedback & Rating feedback
Building Applications with Spring 5 and Vue.js 2

Building Applications with Spring 5 and Vue.js 2

By : J. Ye
close
close
Building Applications with Spring 5 and Vue.js 2

Building Applications with Spring 5 and Vue.js 2

By: J. Ye

Overview of this book

Building Applications with Spring 5 and Vue.js 2, with its practical approach, helps you become a full-stack web developer. As well as knowing how to write frontend and backend code, a developer has to tackle all problems encountered in the application development life cycle – starting from the simple idea of an application, to the UI and technical designs, and all the way to implementation, testing, production deployment, and monitoring. With the help of this book, you'll get to grips with Spring 5 and Vue.js 2 as you learn how to develop a web application. From the initial structuring to full deployment, you’ll be guided at every step of developing a web application from scratch with Vue.js 2 and Spring 5. You’ll learn how to create different components of your application as you progress through each chapter, followed by exploring different tools in these frameworks to expedite your development cycle. By the end of this book, you’ll have gained a complete understanding of the key design patterns and best practices that underpin professional full-stack web development.
Table of Contents (17 chapters)
close
close

What this book covers

Chapter 1, Modern Web Application Development - This Is a New Era, introduces JavaScript from a Java developer's perspective by highlighting the parts that confuse Java developers the most. It also introduces the basics of ES6.

Chapter 2, Vue.js 2 - It Works in the Way You Expected, introduces all aspects of Vue.js 2, from its fundamental concepts to its internal reactivity system.

Chapter 3, Spring 5 - The Right Stack for the Job at Hand, introduces the major features of Spring Framework 5, including Inversion of Control (IoC) and dependency injection, Spring MVC, Spring JDBC, JPA, Spring AOP, transaction management, and Spring Boot.

Chapter 4, TaskAgile - A Trello-like Task Management Tool, introduces requirement management in an Agile project, user story writing, and wireframe creation. It also discusses the Agile methodology and the skill sets a full-stack developer should have.

Chapter 5, Data Modeling - Designing the Foundation of the Application, introduces data modeling, the goal of data modeling, and the three stages of data modeling: from conceptual data modeling to logical data modeling, and then to physical data modeling.

Chapter 6, Code Design - Designing for Stability and Extensibility, introduces Agile code design, design principles, and design patterns. It also discusses the code design of TaskAgile applications.

Chapter 7, RESTful API Design - Building Language Between Frontend and Backend, introduces RESTful API characteristics, RESTful API design procedure, the implementation of Spring MVC, API consumption, and API testing.

Chapter 8, Creating the Application Scaffold - Taking off Like a Rocket, introduces how to create an application scaffold with Spring Initializr and vue-cli, as well as how to put these two ends together.

Chapter 9, Forms and Validation - Starting with the Register Page, is a step-by-step tutorial on how to create the register page of a TaskAgile application, from the frontend to the backend, including unit tests at both ends.

Chapter 10, Spring Security - Making Our Application Secure, is a step-by-step tutorial on how to create the login page of a TaskAgile application, from the frontend to the backend, including end-to-end testing of the register page and the login page.

Chapter 11, State Management and i18n - Building a Home Page, is a step-by-step tutorial on how to create the home page of a TaskAgile application, covering the use of Vuex and the implementation of i18n.

Chapter 12, Flexbox Layout and Real-Time Updates with WebSocket - Creating Boards, is a step-by-step tutorial on how to create a boards-based UI by using Flexbox, as well as how to implement real-time updates with WebSocket.

Chapter 13, File Processing and Scalability - Playing with Cards, is a tutorial on the implementation of cards on the boards page. It focuses on file processing and the use of the message queue. 

Chapter 14, Health Checking, System Monitoring - Getting Ready for Production, focuses on the use of Spring Profile and Spring Boot Actuator to prepare for application release.

Chapter 15, Deploying to the Cloud with Jenkins - Ship It Continuously, introduces continuous delivery, the creation of API integration tests, and the use of Jenkins and Docker to ship an application.

Download the example code files

You can download the example code files for this book from your account at www.packt.com. If you purchased this book elsewhere, you can visit www.packt.com/support and register to have the files emailed directly to you.

You can download the code files by following these steps:

  1. Log in or register at www.packt.com.
  2. Select the SUPPORT tab.
  3. Click on Code Downloads & Errata.
  4. Enter the name of the book in the Search box and follow the onscreen instructions.

Once the file is downloaded, please make sure that you unzip or extract the folder using the latest version of:

  • WinRAR/7-Zip for Windows
  • Zipeg/iZip/UnRarX for Mac
  • 7-Zip/PeaZip for Linux

The code bundle for the book is also hosted on GitHub at https://github.com/PacktPublishing/Building-Applications-with-Spring-5-and-Vue.js-2In case there's an update to the code, it will be updated on the existing GitHub repository.

We also have other code bundles from our rich catalog of books and videos available at https://github.com/PacktPublishing/. Check them out!

Download the color images

Conventions used

There are a number of text conventions used throughout this book.

CodeInText: Indicates code words in text, database table names, folder names, filenames, file extensions, pathnames, dummy URLs, user input, and Twitter handles. Here is an example: "We will need to refactor BoardPage to make both routes work."

A block of code is set as follows:

 // Close a card
if (to.name === 'board' && from.name === 'card') {
this.closeCardWindow()
this.openedCard = {}

When we wish to draw your attention to a particular part of a code block, the relevant lines or items are set in bold:

 watch: {
'$route' (to, from) {
// Switch from one board to another
if (to.name === from.name && to.name === 'board')

Any command-line input or output is written as follows:

$ mvn install

Bold: Indicates a new term, an important word, or words that you see onscreen. For example, words in menus or dialog boxes appear in the text like this. Here is an example: "You can click the Attachment button to upload files."

Warnings or important notes appear like this.
Tips and tricks appear like this.

Unlock full access

Continue reading for free

A Packt free trial gives you instant online access to our library of over 7000 practical eBooks and videos, constantly updated with the latest in tech

Create a Note

Modal Close icon
You need to login to use this feature.
notes
bookmark search playlist download font-size

Change the font size

margin-width

Change margin width

day-mode

Change background colour

Close icon Search
Country selected

Close icon Your notes and bookmarks

Delete Bookmark

Modal Close icon
Are you sure you want to delete it?
Cancel
Yes, Delete

Delete Note

Modal Close icon
Are you sure you want to delete it?
Cancel
Yes, Delete

Edit Note

Modal Close icon
Write a note (max 255 characters)
Cancel
Update Note

Confirmation

Modal Close icon
claim successful

Buy this book with your credits?

Modal Close icon
Are you sure you want to buy this book with one of your credits?
Close
YES, BUY