Slide 1
Slide 1 text
Dicas para tomadas de
decisão seguras
em front-end
Ramon Bispo
SCTI - UENF 2014
Slide 2
Slide 2 text
2
Quem? Ramon Bispo
- Design
- Code
- Rap
Slide 3
Slide 3 text
3
Slide 4
Slide 4 text
4
Slide 5
Slide 5 text
"Why is being a front end
engineer hard? I don't know any
other job where you need to
learn new technologies
every 6 weeks."
5
— @slicknet http://bit.ly/1GalX4l
Slide 6
Slide 6 text
6
Slide 7
Slide 7 text
Tópicos da palestra:
Descobrindo o propósito dos
projetos
Pensando no nicho
Como e quando otimizar
Desapegando-se dos vícios
Lidando com riscos
7
Slide 8
Slide 8 text
Tópicos da palestra:
Lidando com suporte à
navegadores
Automação de tarefas
Dicas gerais
8
Slide 9
Slide 9 text
1) Propósito
Seja fiel ao propósito do projeto
- É para um cliente?
- Projeto Open Source?
- Projeto pessoal ou para a
faculdade?
9
Slide 10
Slide 10 text
"1999: Images are slow to
download, but at least
I can read the text.
2014: Font is slow to download,
but at least I can… ah shit."
10
— @drewm http://bit.ly/10fFK1y
Slide 11
Slide 11 text
2) Nicho
Descubra como o projeto deve
interagir com o usuário
- Via navegador desktop?
- Via celular?
- Os dois?
- Via app desktop?
11
Slide 12
Slide 12 text
"Mobile First.
No, Content First.
No, API First.
No, User First.
No, Me First."
12
— @lukew http://bit.ly/1t3jBdm
Slide 13
Slide 13 text
2) Nicho
Minimize o “over-engineering”
(não é porque você pode
adicionar certo recurso que
você deve adicioná-lo)
13
Slide 14
Slide 14 text
"you need 14 lines of HTML if you want
a favicon that works across devices
and resolutions."
14
— @judofyr http://bit.ly/1Ebt0I5
Slide 15
Slide 15 text
1. Faça o código funcionar.
2. Faça o código ser melhor.
3. Faça o código ser mais rápido.
(não otimize prematuramente)
15
3) Otimização
Slide 16
Slide 16 text
"Oh yeah, GitHub is running
100% on Rails 3 now. Next:
Rails 3.1. Look out 2011, here
we come!"
16
— @bkeepers http://bit.ly/1ttpZhD
Setembro/2014
Slide 17
Slide 17 text
4) Desapego
Liberte-se das suas vontades e
pense no todo.
Reinvente-se, aceite a mudança.
Seu código não deve ser só seu,
ele deve ser de todos.
17
Slide 18
Slide 18 text
"Seriously, it’s just code. The
more I write it, the less I care
in what language it is."
18
— @pcalcado http://bit.ly/1o6rKC6
Slide 19
Slide 19 text
5) Riscos
Use frameworks com uma
comunidade sólida.
Não alimente os trolls.
Contribua.
19
Slide 20
Slide 20 text
"Programming – "
20
— @kyleve http://bit.ly/1o6tYl3
Slide 21
Slide 21 text
6) Suporte à navegadores
Use o melhor do mercado
sempre que possível.
Dê suporte à navegadores
antigos sempre que necessário.
(parece contraditório, mas
não é!)
21
Slide 22
Slide 22 text
22
Slide 23
Slide 23 text
7) Automação de tarefas
Essencial para evitar o princípio
DRY (Don’t Repeat Yourself)
Use as ferramentas ao seu favor.
Não complique, simplifique.
23
Slide 24
Slide 24 text
"Launching a
product is the
start."
24
— @lukew http://bit.ly/10jH7vZ
Slide 25
Slide 25 text
8) Dicas adicionais
Não tenha medo de errar.
Menos é mais. Não faça algo só
porque é “cool".
Remover código é tão
importante quanto adicionar
código.
25
Slide 26
Slide 26 text
"the second step is
easier than the first.
Always."
26
— @ienjoy http://bit.ly/1pYamiE
Slide 27
Slide 27 text
e para finalizar…
27
Slide 28
Slide 28 text
"Everything you need to know about
Knowledge and Expertise in one handy graph"
28
— @swardley http://bit.ly/1wXZC4T
Slide 29
Slide 29 text
"In the end, it's all about
having fun. No matter what
we do, what we work, what we
achieve in our life."
29
— @schneidertobias http://bit.ly/1vzp5hM