Over a million developers have joined DZone.
{{announcement.body}}
{{announcement.title}}

When Enterprise Java Micro Profile Meets Angular [Video]

DZone's Guide to

When Enterprise Java Micro Profile Meets Angular [Video]

This talk addresses how an Angular frontend could communicate with a Java backend, speaking on theoretical and practical aspects.

Free Resource

The Integration Zone is brought to you in partnership with Cloud Elements. What's below the surface of an API integration? Download The Definitive Guide to API Integrations to start building an API strategy.

With my friend Sebastien Pertus, we decided to create a 3-hour university on “how an Angular front-end could communicate with an Enterprise Java Micro Profile back-end.” So we spent a few months organizing the slides and the code, giving the talk at several conferences and JUGs…. and here are the videos and slides, finally public.

In this talk, I play my role (a back-end guy using Enterprise Java MicroProfile and exposing a JAX-RS API) and Sebastien plays the role of a front-end developer (TypeScript, Angular consuming a REST API). We divided the talk into two parts:

  • Theoretical: presentation of the Enterprise Micro Profile, WildFly Swarm, the TypeScript syntax and Angular.
  • Practical: development of an Angular application using several REST backends (JAX-RS, JSON API, Swagger, Cors, Hateoas, ETag, JWT, Traeffik).

You can find the talk in English on the Devoxx BE channel, in French on Devoxx FR channel, get the slides and the code.

Enjoy.

Video in English (at Devoxx BE 2016)


Video in French (at Devoxx FR 2017)


Your API is not enough. Learn why (and how) leading SaaS providers are turning their products into platforms with API integration in the ebook, Build Platforms, Not Products from Cloud Elements.

Topics:
integration ,java ,angular ,video

Published at DZone with permission of Antonio Goncalves, DZone MVB. See the original article here.

Opinions expressed by DZone contributors are their own.

{{ parent.title || parent.header.title}}

{{ parent.tldr }}

{{ parent.urlSource.name }}