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

Modern Java Web

Embed Size (px)

Citation preview

Page 1: Modern Java Web

Modern Java WebÉ possível ter um frontend organizado??

Bruno Englert Moutinho

Page 2: Modern Java Web

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

Page 3: Modern Java Web

BACKEND

Page 4: Modern Java Web

PATTERNS

Factory method

Singleton

Decorator

Facade

Observer

...

Page 5: Modern Java Web

FRONTEND

Page 6: Modern Java Web

CSS

Page 7: Modern Java Web

BEM

Fonte: http://getbem.com/

BLOCK.header { ... }

ELEMENT.header__logo { ... }.header__menu { ... }.header__menu__elements { ... }

MODIFIER.input { ... }.input--big { ... }.button { ... }.button--green { ... }

Page 8: Modern Java Web

PREPROCESSORS

SASS / SCSShttps://github.com/warmuuh/libsass-maven-plugin

http://wro4j.github.com/wro4j/

Page 9: Modern Java Web

JAVASCRIPT

Page 10: Modern Java Web

FRAMEWORKS

ANGULAR.JS

REACT.JS

BACKBONE.JS

BOOTSTRAP

Page 11: Modern Java Web

HTML

Page 12: Modern Java Web

MODULARIZAÇÃO

JSP TAGS

TEMPLATES

FRAMEWORKS JS PARA APRESENTAR DADOS

http://stackoverflow.com/questions/1296235/jsp-tricks-to-make-templating-easier