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. =)