28
Bluemix & jHipster UCLL Capita Selecta - Oktober 2015 – Driss Amri & Wim Tobback http://craftworkz.co

Bluemix and jHipster (awesome combination of Spring + Angular + Cloud)

Embed Size (px)

Citation preview

Page 1: Bluemix and jHipster (awesome combination of Spring + Angular + Cloud)

Bluemix & jHipsterUCLL Capita Selecta

- Oktober 2015 – Driss Amri & Wim Tobbackhttp://craftworkz.co

Page 2: Bluemix and jHipster (awesome combination of Spring + Angular + Cloud)

Wim TobbackManaging Partner at Craftworkz (part of Cronos)Managing Partner at Optis (part of Cronos)Software solution architect (Java / JEE)Innovation DeveloperUCLL Alumni@wimtobback – [email protected]

Page 3: Bluemix and jHipster (awesome combination of Spring + Angular + Cloud)

Driss AmriJava & JavaScript ArchitectOpen cloud developerTech Blogger

https://drissamri.be@drams88 – [email protected]

Page 4: Bluemix and jHipster (awesome combination of Spring + Angular + Cloud)

IBM Bluemix is cloud platform as a service (PAAS) developed by IBM

It supports serveral programming languages (Java, NodeJS, Php, GO, Ruby,...) and services as well as integrated DevOps to build, run, deploy and manage applications in the cloud

Bluemix is based on Cloud Foundry open technology and runs on Softlayer infrastructure

BLUEMIX

Open technology

Multiple programming languages

Many services (databases, mobile,…)

DevOps & CD

Page 5: Bluemix and jHipster (awesome combination of Spring + Angular + Cloud)

ADVANTAGES BLUEMIX?

¦Auto scaling

lFlexibelmodel

sPowerfull

tools

�No vendor

lockin

ÍFocus on

development

�Community

FAST TIME TO

MARKET

Every Company is Becoming A Software Company

Deliver a modern application development and operations environment that lets your developers focus on generating value for customers.

Page 6: Bluemix and jHipster (awesome combination of Spring + Angular + Cloud)

jHipsterHipster

n, nounOne who is exceptionally aware of or interested in the latest trends and tastes.

Page 7: Bluemix and jHipster (awesome combination of Spring + Angular + Cloud)

Eww, JAVA?

TIOBE

GitHub

Page 8: Bluemix and jHipster (awesome combination of Spring + Angular + Cloud)

Production ready applications

HTTP Caching & Gzip?

JavaScript minification?

Monitoring?

Logging?

Deployment?

Page 9: Bluemix and jHipster (awesome combination of Spring + Angular + Cloud)

Backend Development

Page 10: Bluemix and jHipster (awesome combination of Spring + Angular + Cloud)

Spring Initializr is a configurable service to generate a quickstartproject. You can see our default instance at https://start.spring.io. It provides a simple web UI to configure the project to generate and endpoints that you can use via plain HTTP.

Spring Initializr

Quickstart

Project MetaData

Dependency management

50.000 projects a month

Page 11: Bluemix and jHipster (awesome combination of Spring + Angular + Cloud)

Spring Boot Demohttps://github.com/craftworkz/ucll-workshop-jhipster

Page 12: Bluemix and jHipster (awesome combination of Spring + Angular + Cloud)

SPRING BOOT

Embedded web container

Convention over configuration

Defaults to Spring best practises

Production ready features

Create standalone Spring application

50.000 projects a month

Page 13: Bluemix and jHipster (awesome combination of Spring + Angular + Cloud)

FrontendDevelopment

Page 14: Bluemix and jHipster (awesome combination of Spring + Angular + Cloud)

TRENDS IN WEB DEVELOPMENT

HTML 5 and CSS 3

Mobile First

Front-end optimization

REST API’s

JavaScript MVC frameworks

Page 15: Bluemix and jHipster (awesome combination of Spring + Angular + Cloud)
Page 16: Bluemix and jHipster (awesome combination of Spring + Angular + Cloud)
Page 17: Bluemix and jHipster (awesome combination of Spring + Angular + Cloud)

WHAT IF

Page 18: Bluemix and jHipster (awesome combination of Spring + Angular + Cloud)
Page 19: Bluemix and jHipster (awesome combination of Spring + Angular + Cloud)

JHIPSTER

Spring Security

AngularJS

Bootstrap

Bower

Spring BootFo

unda

tion

Metrics

Liquibase

Maven or Gradle

Authentication

Caching

Grunt or Gulp.js

Java 8

Opt

ions

Token-based Cookie-based OAuth2

EhCache Hazelcast

Page 20: Bluemix and jHipster (awesome combination of Spring + Angular + Cloud)

USER

login

TODO

descriptiontitle

STATUS

status

Todo App

Page 21: Bluemix and jHipster (awesome combination of Spring + Angular + Cloud)

JHipster demo

https://github.com/craftworkz/ucll-workshop-jhipster

Page 22: Bluemix and jHipster (awesome combination of Spring + Angular + Cloud)

JHipster demo

https://github.com/craftworkz/ucll-workshop-jhipster

Page 23: Bluemix and jHipster (awesome combination of Spring + Angular + Cloud)

JHipster demo

https://github.com/craftworkz/ucll-workshop-jhipster

Page 24: Bluemix and jHipster (awesome combination of Spring + Angular + Cloud)

DEMOJHIPSTER ON BLUEMIX

Page 25: Bluemix and jHipster (awesome combination of Spring + Angular + Cloud)

Achievement

Ð HTTP Caching and GZip?

JavaScript minification?Ð

Monitoring?Ð

Logging?Ð

Deployment?Ð

Page 26: Bluemix and jHipster (awesome combination of Spring + Angular + Cloud)

Frameworks to check

AdvancedBasic

Page 27: Bluemix and jHipster (awesome combination of Spring + Angular + Cloud)

Getting started…

http://jhipster.github.io/

https://github.com/jhipster/generator-jhipster

http://stackoverflow.com/search?q=[jhipster]

http://www.jhipster-book.com

https://console.eu-gb.bluemix.net

Page 28: Bluemix and jHipster (awesome combination of Spring + Angular + Cloud)

GETTING CONNECTEDhttp://bluemixdevs.mybluemix.nethttp://bitsonslack.be (coming soon)@[email protected]://www.hackthefuture.be/