angular for java developers · angular for java developers what java angular app generation...

12
[email protected] Angular for Java developers Bert Jan Schrijver @bjschrijver

Upload: others

Post on 03-Jun-2020

44 views

Category:

Documents


2 download

TRANSCRIPT

Page 1: Angular for Java developers · Angular for Java developers What Java Angular App generation JHipster Angular CLI Unit testing JUnit Karma / Jasmine Responsive layout Bootstrap Bootstrap

[email protected]

Angular for Java developersBert Jan Schrijver

@bjschrijver

Page 2: Angular for Java developers · Angular for Java developers What Java Angular App generation JHipster Angular CLI Unit testing JUnit Karma / Jasmine Responsive layout Bootstrap Bootstrap

Bert Jan SchrijverL e t ’ s m e e t

@bjschrijver

Page 3: Angular for Java developers · Angular for Java developers What Java Angular App generation JHipster Angular CLI Unit testing JUnit Karma / Jasmine Responsive layout Bootstrap Bootstrap

Live coding

Demo

About Angular

IntroductionDemo

Live coding

Questions (maybe)

OutlineW h a t ‘ s n e x t ?

Live coding

@bjschrijver

Page 4: Angular for Java developers · Angular for Java developers What Java Angular App generation JHipster Angular CLI Unit testing JUnit Karma / Jasmine Responsive layout Bootstrap Bootstrap

• Spent a fair amount of time with it • From early 2.x beta’s to current 7.x • Enjoyed it! • Ideal front-end framework for backend

devs

Why talk about Angular?

Page 5: Angular for Java developers · Angular for Java developers What Java Angular App generation JHipster Angular CLI Unit testing JUnit Karma / Jasmine Responsive layout Bootstrap Bootstrap

• Component-based, modularised • Dependency injection • TypeScript • RxJS • Template engine with model binding • Powerful CLI

About Angular

Page 6: Angular for Java developers · Angular for Java developers What Java Angular App generation JHipster Angular CLI Unit testing JUnit Karma / Jasmine Responsive layout Bootstrap Bootstrap

Angular for Java developersWhat Java Angular

Dependencymanagement Maven NPM

Build/package Maven Webpack

Libraryrepository Mavencentral npmjs.org

Projectdescriptor pom.xml package.json

Programminglanguage Java TypeScript/HTML

Platform/runtime JVM Browser/Node.js

Page 7: Angular for Java developers · Angular for Java developers What Java Angular App generation JHipster Angular CLI Unit testing JUnit Karma / Jasmine Responsive layout Bootstrap Bootstrap

Angular for Java developersWhat Java Angular

Appgeneration JHipster AngularCLI

Unittesting JUnit Karma/Jasmine

Responsivelayout Bootstrap Bootstrap/Material

Reactiveprogramming RxJava RxJS

Browser/end-to-endtesting Webdriver Protractor

Codestylechecks Sonar tslint/Sonar

Page 8: Angular for Java developers · Angular for Java developers What Java Angular App generation JHipster Angular CLI Unit testing JUnit Karma / Jasmine Responsive layout Bootstrap Bootstrap

Angular for Java developersWhat Java Angular

Versioncontrol Git Git

Buildautomation Jenkins Jenkins

Artifactrepository Nexus Nexus

Codequalitymetrics Sonar Sonar

Page 9: Angular for Java developers · Angular for Java developers What Java Angular App generation JHipster Angular CLI Unit testing JUnit Karma / Jasmine Responsive layout Bootstrap Bootstrap

Let’s code!

Page 10: Angular for Java developers · Angular for Java developers What Java Angular App generation JHipster Angular CLI Unit testing JUnit Karma / Jasmine Responsive layout Bootstrap Bootstrap

• Component-based, modularised • Dependency injection • TypeScript • RxJS • Template engine with model binding • Powerful CLI

Recap: about Angular

Page 11: Angular for Java developers · Angular for Java developers What Java Angular App generation JHipster Angular CLI Unit testing JUnit Karma / Jasmine Responsive layout Bootstrap Bootstrap

Questions?

@bjschrijver

Page 12: Angular for Java developers · Angular for Java developers What Java Angular App generation JHipster Angular CLI Unit testing JUnit Karma / Jasmine Responsive layout Bootstrap Bootstrap

https://github.com/bertjan/a4jd

Thanks for your time.Got feedback? Tweet it!

All pictures belong to their respective

authors

@bjschrijver