Step By Step Ionic 4 And Spring Boot Application

Ionic 4, Spring Boot 2.1.4, Mobile Hybrid (IOS, Android) Development, Server Side (Spring Boot), MySQL, Liquibase

3.45 (11 reviews)
Udemy
platform
English
language
Mobile Apps
category
instructor
57
students
2.5 hours
content
Jun 2023
last update
$44.99
regular price

What you will learn

Ionic 4

Spring Boot

Full Stack Development For Mobile And Server Side

Description

We will create a new project in this course.

And we will implement this project on server side with using Spring Boot, MYSQL, and Liquibase.

On mobile side, we will use Ionic.


In our project, we will implement CRUD operations. And these CRUD operations will be requested from Ionic Mobile side.

Then This requests will be handled from Spring Boot.


Our project goes on User operations.

Our main operations will be user login, register, profile and user list.

And this all things will be provided with secure way in both Ionic and Spring Boot side.


We will have two main components to implement our project.

These are server side and mobile side.


In Server Side:


Spring Boot will be main thing.


Model View Controller structure will be implemented with using Spring Boot.


Our MVC structure will work like that:


First of all, the entity classes will be created under model package.


Later, if model class is permanent, we will create a repository for it.


Then we will call repository from services.


Finally, we will call services from from controllers. 


In Spring Boot, Data will be presented to client as API call so Spring Rest Controller will be used to handle it.


We will use MySQL as Database.


We will also use Object Relational Mapping with Java Persistence API and Hibernate.


You know, We can map our database tables to objects with hibernate.


We will use JPA Repository and Crud Repository in Spring Boot.

So these repository templates will handle common database operations like save, update, find, delete.


With Spring Boot, we will also use Lombok library to clear code.

You know that we don't want to implement getter, setter, equals and hash code. So we can escape it using Lombok @Data or @Value annotation.


We will use Gradle To handle all dependencies on server side.


That's all about Server side.


Let's talk about Mobile Side.


Ionic will be implemented for mobile application.


Ionic works on nodeJS and Angular.


In Ionic, we have also MVC structure.


In service:  We can connect to server side and we can send requests or we can get responses from server side with http.


In controller:We can call service methods and get responses.


In View: we can implement UI interface.

Content

Introduction

Prerequests For Application
Spring Boot And Ionic Overview
Architecture Of All System - Overview
Source Code

Server Side - Spring Boot

Spring Overview - Basic Annotations, Dependency Injection...
Server Side Overview
Spring Boot Installation - https://start.spring.io/
Install And Enable Lombok
Application Configuration - Customization
Create User Model - MVC (Hibernate, Java Persistence API)
Liquibase Implementation
Create User Repository - JPA Repository, CRUD Repository
Create User Service - MVC
Create User Controller - MVC
Spring Security Overview
User Details Service - Spring Security
What is CORS And CSRF - Spring Security
Spring Security Default Configuration And Customization
Spring Security Web Configuration And Cross Origin Access Permits
Server Side Github Repository
Test Server Side
Server Side - Build And Run

Mobile Side - Ionic 4

Prerequests For Mobile Side
Ionic Installation With Angular CLI
Ionic Configuration - Application Name, Dependencies, Icon, Splash
Model View Controller Architecture In Ionic
Router Implementation In Ionic
Create User Model In Ionic - MVC
Authentication Service Implementation - MVC
Login Controller And View Implementation
Register Controller And View Implementation
Home Controller And View Implementation
User-List Controller And View Implementation
User-Detail Controller And View Implementation
Github Repository
Mobile Side - Build And Run

Test, Build And Results

Testing After All
Build It For Mobile App
Github Repository

Screenshots

Step By Step Ionic 4 And Spring Boot Application - Screenshot_01Step By Step Ionic 4 And Spring Boot Application - Screenshot_02Step By Step Ionic 4 And Spring Boot Application - Screenshot_03Step By Step Ionic 4 And Spring Boot Application - Screenshot_04

Charts

Price

Step By Step Ionic 4 And Spring Boot Application - Price chart

Rating

Step By Step Ionic 4 And Spring Boot Application - Ratings chart

Enrollment distribution

Step By Step Ionic 4 And Spring Boot Application - Distribution chart

Related Topics

2318168
udemy ID
4/11/2019
course created date
11/22/2019
course indexed date
Bot
course submited by