Www.luxoft.com Using Spring 4 and AngularJS for REST-based web applications development Vladimir...

21
www.luxoft.com Using Spring 4 and AngularJS for REST-based web applications development Vladimir Sonkin Java & Web expert Luxoft Training

Transcript of Www.luxoft.com Using Spring 4 and AngularJS for REST-based web applications development Vladimir...

Page 1: Www.luxoft.com Using Spring 4 and AngularJS for REST-based web applications development Vladimir Sonkin Java & Web expert Luxoft Training.

www.luxoft.com

Using Spring 4 and AngularJS for REST-based web applications development

Vladimir Sonkin

Java & Web expert

Luxoft Training

Page 2: Www.luxoft.com Using Spring 4 and AngularJS for REST-based web applications development Vladimir Sonkin Java & Web expert Luxoft Training.

www.luxoft.com

Technologies used

REST

Spring Boot

Spring Data

AngularJS

Page 3: Www.luxoft.com Using Spring 4 and AngularJS for REST-based web applications development Vladimir Sonkin Java & Web expert Luxoft Training.

www.luxoft.com

Spring Boot

mvn spring-boot:run

Page 4: Www.luxoft.com Using Spring 4 and AngularJS for REST-based web applications development Vladimir Sonkin Java & Web expert Luxoft Training.

www.luxoft.com

REST API

Page 5: Www.luxoft.com Using Spring 4 and AngularJS for REST-based web applications development Vladimir Sonkin Java & Web expert Luxoft Training.

www.luxoft.com

REST architecture

Page 6: Www.luxoft.com Using Spring 4 and AngularJS for REST-based web applications development Vladimir Sonkin Java & Web expert Luxoft Training.

www.luxoft.com

• Architecture/organization patterns out of the box (MVC/SPA/DI)

• View templating using plain-old HTML (no new templating language to learn) for creating dynamic views

• Allows to extend HTML vocabulary to create new UI widgets/components

• Avoids scattered DOM manipulation spaghetti code

• Inherent support for testing of the application

• Provides modularity, loose coupling and reusability

• Parallel development and comprehensible code due to virtue of MVC

What Angular provides

Page 7: Www.luxoft.com Using Spring 4 and AngularJS for REST-based web applications development Vladimir Sonkin Java & Web expert Luxoft Training.

www.luxoft.com

AngularJS' two-way data-binding handles the synchronization between the DOM and the model, and vice versa

Page 8: Www.luxoft.com Using Spring 4 and AngularJS for REST-based web applications development Vladimir Sonkin Java & Web expert Luxoft Training.

www.luxoft.com

Page 9: Www.luxoft.com Using Spring 4 and AngularJS for REST-based web applications development Vladimir Sonkin Java & Web expert Luxoft Training.

www.luxoft.com

Page 10: Www.luxoft.com Using Spring 4 and AngularJS for REST-based web applications development Vladimir Sonkin Java & Web expert Luxoft Training.

www.luxoft.com

Why use a JS MVC framework

• Poor distribution of processing – With a large number of clients, doing all the processing on the server is inefficient.

• High user response latency

• Difficult programming model

• Increased vector of attack

• Heavy state management on the servers

• Offline Difficulties• Reduced opportunity

for interoperability

Page 11: Www.luxoft.com Using Spring 4 and AngularJS for REST-based web applications development Vladimir Sonkin Java & Web expert Luxoft Training.

www.luxoft.com

Why use a JS MVC framework

• Scalability - The more clients that use an application, the more client machines that are available, whereas the server processing capabilities remain constant

• Immediate user response

• Organized programming model

• Client side state management

• Offline applications

JSMVC Web Applications

Page 12: Www.luxoft.com Using Spring 4 and AngularJS for REST-based web applications development Vladimir Sonkin Java & Web expert Luxoft Training.

www.luxoft.com

Client/server architecturefor modern web applications

Page 13: Www.luxoft.com Using Spring 4 and AngularJS for REST-based web applications development Vladimir Sonkin Java & Web expert Luxoft Training.

www.luxoft.com

Data Flow for modern web development

Page 14: Www.luxoft.com Using Spring 4 and AngularJS for REST-based web applications development Vladimir Sonkin Java & Web expert Luxoft Training.

www.luxoft.com

AngularJS interest

Page 15: Www.luxoft.com Using Spring 4 and AngularJS for REST-based web applications development Vladimir Sonkin Java & Web expert Luxoft Training.

www.luxoft.com

AngularJS interest

Page 16: Www.luxoft.com Using Spring 4 and AngularJS for REST-based web applications development Vladimir Sonkin Java & Web expert Luxoft Training.

www.luxoft.com

Page 17: Www.luxoft.com Using Spring 4 and AngularJS for REST-based web applications development Vladimir Sonkin Java & Web expert Luxoft Training.

www.luxoft.com

Spring Data

Page 18: Www.luxoft.com Using Spring 4 and AngularJS for REST-based web applications development Vladimir Sonkin Java & Web expert Luxoft Training.

www.luxoft.com

Spring Data

Page 19: Www.luxoft.com Using Spring 4 and AngularJS for REST-based web applications development Vladimir Sonkin Java & Web expert Luxoft Training.

www.luxoft.com

Spring JPA Repositories

Page 20: Www.luxoft.com Using Spring 4 and AngularJS for REST-based web applications development Vladimir Sonkin Java & Web expert Luxoft Training.

www.luxoft.com

Page 21: Www.luxoft.com Using Spring 4 and AngularJS for REST-based web applications development Vladimir Sonkin Java & Web expert Luxoft Training.

www.luxoft.com

LINKS

http://vladson.ucoz.com/REST/

[email protected]

Vladimir Sonkin