os desafios do desenvolvimento de front-end em um e-commerce

@gbrlsepulveda

@gbrlsepulveda

# taxa de conversãodos usuários que entram no site, quantos finalizam uma compra?

@gbrlsepulveda

ticket médioem média, quanto os usuários gastam por compra?

@gbrlsepulveda

# como o front-end pode melhorar a conversão?

@gbrlsepulveda

Velocidade da página interface instável

formulários grande site não funciona

@gbrlsepulveda

# desafios de front-end

@gbrlsepulveda

múltiplos desenvolvedores desenvolvimento escalável

performance client-side testes a/b

@gbrlsepulveda

# trabalhando com vários desenvolvedores

@gbrlsepulveda

mantenha um code standard para o time.

@gbrlsepulveda

@gbrlsepulveda

consistência, legibilidade, sem bikeshed.

@gbrlsepulveda

git + pull requests

@gbrlsepulveda

@gbrlsepulveda

qualquer um revisa, qualquer um comenta.

@gbrlsepulveda

@gbrlsepulveda

# desenvolvimento escalável

@gbrlsepulveda

melhorias são constantes, e nada é 100% definitivo.

@gbrlsepulveda

o código deve ser facilmente alterável/adaptável.

@gbrlsepulveda

dica 1usem pre-processors de CSS. sério. agora. já. eu espero.

@gbrlsepulveda

@gbrlsepulveda

@gbrlsepulveda

@gbrlsepulveda

@gbrlsepulveda

geração automática de sprites acelera o desenvolvimento.

@gbrlsepulveda

@gbrlsepulveda

@gbrlsepulveda

@gbrlsepulveda

Dica 2módulos: poucas linhas, comportamentos isolados, extensíveis, e testáveis.

@gbrlsepulveda

@gbrlsepulveda

Dica 3javascript desacoplado e modularizado

@gbrlsepulveda

@gbrlsepulveda

@gbrlsepulveda

performance client-side

@gbrlsepulveda

css/javascript minification/compression

@gbrlsepulveda

lazy-load everything! o/

@gbrlsepulveda

sprites e imagens inlines

@gbrlsepulveda

não abuse de font-faces

@gbrlsepulveda

divirta-se. sempre. =)