SlideShare ist ein Scribd-Unternehmen logo
© OPITZ CONSULTING Deutschland GmbH 2016 Seite 1Modern HTML5 for JSF developers: BootsFaces and AngularFaces
Riccardo Massera
BootsFaces Team Lead
Stephan Rauh
Senior Consultant
Leiter CC „moderne Clients“
OPITZ CONSULTING Deutschland GmbH
Rock the Web with
BootsFaces and AngularFaces!
Phantasialand, Brühl, March 09, 2016
Modern HTML5 for JSF Developers
© OPITZ CONSULTING Deutschland GmbH 2016 Seite 2Modern HTML5 for JSF developers: BootsFaces and AngularFaces
Agenda
1. About us (and OPITZ CONSULTING)
2. BootsFaces
3. AngularFaces
4. State of the art
5. Questions?
© OPITZ CONSULTING Deutschland GmbH 2016 Seite 3Modern HTML5 for JSF developers: BootsFaces and AngularFaces
1 About us
(and OPITZ CONSULTING)
© OPITZ CONSULTING Deutschland GmbH 2016 Seite 4Modern HTML5 for JSF developers: BootsFaces and AngularFaces
Mission
Wir entwickeln gemeinsam mit allen
Branchen Lösungen, die dazu führen, dass
sich diese Organisationen besser entwickeln
als ihr Wettbewerb.
Unsere Dienstleistung erfolgt
partnerschaftlich und ist auf eine langjährige
Zusammenarbeit angelegt.
Leistungsangebot
Application Lifecycle Management
IT-Beratung
Business-Lösungen
Managed Services
Training und Coaching
IT-Trends
Märkte
Branchenübergreifend
Über 600 Kunden
29%
Industrie / Versorger /
Telekommunikation
29%
Handel / Logistik /
Dienstleistungen
42%
Öffentliche Auftraggeber / Banken und
Versicherungen / Vereine und Verbände
Eckdaten
Gründung 1990
400 Mitarbeiter
11 Standorte
© OPITZ CONSULTING Deutschland GmbH 2016 Seite 5Modern HTML5 for JSF developers: BootsFaces and AngularFaces
 Methodenkompetenz
 Technologiekompetenz
 Sozialkompetenz
Was sind unsere Stärken
Individuelle Kompetenzen Unternehmenswerte
Bernhard Opitz (CEO):
„Motivierte und gut ausgebildete Mitarbeiter
sind der Schlüssel zum Projekterfolg und der
resultierenden Kundenzufriedenheit.“
&
© OPITZ CONSULTING Deutschland GmbH 2016 Seite 6Modern HTML5 for JSF developers: BootsFaces and AngularFaces
2 BootsFaces
© OPITZ CONSULTING Deutschland GmbH 2016 Seite 7Modern HTML5 for JSF developers: BootsFaces and AngularFaces
Modern HTML5 for JSF Developers
© OPITZ CONSULTING Deutschland GmbH 2016 Seite 8Modern HTML5 for JSF developers: BootsFaces and AngularFaces
BootsFaces is an international team:
 Riccardo Massera („Let‘s add Bootstrap to JSF!“)
 Yeray Santana Borges
 Dario D‘Urzo
 Stephan Rauh („Let‘s make JSF simple!“)
AngularFaces:
 Stephan Rauh
 What about you?
Behind the Scenes
© OPITZ CONSULTING Deutschland GmbH 2016 Seite 9Modern HTML5 for JSF developers: BootsFaces and AngularFaces
 Next Generation JSF framework
 HTML5 at your finger tips
 Bootstrap 3.3 made easy
 Next stop: Bootstrap 4 (current status: waiting for their release)
 Advanced AJAX
 Search Expressions
 57 components and counting
 Bootswatch themes
 Mobile first!
BootsFaces at a Glance
© OPITZ CONSULTING Deutschland GmbH 2016 Seite 10Modern HTML5 for JSF developers: BootsFaces and AngularFaces
Clean and Concise Bootstrap Code
© OPITZ CONSULTING Deutschland GmbH 2016 Seite 11Modern HTML5 for JSF developers: BootsFaces and AngularFaces
Clean and Concise Bootstrap Code
© OPITZ CONSULTING Deutschland GmbH 2016 Seite 12Modern HTML5 for JSF developers: BootsFaces and AngularFaces
Compare this to native Bootstrap in JSF!
© OPITZ CONSULTING Deutschland GmbH 2016 Seite 13Modern HTML5 for JSF developers: BootsFaces and AngularFaces
Bootstrap Grid System Explained
© OPITZ CONSULTING Deutschland GmbH 2016 Seite 14Modern HTML5 for JSF developers: BootsFaces and AngularFaces
BootsFaces Grid System – Source Code
© OPITZ CONSULTING Deutschland GmbH 2016 Seite 15Modern HTML5 for JSF developers: BootsFaces and AngularFaces
 @form
 @this
 @all
 @none
 @previous
 @next
 @parent
 @() jquery expressions
 @child(n)
Advanced Search Expressions
Standard JSF
Compatible to
PrimeFaces
but all-new
implementation
© OPITZ CONSULTING Deutschland GmbH 2016 Seite 16Modern HTML5 for JSF developers: BootsFaces and AngularFaces
Unique search expressions of BootsFaces:
 @findIdRecursive(id) or **
 @findId(id) or *:id
 @findPartialId(id) or *id
 @findPartialIdRecursive(id) or **:*id or **:id* or **:*id*
Advanced Search Expressions
© OPITZ CONSULTING Deutschland GmbH 2016 Seite 17Modern HTML5 for JSF developers: BootsFaces and AngularFaces
Unified AJAX
Concise alternative to ceremonious and verbose standard JSF
... no more fiddling with <f:ajax /> facets!
© OPITZ CONSULTING Deutschland GmbH 2016 Seite 18Modern HTML5 for JSF developers: BootsFaces and AngularFaces
Visit our showcase at http://www.bootsfaces.net
48 Components... and counting!
© OPITZ CONSULTING Deutschland GmbH 2016 Seite 19Modern HTML5 for JSF developers: BootsFaces and AngularFaces
 2000 downloads in January (give or take a few)
Is it Ready for Production?
© OPITZ CONSULTING Deutschland GmbH 2016 Seite 20Modern HTML5 for JSF developers: BootsFaces and AngularFaces
3 AngularFaces
© OPITZ CONSULTING Deutschland GmbH 2016 Seite 21Modern HTML5 for JSF developers: BootsFaces and AngularFaces
 AngularJS 1.3
 next stop: Angular2
 client-side components
 client-side validation
 internationalization
 advanced AJAX
 relaxed HTML-like code
AngularFaces: JSF on Steroids!
© OPITZ CONSULTING Deutschland GmbH 2016 Seite 22Modern HTML5 for JSF developers: BootsFaces and AngularFaces
Goals and advantages:
 leverage the power of the client
 reduce the server load
 less network traffic
 use powerful client-side components:
 ngTable, smart-table, ...
 define your own client-side components
 AngularJS routing and templating
AngularJS for JSF Programmers
© OPITZ CONSULTING Deutschland GmbH 2016 Seite 23Modern HTML5 for JSF developers: BootsFaces and AngularFaces
 Marco Rinck's JUA
 Add AngularJS components to JSF
 Integrate them with JSF AJAX
 Shallow but useful integration
 AngularBeans by Bessem Hmidi
 Use pure HTML5/AngularJS for the client
 Use JavaEE for the backend
 Inspired by AngularFaces
 ... But different approach
 AngularFaces
 Full integration of AngularJS and JSF
Alternative Approaches
© OPITZ CONSULTING Deutschland GmbH 2016 Seite 24Modern HTML5 for JSF developers: BootsFaces and AngularFaces
Automatic generation of labels and error messages (optionally)
AngularFaces: Rapid Prototyping
© OPITZ CONSULTING Deutschland GmbH 2016 Seite 25Modern HTML5 for JSF developers: BootsFaces and AngularFaces
 Use the English JSF file
 Add a simplified i18n.properties file
AngularFaces: Internationalization Made Easy
last name=Nachname
first name=Vorname
date of birth=Geburtsdatum
email address=E-Mail-Adresse
save=Speichern
© OPITZ CONSULTING Deutschland GmbH 2016 Seite 26Modern HTML5 for JSF developers: BootsFaces and AngularFaces
AngularFaces: Internationalization Made Easy
© OPITZ CONSULTING Deutschland GmbH 2016 Seite 27Modern HTML5 for JSF developers: BootsFaces and AngularFaces
AngularFaces: Internationalization Made Easy
© OPITZ CONSULTING Deutschland GmbH 2016 Seite 28Modern HTML5 for JSF developers: BootsFaces and AngularFaces
AngularFaces: Client Side Validation
Bean Validation annotations are evaluated on the client
© OPITZ CONSULTING Deutschland GmbH 2016 Seite 29Modern HTML5 for JSF developers: BootsFaces and AngularFaces
AngularFaces: Client Side Validation
© OPITZ CONSULTING Deutschland GmbH 2016 Seite 30Modern HTML5 for JSF developers: BootsFaces and AngularFaces
Get rid of the namespace prefixes
AngularFaces: HTML-Like JSF Code
© OPITZ CONSULTING Deutschland GmbH 2016 Seite 31Modern HTML5 for JSF developers: BootsFaces and AngularFaces
 A few projects use AngularFaces in production
 Current status of the project:
mostly dormant (only bugfixes)
 Still relies on AngularJS 1.3
... AngularFaces could use your helping hand!
AngularFaces: Is it Ready for Production?
© OPITZ CONSULTING Deutschland GmbH 2016 Seite 32Modern HTML5 for JSF developers: BootsFaces and AngularFaces
Compatibility and Requirements
© OPITZ CONSULTING Deutschland GmbH 2016 Seite 33Modern HTML5 for JSF developers: BootsFaces and AngularFaces
8 Questions?
© OPITZ CONSULTING Deutschland GmbH 2016 Seite 34Modern HTML5 for JSF developers: BootsFaces and AngularFaces
Questions?
© OPITZ CONSULTING Deutschland GmbH 2016 Seite 35Modern HTML5 for JSF developers: BootsFaces and AngularFaces
Contact
Name
Riccardo Massera
https://www.linkedin.com/in/riccardomassera
@bootsfaces
E-mail: ric.massera@gmail.com
© OPITZ CONSULTING Deutschland GmbH 2016 Seite 36Modern HTML5 for JSF developers: BootsFaces and AngularFaces
Contact
Name
Stephan Rauh
OPITZ CONSULTING Deutschland GmbH
Norsk-Data-Straße 3 – 61352 Bad Homburg
Telefon: +49 6172 66260 – 1546
Telefax: +49 6172 66260 – 4500
Mobil: +49 0172 2055966
youtube.com/opitzconsulting
@OC_WIRE
@BeyondJava
slideshare.net/opitzconsulting
xing.com/net/opitzconsulting
E-mail: stephan.rauh@opitz-consulting.com

Weitere ähnliche Inhalte

Was ist angesagt?

ATDD mit Concordion und WebDriver - Berlin Expert Days - OPITZ CONSULTING - T...
ATDD mit Concordion und WebDriver - Berlin Expert Days - OPITZ CONSULTING - T...ATDD mit Concordion und WebDriver - Berlin Expert Days - OPITZ CONSULTING - T...
ATDD mit Concordion und WebDriver - Berlin Expert Days - OPITZ CONSULTING - T...
OPITZ CONSULTING Deutschland
 
Agilitaet im E-Commerce - E-Commerce Breakfast
Agilitaet im E-Commerce - E-Commerce BreakfastAgilitaet im E-Commerce - E-Commerce Breakfast
Agilitaet im E-Commerce - E-Commerce Breakfast
Mayflower GmbH
 
UI Techradar - Ein Blick in die Glaskugel
UI Techradar - Ein Blick in die GlaskugelUI Techradar - Ein Blick in die Glaskugel
UI Techradar - Ein Blick in die Glaskugel
OPITZ CONSULTING Deutschland
 
Choice-o-mat: Entscheidungshilfe für Oracle Entwicklungswerkzeuge
Choice-o-mat: Entscheidungshilfe für Oracle Entwicklungswerkzeuge Choice-o-mat: Entscheidungshilfe für Oracle Entwicklungswerkzeuge
Choice-o-mat: Entscheidungshilfe für Oracle Entwicklungswerkzeuge
Ulrich Gerkmann-Bartels
 
Visualisierung von fachlichen Informationen mit Oracle ADF
Visualisierung von fachlichen Informationen mit Oracle ADFVisualisierung von fachlichen Informationen mit Oracle ADF
Visualisierung von fachlichen Informationen mit Oracle ADF
Ulrich Gerkmann-Bartels
 
Internationale Expansion mit dem (e)Commerce Framework Spryker
Internationale Expansion mit dem (e)Commerce Framework SprykerInternationale Expansion mit dem (e)Commerce Framework Spryker
Internationale Expansion mit dem (e)Commerce Framework Spryker
FabianWesnerBerlin
 
German: Softwareprodukte aus einem Source Code mit Javascript
German: Softwareprodukte aus einem Source Code mit JavascriptGerman: Softwareprodukte aus einem Source Code mit Javascript
German: Softwareprodukte aus einem Source Code mit Javascript
Ralf Schwoebel
 
Native Cross-Platform-Apps mit Titanium Mobile und Alloy
Native Cross-Platform-Apps mit Titanium Mobile und AlloyNative Cross-Platform-Apps mit Titanium Mobile und Alloy
Native Cross-Platform-Apps mit Titanium Mobile und Alloy
Mayflower GmbH
 
[DE] AIIM & PROJECT CONSULT informieren zum neuen CIP Certified Information P...
[DE] AIIM & PROJECT CONSULT informieren zum neuen CIP Certified Information P...[DE] AIIM & PROJECT CONSULT informieren zum neuen CIP Certified Information P...
[DE] AIIM & PROJECT CONSULT informieren zum neuen CIP Certified Information P...
PROJECT CONSULT Unternehmensberatung Dr. Ulrich Kampffmeyer GmbH
 
OC|Weekly Talk: "Das müsste man mal digitalisieren" - Mit Low-Code schnell zu...
OC|Weekly Talk: "Das müsste man mal digitalisieren" - Mit Low-Code schnell zu...OC|Weekly Talk: "Das müsste man mal digitalisieren" - Mit Low-Code schnell zu...
OC|Weekly Talk: "Das müsste man mal digitalisieren" - Mit Low-Code schnell zu...
OPITZ CONSULTING Deutschland
 
E-Commerce Architektur aus Sicht eines Dienstleisters, IPC 2013
E-Commerce Architektur aus Sicht eines Dienstleisters, IPC 2013E-Commerce Architektur aus Sicht eines Dienstleisters, IPC 2013
E-Commerce Architektur aus Sicht eines Dienstleisters, IPC 2013
Stefan Willkommer
 
2. intranda viewer Tag: Behind the scenes
2. intranda viewer Tag: Behind the scenes2. intranda viewer Tag: Behind the scenes
2. intranda viewer Tag: Behind the scenes
intranda GmbH
 
Responsive Webdesign in a Nutshell - webinale 2015
Responsive Webdesign in a Nutshell - webinale 2015Responsive Webdesign in a Nutshell - webinale 2015
Responsive Webdesign in a Nutshell - webinale 2015
die.agilen GmbH
 
Collaboration day 2016 - Aus alt mach neu - Modernisierung mit xPages
Collaboration day 2016 - Aus alt mach neu - Modernisierung mit xPagesCollaboration day 2016 - Aus alt mach neu - Modernisierung mit xPages
Collaboration day 2016 - Aus alt mach neu - Modernisierung mit xPages
Belsoft
 
OC|Weekly Talk The Power of DevOps…
OC|Weekly Talk  The Power of DevOps…OC|Weekly Talk  The Power of DevOps…
OC|Weekly Talk The Power of DevOps…
OPITZ CONSULTING Deutschland
 
Technische schulden abbauen
Technische schulden abbauenTechnische schulden abbauen
Technische schulden abbauen
Carola Lilienthal
 
Microsoft Azure in der Unternehmenspraxis
Microsoft Azure in der UnternehmenspraxisMicrosoft Azure in der Unternehmenspraxis
Microsoft Azure in der Unternehmenspraxis
POINT. Consulting GmbH
 
Best Practices für Multi-Channel Application Development
Best Practices für Multi-Channel Application DevelopmentBest Practices für Multi-Channel Application Development
Best Practices für Multi-Channel Application Development
enpit GmbH & Co. KG
 

Was ist angesagt? (19)

ATDD mit Concordion und WebDriver - Berlin Expert Days - OPITZ CONSULTING - T...
ATDD mit Concordion und WebDriver - Berlin Expert Days - OPITZ CONSULTING - T...ATDD mit Concordion und WebDriver - Berlin Expert Days - OPITZ CONSULTING - T...
ATDD mit Concordion und WebDriver - Berlin Expert Days - OPITZ CONSULTING - T...
 
Agilitaet im E-Commerce - E-Commerce Breakfast
Agilitaet im E-Commerce - E-Commerce BreakfastAgilitaet im E-Commerce - E-Commerce Breakfast
Agilitaet im E-Commerce - E-Commerce Breakfast
 
UI Techradar - Ein Blick in die Glaskugel
UI Techradar - Ein Blick in die GlaskugelUI Techradar - Ein Blick in die Glaskugel
UI Techradar - Ein Blick in die Glaskugel
 
Choice-o-mat: Entscheidungshilfe für Oracle Entwicklungswerkzeuge
Choice-o-mat: Entscheidungshilfe für Oracle Entwicklungswerkzeuge Choice-o-mat: Entscheidungshilfe für Oracle Entwicklungswerkzeuge
Choice-o-mat: Entscheidungshilfe für Oracle Entwicklungswerkzeuge
 
Visualisierung von fachlichen Informationen mit Oracle ADF
Visualisierung von fachlichen Informationen mit Oracle ADFVisualisierung von fachlichen Informationen mit Oracle ADF
Visualisierung von fachlichen Informationen mit Oracle ADF
 
Internationale Expansion mit dem (e)Commerce Framework Spryker
Internationale Expansion mit dem (e)Commerce Framework SprykerInternationale Expansion mit dem (e)Commerce Framework Spryker
Internationale Expansion mit dem (e)Commerce Framework Spryker
 
German: Softwareprodukte aus einem Source Code mit Javascript
German: Softwareprodukte aus einem Source Code mit JavascriptGerman: Softwareprodukte aus einem Source Code mit Javascript
German: Softwareprodukte aus einem Source Code mit Javascript
 
Native Cross-Platform-Apps mit Titanium Mobile und Alloy
Native Cross-Platform-Apps mit Titanium Mobile und AlloyNative Cross-Platform-Apps mit Titanium Mobile und Alloy
Native Cross-Platform-Apps mit Titanium Mobile und Alloy
 
[DE] AIIM & PROJECT CONSULT informieren zum neuen CIP Certified Information P...
[DE] AIIM & PROJECT CONSULT informieren zum neuen CIP Certified Information P...[DE] AIIM & PROJECT CONSULT informieren zum neuen CIP Certified Information P...
[DE] AIIM & PROJECT CONSULT informieren zum neuen CIP Certified Information P...
 
OC|Weekly Talk: "Das müsste man mal digitalisieren" - Mit Low-Code schnell zu...
OC|Weekly Talk: "Das müsste man mal digitalisieren" - Mit Low-Code schnell zu...OC|Weekly Talk: "Das müsste man mal digitalisieren" - Mit Low-Code schnell zu...
OC|Weekly Talk: "Das müsste man mal digitalisieren" - Mit Low-Code schnell zu...
 
E-Commerce Architektur aus Sicht eines Dienstleisters, IPC 2013
E-Commerce Architektur aus Sicht eines Dienstleisters, IPC 2013E-Commerce Architektur aus Sicht eines Dienstleisters, IPC 2013
E-Commerce Architektur aus Sicht eines Dienstleisters, IPC 2013
 
2. intranda viewer Tag: Behind the scenes
2. intranda viewer Tag: Behind the scenes2. intranda viewer Tag: Behind the scenes
2. intranda viewer Tag: Behind the scenes
 
Responsive Webdesign in a Nutshell - webinale 2015
Responsive Webdesign in a Nutshell - webinale 2015Responsive Webdesign in a Nutshell - webinale 2015
Responsive Webdesign in a Nutshell - webinale 2015
 
Collaboration day 2016 - Aus alt mach neu - Modernisierung mit xPages
Collaboration day 2016 - Aus alt mach neu - Modernisierung mit xPagesCollaboration day 2016 - Aus alt mach neu - Modernisierung mit xPages
Collaboration day 2016 - Aus alt mach neu - Modernisierung mit xPages
 
OC|Weekly Talk The Power of DevOps…
OC|Weekly Talk  The Power of DevOps…OC|Weekly Talk  The Power of DevOps…
OC|Weekly Talk The Power of DevOps…
 
RAP im Enterprise - Quo Vadis Portal ?
RAP im Enterprise - Quo Vadis Portal ?RAP im Enterprise - Quo Vadis Portal ?
RAP im Enterprise - Quo Vadis Portal ?
 
Technische schulden abbauen
Technische schulden abbauenTechnische schulden abbauen
Technische schulden abbauen
 
Microsoft Azure in der Unternehmenspraxis
Microsoft Azure in der UnternehmenspraxisMicrosoft Azure in der Unternehmenspraxis
Microsoft Azure in der Unternehmenspraxis
 
Best Practices für Multi-Channel Application Development
Best Practices für Multi-Channel Application DevelopmentBest Practices für Multi-Channel Application Development
Best Practices für Multi-Channel Application Development
 

Ähnlich wie BootsFaces and AngularFaces - Modern HTML5 for JSF developers

Ontego Mobility Platform für Apps auf beliebiger Hardware in beliebigen Backe...
Ontego Mobility Platform für Apps auf beliebiger Hardware in beliebigen Backe...Ontego Mobility Platform für Apps auf beliebiger Hardware in beliebigen Backe...
Ontego Mobility Platform für Apps auf beliebiger Hardware in beliebigen Backe...
Octopoda Consulting GmbH
 
Hybride Mobile Apps entwickeln mit AngularJS und Ionic
Hybride Mobile Apps entwickeln mit AngularJS und Ionic Hybride Mobile Apps entwickeln mit AngularJS und Ionic
Hybride Mobile Apps entwickeln mit AngularJS und Ionic
OPITZ CONSULTING Deutschland
 
Artikel im Swiss IT Magazine: Marktuebersicht Web-Agenturen
Artikel im Swiss IT Magazine: Marktuebersicht Web-AgenturenArtikel im Swiss IT Magazine: Marktuebersicht Web-Agenturen
Artikel im Swiss IT Magazine: Marktuebersicht Web-Agenturen
xeit AG
 
Belsoft Collaboration Day 2018 - IBM Think, die neue Konferenz
Belsoft Collaboration Day 2018 - IBM Think, die neue KonferenzBelsoft Collaboration Day 2018 - IBM Think, die neue Konferenz
Belsoft Collaboration Day 2018 - IBM Think, die neue Konferenz
Belsoft
 
Microsoft und die Open Source Community - Leaving the death star behind
Microsoft und die Open Source Community - Leaving the death star behindMicrosoft und die Open Source Community - Leaving the death star behind
Microsoft und die Open Source Community - Leaving the death star behind
Christian Heilmann
 
Echte Lösungen, keine Tricks
Echte Lösungen, keine TricksEchte Lösungen, keine Tricks
Echte Lösungen, keine Tricks
Jens Grochtdreis
 
Daniel Schmid und Winfried Stahl: Cloud? Das passende Betriebs- und Bereitste...
Daniel Schmid und Winfried Stahl: Cloud? Das passende Betriebs- und Bereitste...Daniel Schmid und Winfried Stahl: Cloud? Das passende Betriebs- und Bereitste...
Daniel Schmid und Winfried Stahl: Cloud? Das passende Betriebs- und Bereitste...
InboundLabs (ex mon.ki inc)
 
Watson Services und Cognitive Computing
Watson Services und Cognitive ComputingWatson Services und Cognitive Computing
Watson Services und Cognitive Computing
Belsoft
 
Am Ende ist doch alles HTML - 2012 - Webmontag Edition
Am Ende ist doch alles HTML - 2012 - Webmontag EditionAm Ende ist doch alles HTML - 2012 - Webmontag Edition
Am Ende ist doch alles HTML - 2012 - Webmontag Edition
Jens Grochtdreis
 
ASP.NET Core – Troublemaker oder Problemsolver?
ASP.NET Core – Troublemaker oder Problemsolver?ASP.NET Core – Troublemaker oder Problemsolver?
ASP.NET Core – Troublemaker oder Problemsolver?
POINT. Consulting GmbH
 
Wünsch AG Vortrag mit der App ins Web oder wie man Notes modernisiert
Wünsch AG Vortrag mit der App ins Web oder wie man Notes modernisiertWünsch AG Vortrag mit der App ins Web oder wie man Notes modernisiert
Wünsch AG Vortrag mit der App ins Web oder wie man Notes modernisiert
Wünsch AG
 
2012_10 SNoUG Building Social Software
2012_10 SNoUG Building Social Software2012_10 SNoUG Building Social Software
2012_10 SNoUG Building Social Software
Roman Weber
 
A review of camunda bpm within freenet
A review of camunda bpm within freenet A review of camunda bpm within freenet
A review of camunda bpm within freenet
camunda services GmbH
 
Application Lifecycle Management für Tester (mit TFS 2012)
Application Lifecycle Management für Tester (mit TFS 2012)Application Lifecycle Management für Tester (mit TFS 2012)
Application Lifecycle Management für Tester (mit TFS 2012)
Nico Orschel
 
IHR Weg in die API Economy
IHR Weg in die API EconomyIHR Weg in die API Economy
IHR Weg in die API Economy
ARS Computer und Consulting GmbH
 
Wo steht HTML5: Überblick, Möglichkeiten, Zukunft
Wo steht HTML5: Überblick, Möglichkeiten, ZukunftWo steht HTML5: Überblick, Möglichkeiten, Zukunft
Wo steht HTML5: Überblick, Möglichkeiten, Zukunft
Digicomp Academy AG
 
eStrategy-Magazin #31 - Shopsysteme Marktüberblick
eStrategy-Magazin #31 - Shopsysteme MarktüberblickeStrategy-Magazin #31 - Shopsysteme Marktüberblick
eStrategy-Magazin #31 - Shopsysteme Marktüberblick
TechDivision GmbH
 
Belsoft Collaboration Day 2018 - What's next for IBM Connections and Watson W...
Belsoft Collaboration Day 2018 - What's next for IBM Connections and Watson W...Belsoft Collaboration Day 2018 - What's next for IBM Connections and Watson W...
Belsoft Collaboration Day 2018 - What's next for IBM Connections and Watson W...
Belsoft
 
Responsive Webdesign für Grafiker & Entscheider
Responsive Webdesign für Grafiker & EntscheiderResponsive Webdesign für Grafiker & Entscheider
Responsive Webdesign für Grafiker & Entscheider
typovision GmbH
 
Development in der Cloud-Ära
Development in der Cloud-ÄraDevelopment in der Cloud-Ära
Development in der Cloud-Ära
enpit GmbH & Co. KG
 

Ähnlich wie BootsFaces and AngularFaces - Modern HTML5 for JSF developers (20)

Ontego Mobility Platform für Apps auf beliebiger Hardware in beliebigen Backe...
Ontego Mobility Platform für Apps auf beliebiger Hardware in beliebigen Backe...Ontego Mobility Platform für Apps auf beliebiger Hardware in beliebigen Backe...
Ontego Mobility Platform für Apps auf beliebiger Hardware in beliebigen Backe...
 
Hybride Mobile Apps entwickeln mit AngularJS und Ionic
Hybride Mobile Apps entwickeln mit AngularJS und Ionic Hybride Mobile Apps entwickeln mit AngularJS und Ionic
Hybride Mobile Apps entwickeln mit AngularJS und Ionic
 
Artikel im Swiss IT Magazine: Marktuebersicht Web-Agenturen
Artikel im Swiss IT Magazine: Marktuebersicht Web-AgenturenArtikel im Swiss IT Magazine: Marktuebersicht Web-Agenturen
Artikel im Swiss IT Magazine: Marktuebersicht Web-Agenturen
 
Belsoft Collaboration Day 2018 - IBM Think, die neue Konferenz
Belsoft Collaboration Day 2018 - IBM Think, die neue KonferenzBelsoft Collaboration Day 2018 - IBM Think, die neue Konferenz
Belsoft Collaboration Day 2018 - IBM Think, die neue Konferenz
 
Microsoft und die Open Source Community - Leaving the death star behind
Microsoft und die Open Source Community - Leaving the death star behindMicrosoft und die Open Source Community - Leaving the death star behind
Microsoft und die Open Source Community - Leaving the death star behind
 
Echte Lösungen, keine Tricks
Echte Lösungen, keine TricksEchte Lösungen, keine Tricks
Echte Lösungen, keine Tricks
 
Daniel Schmid und Winfried Stahl: Cloud? Das passende Betriebs- und Bereitste...
Daniel Schmid und Winfried Stahl: Cloud? Das passende Betriebs- und Bereitste...Daniel Schmid und Winfried Stahl: Cloud? Das passende Betriebs- und Bereitste...
Daniel Schmid und Winfried Stahl: Cloud? Das passende Betriebs- und Bereitste...
 
Watson Services und Cognitive Computing
Watson Services und Cognitive ComputingWatson Services und Cognitive Computing
Watson Services und Cognitive Computing
 
Am Ende ist doch alles HTML - 2012 - Webmontag Edition
Am Ende ist doch alles HTML - 2012 - Webmontag EditionAm Ende ist doch alles HTML - 2012 - Webmontag Edition
Am Ende ist doch alles HTML - 2012 - Webmontag Edition
 
ASP.NET Core – Troublemaker oder Problemsolver?
ASP.NET Core – Troublemaker oder Problemsolver?ASP.NET Core – Troublemaker oder Problemsolver?
ASP.NET Core – Troublemaker oder Problemsolver?
 
Wünsch AG Vortrag mit der App ins Web oder wie man Notes modernisiert
Wünsch AG Vortrag mit der App ins Web oder wie man Notes modernisiertWünsch AG Vortrag mit der App ins Web oder wie man Notes modernisiert
Wünsch AG Vortrag mit der App ins Web oder wie man Notes modernisiert
 
2012_10 SNoUG Building Social Software
2012_10 SNoUG Building Social Software2012_10 SNoUG Building Social Software
2012_10 SNoUG Building Social Software
 
A review of camunda bpm within freenet
A review of camunda bpm within freenet A review of camunda bpm within freenet
A review of camunda bpm within freenet
 
Application Lifecycle Management für Tester (mit TFS 2012)
Application Lifecycle Management für Tester (mit TFS 2012)Application Lifecycle Management für Tester (mit TFS 2012)
Application Lifecycle Management für Tester (mit TFS 2012)
 
IHR Weg in die API Economy
IHR Weg in die API EconomyIHR Weg in die API Economy
IHR Weg in die API Economy
 
Wo steht HTML5: Überblick, Möglichkeiten, Zukunft
Wo steht HTML5: Überblick, Möglichkeiten, ZukunftWo steht HTML5: Überblick, Möglichkeiten, Zukunft
Wo steht HTML5: Überblick, Möglichkeiten, Zukunft
 
eStrategy-Magazin #31 - Shopsysteme Marktüberblick
eStrategy-Magazin #31 - Shopsysteme MarktüberblickeStrategy-Magazin #31 - Shopsysteme Marktüberblick
eStrategy-Magazin #31 - Shopsysteme Marktüberblick
 
Belsoft Collaboration Day 2018 - What's next for IBM Connections and Watson W...
Belsoft Collaboration Day 2018 - What's next for IBM Connections and Watson W...Belsoft Collaboration Day 2018 - What's next for IBM Connections and Watson W...
Belsoft Collaboration Day 2018 - What's next for IBM Connections and Watson W...
 
Responsive Webdesign für Grafiker & Entscheider
Responsive Webdesign für Grafiker & EntscheiderResponsive Webdesign für Grafiker & Entscheider
Responsive Webdesign für Grafiker & Entscheider
 
Development in der Cloud-Ära
Development in der Cloud-ÄraDevelopment in der Cloud-Ära
Development in der Cloud-Ära
 

Mehr von OPITZ CONSULTING Deutschland

OC|Webcast: Grundlagen der Oracle Lizenzierung
OC|Webcast: Grundlagen der Oracle LizenzierungOC|Webcast: Grundlagen der Oracle Lizenzierung
OC|Webcast: Grundlagen der Oracle Lizenzierung
OPITZ CONSULTING Deutschland
 
OC|Webcast "Java heute" vom 28.09.2021
OC|Webcast "Java heute" vom 28.09.2021OC|Webcast "Java heute" vom 28.09.2021
OC|Webcast "Java heute" vom 28.09.2021
OPITZ CONSULTING Deutschland
 
OC|Webcast "Java heute" vom 24.08.2021
OC|Webcast "Java heute" vom 24.08.2021OC|Webcast "Java heute" vom 24.08.2021
OC|Webcast "Java heute" vom 24.08.2021
OPITZ CONSULTING Deutschland
 
OC|Webcast "Daten wirklich nutzen"
OC|Webcast "Daten wirklich nutzen"OC|Webcast "Daten wirklich nutzen"
OC|Webcast "Daten wirklich nutzen"
OPITZ CONSULTING Deutschland
 
Architecture Room Stuttgart - "Cloud-native ist nur ein Teil des Spiels!"
Architecture Room Stuttgart - "Cloud-native ist nur ein Teil des Spiels!"Architecture Room Stuttgart - "Cloud-native ist nur ein Teil des Spiels!"
Architecture Room Stuttgart - "Cloud-native ist nur ein Teil des Spiels!"
OPITZ CONSULTING Deutschland
 
OC|Webcast "Willkommen in der Cloud!"
OC|Webcast "Willkommen in der Cloud!"OC|Webcast "Willkommen in der Cloud!"
OC|Webcast "Willkommen in der Cloud!"
OPITZ CONSULTING Deutschland
 
OC|Webcast "Die neue Welt der Virtualisierung"
OC|Webcast "Die neue Welt der Virtualisierung"OC|Webcast "Die neue Welt der Virtualisierung"
OC|Webcast "Die neue Welt der Virtualisierung"
OPITZ CONSULTING Deutschland
 
10 Thesen zur professionellen Softwareentwicklung
10 Thesen zur professionellen Softwareentwicklung10 Thesen zur professionellen Softwareentwicklung
10 Thesen zur professionellen Softwareentwicklung
OPITZ CONSULTING Deutschland
 
OC|Webcast: Oracle Lizenzierung - Lizenznews 2021
OC|Webcast: Oracle Lizenzierung - Lizenznews 2021OC|Webcast: Oracle Lizenzierung - Lizenznews 2021
OC|Webcast: Oracle Lizenzierung - Lizenznews 2021
OPITZ CONSULTING Deutschland
 
OC|Webcast: Oracle Lizenzierung - Die größten Fallen in der Praxis
OC|Webcast: Oracle Lizenzierung - Die größten Fallen in der PraxisOC|Webcast: Oracle Lizenzierung - Die größten Fallen in der Praxis
OC|Webcast: Oracle Lizenzierung - Die größten Fallen in der Praxis
OPITZ CONSULTING Deutschland
 
OC|Webcast: Oracle Lizenzierung - Virtualisierung und Cloud
OC|Webcast: Oracle Lizenzierung - Virtualisierung und CloudOC|Webcast: Oracle Lizenzierung - Virtualisierung und Cloud
OC|Webcast: Oracle Lizenzierung - Virtualisierung und Cloud
OPITZ CONSULTING Deutschland
 
OC|Webcast: Grundlagen der Oracle-Lizenzierung
OC|Webcast: Grundlagen der Oracle-LizenzierungOC|Webcast: Grundlagen der Oracle-Lizenzierung
OC|Webcast: Grundlagen der Oracle-Lizenzierung
OPITZ CONSULTING Deutschland
 
OC|Weekly Talk: Inspect’n’Adapt – Make Change come true!
OC|Weekly Talk: Inspect’n’Adapt – Make Change come true!OC|Weekly Talk: Inspect’n’Adapt – Make Change come true!
OC|Weekly Talk: Inspect’n’Adapt – Make Change come true!
OPITZ CONSULTING Deutschland
 
OC|Webcast: Schnell und clever in die AWS Cloud – Migrationsszenarien und Han...
OC|Webcast: Schnell und clever in die AWS Cloud – Migrationsszenarien und Han...OC|Webcast: Schnell und clever in die AWS Cloud – Migrationsszenarien und Han...
OC|Webcast: Schnell und clever in die AWS Cloud – Migrationsszenarien und Han...
OPITZ CONSULTING Deutschland
 
OC|Weekly Talk: Service Management – Was hat sich durch Corona geändert?
OC|Weekly Talk: Service Management – Was hat sich durch Corona geändert?OC|Weekly Talk: Service Management – Was hat sich durch Corona geändert?
OC|Weekly Talk: Service Management – Was hat sich durch Corona geändert?
OPITZ CONSULTING Deutschland
 
OC|Weekly Talk - Digitales Coaching & Smart Sparring
OC|Weekly Talk - Digitales Coaching & Smart Sparring OC|Weekly Talk - Digitales Coaching & Smart Sparring
OC|Weekly Talk - Digitales Coaching & Smart Sparring
OPITZ CONSULTING Deutschland
 
OC|Weekly Talk - Beratung remote
OC|Weekly Talk - Beratung remoteOC|Weekly Talk - Beratung remote
OC|Weekly Talk - Beratung remote
OPITZ CONSULTING Deutschland
 
Effiziente Betriebsoptimierung durch Cloud Nutzung
Effiziente Betriebsoptimierung durch Cloud NutzungEffiziente Betriebsoptimierung durch Cloud Nutzung
Effiziente Betriebsoptimierung durch Cloud Nutzung
OPITZ CONSULTING Deutschland
 
OC|Weekly Talk - Mitarbeiterführung in Zeiten von Social Distance
OC|Weekly Talk - Mitarbeiterführung in Zeiten von Social DistanceOC|Weekly Talk - Mitarbeiterführung in Zeiten von Social Distance
OC|Weekly Talk - Mitarbeiterführung in Zeiten von Social Distance
OPITZ CONSULTING Deutschland
 
OC|Weekly Talk Remote Design Thinking
OC|Weekly Talk Remote Design ThinkingOC|Weekly Talk Remote Design Thinking
OC|Weekly Talk Remote Design Thinking
OPITZ CONSULTING Deutschland
 

Mehr von OPITZ CONSULTING Deutschland (20)

OC|Webcast: Grundlagen der Oracle Lizenzierung
OC|Webcast: Grundlagen der Oracle LizenzierungOC|Webcast: Grundlagen der Oracle Lizenzierung
OC|Webcast: Grundlagen der Oracle Lizenzierung
 
OC|Webcast "Java heute" vom 28.09.2021
OC|Webcast "Java heute" vom 28.09.2021OC|Webcast "Java heute" vom 28.09.2021
OC|Webcast "Java heute" vom 28.09.2021
 
OC|Webcast "Java heute" vom 24.08.2021
OC|Webcast "Java heute" vom 24.08.2021OC|Webcast "Java heute" vom 24.08.2021
OC|Webcast "Java heute" vom 24.08.2021
 
OC|Webcast "Daten wirklich nutzen"
OC|Webcast "Daten wirklich nutzen"OC|Webcast "Daten wirklich nutzen"
OC|Webcast "Daten wirklich nutzen"
 
Architecture Room Stuttgart - "Cloud-native ist nur ein Teil des Spiels!"
Architecture Room Stuttgart - "Cloud-native ist nur ein Teil des Spiels!"Architecture Room Stuttgart - "Cloud-native ist nur ein Teil des Spiels!"
Architecture Room Stuttgart - "Cloud-native ist nur ein Teil des Spiels!"
 
OC|Webcast "Willkommen in der Cloud!"
OC|Webcast "Willkommen in der Cloud!"OC|Webcast "Willkommen in der Cloud!"
OC|Webcast "Willkommen in der Cloud!"
 
OC|Webcast "Die neue Welt der Virtualisierung"
OC|Webcast "Die neue Welt der Virtualisierung"OC|Webcast "Die neue Welt der Virtualisierung"
OC|Webcast "Die neue Welt der Virtualisierung"
 
10 Thesen zur professionellen Softwareentwicklung
10 Thesen zur professionellen Softwareentwicklung10 Thesen zur professionellen Softwareentwicklung
10 Thesen zur professionellen Softwareentwicklung
 
OC|Webcast: Oracle Lizenzierung - Lizenznews 2021
OC|Webcast: Oracle Lizenzierung - Lizenznews 2021OC|Webcast: Oracle Lizenzierung - Lizenznews 2021
OC|Webcast: Oracle Lizenzierung - Lizenznews 2021
 
OC|Webcast: Oracle Lizenzierung - Die größten Fallen in der Praxis
OC|Webcast: Oracle Lizenzierung - Die größten Fallen in der PraxisOC|Webcast: Oracle Lizenzierung - Die größten Fallen in der Praxis
OC|Webcast: Oracle Lizenzierung - Die größten Fallen in der Praxis
 
OC|Webcast: Oracle Lizenzierung - Virtualisierung und Cloud
OC|Webcast: Oracle Lizenzierung - Virtualisierung und CloudOC|Webcast: Oracle Lizenzierung - Virtualisierung und Cloud
OC|Webcast: Oracle Lizenzierung - Virtualisierung und Cloud
 
OC|Webcast: Grundlagen der Oracle-Lizenzierung
OC|Webcast: Grundlagen der Oracle-LizenzierungOC|Webcast: Grundlagen der Oracle-Lizenzierung
OC|Webcast: Grundlagen der Oracle-Lizenzierung
 
OC|Weekly Talk: Inspect’n’Adapt – Make Change come true!
OC|Weekly Talk: Inspect’n’Adapt – Make Change come true!OC|Weekly Talk: Inspect’n’Adapt – Make Change come true!
OC|Weekly Talk: Inspect’n’Adapt – Make Change come true!
 
OC|Webcast: Schnell und clever in die AWS Cloud – Migrationsszenarien und Han...
OC|Webcast: Schnell und clever in die AWS Cloud – Migrationsszenarien und Han...OC|Webcast: Schnell und clever in die AWS Cloud – Migrationsszenarien und Han...
OC|Webcast: Schnell und clever in die AWS Cloud – Migrationsszenarien und Han...
 
OC|Weekly Talk: Service Management – Was hat sich durch Corona geändert?
OC|Weekly Talk: Service Management – Was hat sich durch Corona geändert?OC|Weekly Talk: Service Management – Was hat sich durch Corona geändert?
OC|Weekly Talk: Service Management – Was hat sich durch Corona geändert?
 
OC|Weekly Talk - Digitales Coaching & Smart Sparring
OC|Weekly Talk - Digitales Coaching & Smart Sparring OC|Weekly Talk - Digitales Coaching & Smart Sparring
OC|Weekly Talk - Digitales Coaching & Smart Sparring
 
OC|Weekly Talk - Beratung remote
OC|Weekly Talk - Beratung remoteOC|Weekly Talk - Beratung remote
OC|Weekly Talk - Beratung remote
 
Effiziente Betriebsoptimierung durch Cloud Nutzung
Effiziente Betriebsoptimierung durch Cloud NutzungEffiziente Betriebsoptimierung durch Cloud Nutzung
Effiziente Betriebsoptimierung durch Cloud Nutzung
 
OC|Weekly Talk - Mitarbeiterführung in Zeiten von Social Distance
OC|Weekly Talk - Mitarbeiterführung in Zeiten von Social DistanceOC|Weekly Talk - Mitarbeiterführung in Zeiten von Social Distance
OC|Weekly Talk - Mitarbeiterführung in Zeiten von Social Distance
 
OC|Weekly Talk Remote Design Thinking
OC|Weekly Talk Remote Design ThinkingOC|Weekly Talk Remote Design Thinking
OC|Weekly Talk Remote Design Thinking
 

BootsFaces and AngularFaces - Modern HTML5 for JSF developers

  • 1. © OPITZ CONSULTING Deutschland GmbH 2016 Seite 1Modern HTML5 for JSF developers: BootsFaces and AngularFaces Riccardo Massera BootsFaces Team Lead Stephan Rauh Senior Consultant Leiter CC „moderne Clients“ OPITZ CONSULTING Deutschland GmbH Rock the Web with BootsFaces and AngularFaces! Phantasialand, Brühl, March 09, 2016 Modern HTML5 for JSF Developers
  • 2. © OPITZ CONSULTING Deutschland GmbH 2016 Seite 2Modern HTML5 for JSF developers: BootsFaces and AngularFaces Agenda 1. About us (and OPITZ CONSULTING) 2. BootsFaces 3. AngularFaces 4. State of the art 5. Questions?
  • 3. © OPITZ CONSULTING Deutschland GmbH 2016 Seite 3Modern HTML5 for JSF developers: BootsFaces and AngularFaces 1 About us (and OPITZ CONSULTING)
  • 4. © OPITZ CONSULTING Deutschland GmbH 2016 Seite 4Modern HTML5 for JSF developers: BootsFaces and AngularFaces Mission Wir entwickeln gemeinsam mit allen Branchen Lösungen, die dazu führen, dass sich diese Organisationen besser entwickeln als ihr Wettbewerb. Unsere Dienstleistung erfolgt partnerschaftlich und ist auf eine langjährige Zusammenarbeit angelegt. Leistungsangebot Application Lifecycle Management IT-Beratung Business-Lösungen Managed Services Training und Coaching IT-Trends Märkte Branchenübergreifend Über 600 Kunden 29% Industrie / Versorger / Telekommunikation 29% Handel / Logistik / Dienstleistungen 42% Öffentliche Auftraggeber / Banken und Versicherungen / Vereine und Verbände Eckdaten Gründung 1990 400 Mitarbeiter 11 Standorte
  • 5. © OPITZ CONSULTING Deutschland GmbH 2016 Seite 5Modern HTML5 for JSF developers: BootsFaces and AngularFaces  Methodenkompetenz  Technologiekompetenz  Sozialkompetenz Was sind unsere Stärken Individuelle Kompetenzen Unternehmenswerte Bernhard Opitz (CEO): „Motivierte und gut ausgebildete Mitarbeiter sind der Schlüssel zum Projekterfolg und der resultierenden Kundenzufriedenheit.“ &
  • 6. © OPITZ CONSULTING Deutschland GmbH 2016 Seite 6Modern HTML5 for JSF developers: BootsFaces and AngularFaces 2 BootsFaces
  • 7. © OPITZ CONSULTING Deutschland GmbH 2016 Seite 7Modern HTML5 for JSF developers: BootsFaces and AngularFaces Modern HTML5 for JSF Developers
  • 8. © OPITZ CONSULTING Deutschland GmbH 2016 Seite 8Modern HTML5 for JSF developers: BootsFaces and AngularFaces BootsFaces is an international team:  Riccardo Massera („Let‘s add Bootstrap to JSF!“)  Yeray Santana Borges  Dario D‘Urzo  Stephan Rauh („Let‘s make JSF simple!“) AngularFaces:  Stephan Rauh  What about you? Behind the Scenes
  • 9. © OPITZ CONSULTING Deutschland GmbH 2016 Seite 9Modern HTML5 for JSF developers: BootsFaces and AngularFaces  Next Generation JSF framework  HTML5 at your finger tips  Bootstrap 3.3 made easy  Next stop: Bootstrap 4 (current status: waiting for their release)  Advanced AJAX  Search Expressions  57 components and counting  Bootswatch themes  Mobile first! BootsFaces at a Glance
  • 10. © OPITZ CONSULTING Deutschland GmbH 2016 Seite 10Modern HTML5 for JSF developers: BootsFaces and AngularFaces Clean and Concise Bootstrap Code
  • 11. © OPITZ CONSULTING Deutschland GmbH 2016 Seite 11Modern HTML5 for JSF developers: BootsFaces and AngularFaces Clean and Concise Bootstrap Code
  • 12. © OPITZ CONSULTING Deutschland GmbH 2016 Seite 12Modern HTML5 for JSF developers: BootsFaces and AngularFaces Compare this to native Bootstrap in JSF!
  • 13. © OPITZ CONSULTING Deutschland GmbH 2016 Seite 13Modern HTML5 for JSF developers: BootsFaces and AngularFaces Bootstrap Grid System Explained
  • 14. © OPITZ CONSULTING Deutschland GmbH 2016 Seite 14Modern HTML5 for JSF developers: BootsFaces and AngularFaces BootsFaces Grid System – Source Code
  • 15. © OPITZ CONSULTING Deutschland GmbH 2016 Seite 15Modern HTML5 for JSF developers: BootsFaces and AngularFaces  @form  @this  @all  @none  @previous  @next  @parent  @() jquery expressions  @child(n) Advanced Search Expressions Standard JSF Compatible to PrimeFaces but all-new implementation
  • 16. © OPITZ CONSULTING Deutschland GmbH 2016 Seite 16Modern HTML5 for JSF developers: BootsFaces and AngularFaces Unique search expressions of BootsFaces:  @findIdRecursive(id) or **  @findId(id) or *:id  @findPartialId(id) or *id  @findPartialIdRecursive(id) or **:*id or **:id* or **:*id* Advanced Search Expressions
  • 17. © OPITZ CONSULTING Deutschland GmbH 2016 Seite 17Modern HTML5 for JSF developers: BootsFaces and AngularFaces Unified AJAX Concise alternative to ceremonious and verbose standard JSF ... no more fiddling with <f:ajax /> facets!
  • 18. © OPITZ CONSULTING Deutschland GmbH 2016 Seite 18Modern HTML5 for JSF developers: BootsFaces and AngularFaces Visit our showcase at http://www.bootsfaces.net 48 Components... and counting!
  • 19. © OPITZ CONSULTING Deutschland GmbH 2016 Seite 19Modern HTML5 for JSF developers: BootsFaces and AngularFaces  2000 downloads in January (give or take a few) Is it Ready for Production?
  • 20. © OPITZ CONSULTING Deutschland GmbH 2016 Seite 20Modern HTML5 for JSF developers: BootsFaces and AngularFaces 3 AngularFaces
  • 21. © OPITZ CONSULTING Deutschland GmbH 2016 Seite 21Modern HTML5 for JSF developers: BootsFaces and AngularFaces  AngularJS 1.3  next stop: Angular2  client-side components  client-side validation  internationalization  advanced AJAX  relaxed HTML-like code AngularFaces: JSF on Steroids!
  • 22. © OPITZ CONSULTING Deutschland GmbH 2016 Seite 22Modern HTML5 for JSF developers: BootsFaces and AngularFaces Goals and advantages:  leverage the power of the client  reduce the server load  less network traffic  use powerful client-side components:  ngTable, smart-table, ...  define your own client-side components  AngularJS routing and templating AngularJS for JSF Programmers
  • 23. © OPITZ CONSULTING Deutschland GmbH 2016 Seite 23Modern HTML5 for JSF developers: BootsFaces and AngularFaces  Marco Rinck's JUA  Add AngularJS components to JSF  Integrate them with JSF AJAX  Shallow but useful integration  AngularBeans by Bessem Hmidi  Use pure HTML5/AngularJS for the client  Use JavaEE for the backend  Inspired by AngularFaces  ... But different approach  AngularFaces  Full integration of AngularJS and JSF Alternative Approaches
  • 24. © OPITZ CONSULTING Deutschland GmbH 2016 Seite 24Modern HTML5 for JSF developers: BootsFaces and AngularFaces Automatic generation of labels and error messages (optionally) AngularFaces: Rapid Prototyping
  • 25. © OPITZ CONSULTING Deutschland GmbH 2016 Seite 25Modern HTML5 for JSF developers: BootsFaces and AngularFaces  Use the English JSF file  Add a simplified i18n.properties file AngularFaces: Internationalization Made Easy last name=Nachname first name=Vorname date of birth=Geburtsdatum email address=E-Mail-Adresse save=Speichern
  • 26. © OPITZ CONSULTING Deutschland GmbH 2016 Seite 26Modern HTML5 for JSF developers: BootsFaces and AngularFaces AngularFaces: Internationalization Made Easy
  • 27. © OPITZ CONSULTING Deutschland GmbH 2016 Seite 27Modern HTML5 for JSF developers: BootsFaces and AngularFaces AngularFaces: Internationalization Made Easy
  • 28. © OPITZ CONSULTING Deutschland GmbH 2016 Seite 28Modern HTML5 for JSF developers: BootsFaces and AngularFaces AngularFaces: Client Side Validation Bean Validation annotations are evaluated on the client
  • 29. © OPITZ CONSULTING Deutschland GmbH 2016 Seite 29Modern HTML5 for JSF developers: BootsFaces and AngularFaces AngularFaces: Client Side Validation
  • 30. © OPITZ CONSULTING Deutschland GmbH 2016 Seite 30Modern HTML5 for JSF developers: BootsFaces and AngularFaces Get rid of the namespace prefixes AngularFaces: HTML-Like JSF Code
  • 31. © OPITZ CONSULTING Deutschland GmbH 2016 Seite 31Modern HTML5 for JSF developers: BootsFaces and AngularFaces  A few projects use AngularFaces in production  Current status of the project: mostly dormant (only bugfixes)  Still relies on AngularJS 1.3 ... AngularFaces could use your helping hand! AngularFaces: Is it Ready for Production?
  • 32. © OPITZ CONSULTING Deutschland GmbH 2016 Seite 32Modern HTML5 for JSF developers: BootsFaces and AngularFaces Compatibility and Requirements
  • 33. © OPITZ CONSULTING Deutschland GmbH 2016 Seite 33Modern HTML5 for JSF developers: BootsFaces and AngularFaces 8 Questions?
  • 34. © OPITZ CONSULTING Deutschland GmbH 2016 Seite 34Modern HTML5 for JSF developers: BootsFaces and AngularFaces Questions?
  • 35. © OPITZ CONSULTING Deutschland GmbH 2016 Seite 35Modern HTML5 for JSF developers: BootsFaces and AngularFaces Contact Name Riccardo Massera https://www.linkedin.com/in/riccardomassera @bootsfaces E-mail: ric.massera@gmail.com
  • 36. © OPITZ CONSULTING Deutschland GmbH 2016 Seite 36Modern HTML5 for JSF developers: BootsFaces and AngularFaces Contact Name Stephan Rauh OPITZ CONSULTING Deutschland GmbH Norsk-Data-Straße 3 – 61352 Bad Homburg Telefon: +49 6172 66260 – 1546 Telefax: +49 6172 66260 – 4500 Mobil: +49 0172 2055966 youtube.com/opitzconsulting @OC_WIRE @BeyondJava slideshare.net/opitzconsulting xing.com/net/opitzconsulting E-mail: stephan.rauh@opitz-consulting.com