O documento discute como organizar o frontend de um site Java moderno, mencionando padrões de projeto como Factory Method e Singleton para o backend, e o framework BEM para estruturar CSS de forma modular. Também lista ferramentas como Sass, Angular, React e Bootstrap para o frontend, além de técnicas como pré-processadores e modularização via tags JSP e templates.

1. Modern Java Web
É possível ter um frontend organizado??
Bruno Englert Moutinho

2. Quem sou eu? Não me perguntes...

3. BACKEND

4. PATTERNS
Factory method
Singleton
Decorator
Facade
Observer
...

5. FRONTEND

6. CSS

7. BEM
Fonte: http://getbem.com/
BLOCK
.header { ... }
ELEMENT
.header__logo { ... }
.header__menu { ... }
.header__menu__elements { ... }
MODIFIER
.input { ... }
.input--big { ... }
.button { ... }
.button--green { ... }

8. PREPROCESSORS
SASS / SCSS
https://github.com/warmuuh/libsass-maven-plugin
http://wro4j.github.com/wro4j/

9. JAVASCRIPT

10. FRAMEWORKS
ANGULAR.JS
REACT.JS
BACKBONE.JS
BOOTSTRAP

11. HTML

12. MODULARIZAÇÃO
JSP TAGS
TEMPLATES
FRAMEWORKS JS PARA
APRESENTAR DADOS
http://stackoverflow.
com/questions/1296235/jsp-tricks-to-
make-templating-easier