Talk

Full-stack development is dead, long live full-stack development!
Conference (INTERMEDIATE level)
Room 8
Score 0.15
Score 0.18
Score 0.19
Score 0.20
The match becomes increasingly accurate as the similarity score approaches zero.

The gap between frontend and backend in web development has widened in recent years. In frontend programming, frameworks such as Angular, React, or Vue.js are predominant, forcing developers to use a different programming language and a different ecosystem.

This has made it more difficult for Java developers to find their way around, and in many projects, frontend and backend developers are separated.

However, it can be beneficial in many ways if a developer can develop both the frontend and backend. But as a Java developer, do I have to get familiar with a whole new ecosystem? 

No, there are alternatives!

This talk shows how to develop web applications quickly as a Java full-stack developer. We will compare three variants that suit the Java developer: Thymeleaf with htmx, Vaadin, and Hilla. Based on an example, we look at the advantages and disadvantages to determine which framework is the best choice in which scenario.

Simon Martinelli
72 Services GmbH

Simon Martinelli is the owner of 72 Services LLC and has been working as a software architect, developer, consultant, and trainer for 27 years, especially in the Java Enterprise environment.

His current interest is increasing the efficiency of full-stack development with Java. Due to his commitment to the Vaadin/Hilla environment, he received the Vaadin Community Award. He regularly shares his knowledge in articles and speaks at international conferences. He is an expert group member of JSR-352 Java Batch and JSR-354 Money and Currency.

Besides his work, he has been a lecturer at the Bern University of Applied Sciences for modern architecture and integrating distributed systems and persistence technologies with Java since 2007.

Generated Summary
WARNING: This summary was generated using GPT based on the transcript, as a result spelling mistakes and more importantly hallucinations can be present.

Web Frameworks for Full Stack Developers
Introduction
Sam Martinelli is a full-stack developer with 30 years of experience in software development, beginning with Java in 2000. He has taught at the university and organized user group events. The introduction of Java Enterprise Edition (JEE) in 1999 changed the way applications were developed, and led to different technologies being used on different layers.
Evolution of Web Development
Around 15 years ago, the idea of how to develop applications changed and the focus shifted to creating applications in the browser with frameworks such as React, Angular, and Vue. This gave rise to front-end developers and conferences dedicated to front-end technologies. Angular is predominant in Switzerland. Technology is constantly evolving, and developers are often faced with the challenge of learning new technologies and architectures. This can be especially difficult for small businesses, as it requires learning new tools, build systems, and technologies.
Frameworks for Transition
This talk will present various web frameworks that are designed to make the transition smoother for full stack developers. These frameworks include Timely, Watin, and Htmx. Each of these frameworks have their own unique set of features and capabilities. By using the appropriate framework, small businesses can learn the necessary technologies quickly and easily.
Hiller Framework
Hiller is a new framework created to make single page application development easier for Java developers. It uses two logos, React and Lit/Lit Element, which was previously known as Polymer. Hiller also helps with accessing and securing API's, as well as dealing with role-based security on both the client and server side. To develop applications with Hiller, Java is the most important skill needed, as well as CSS if you want to style the application. It is also possible to use HTML and CSS with Hiller. Additionally, if you do not need an API, then you do not need to know Typescript or JavaScript.
HDMX and Timeleaf
Using HDMX and Hilla, developers can create dynamic webpages with components from third-party providers. Time Leaf provides a single deployment unit with Spring Security for server-side security and CSRF to protect the endpoints. Hilla is a single page application framework that does not need service data. The code can be found online and demonstrates how to create a multi detail view page with no server requests. HDMX and Timeleaf are used together to create modern web applications with infinite scrolling, where the content is updated in the background without a server call.
Modin
Modin is a framework that is used to quickly create business applications with components like text fields, buttons, and grids that have features like paging, filtering, and sorting built in.
Hillar
Hillar is a tool that allows developers to generate a browser API and execute JavaScript from the server side. It also provides an endpoint for a 'Hello World' API, and an annotation for allowing anonymous access. It also has a typescript code that is generated from the server side, which allows developers to have the same model on both the client and server side. Hillar also provides validation for fields such as email addresses.
Conclusion
This talk discussed the use of frameworks such as React, Lit, and Vue when building a web application. React is popular for marketing purposes, while Lit is more mature and works well with Web Components. Vue is best for creating webpages, as it is easy to use with HTML and Bim. The code for the application discussed can be found on GitHub and the speaker can be contacted through their website. This talk provided an overview of the different web frameworks available for full stack developers, and how they can make the transition to new technologies and architectures easier for small businesses.
You can also ask questions on the complete talk using Devoxx Insights