4. WEB DESIGNER x WEB MASTER

10. 1 + 1 = O que é desenvolvedor
Front end?

11. O que o desenvolvedor front-end
tem que saber?

12. Acessibilidade
Acessibilidade não é altruísmo. Você não faz um site acessível por que você
está com pena de alguém cego ou por que não tem os dois braços.

13. SEO
Não adianta ter boa performance, ter boa acessibilidade,
Se ninguém lhe acha na internet.

14. Um pouco de Interação
Saiba usar javascript, um pouco de interação nunca é demais.
Além disso, num custa nada fazer alguns tratamentos no próprio navegador!

15. PSD para HTML
O front-end nasceu para passar PSD para html. Com o tempo isso mudou.
afinal, quem é o bam bam quando se trata em carregamento de informação?
p HTML.

16. Performance
80% da performance de um website está do lado do client-side.
Client-side também é responsável por 90% da performance de um site mobile.

17. Responsividade
Não importa como, mas seu site tem que rodar no celular, no navegador A,B,C
na televisão...ou qualquer meio de acesso. Afinal o cliente é que é importante.

18. Entendendo o Fluxo
O fluxo de trabalho quando se pensa em site ou projetos pequenos, logo é feito
de forma linear.
O problema é que com a adoção dos padrões web. Isso mudou e ficou paralelo!

19. Wireframe
+
Design
+
Front-End
+
Back-End

20. Wireframe
||
Design + Front-End + Back-End

21. E quais ferramentas o front-end usa?

28. Saiba banco de dados e alguma
Linguagem de Programação

29. Saiba alguma metodologia de desenvolvimento
Ágil

31. INVISTA NO INGLÊS

32. Onde estudar?
Veja uma lista de referências para estudos...

33. Guia de estudos!
LIVROS:
MAUJOR
O Senhor Mauricio Maujor Samy Silva é uma lenda do CSS e HTML
O'Reilly
Editora dos melhores livros sobre o assunto. Os livros são inglês, mas
Já temos titulos em português.

34. Guia de estudos!
Organizações:
Mozilla Developer Network - MDN
A galera da MDN é didatica e “mó limpeza”. Vale a pena ir lá!
W3Fools
Vai de encontro a w3schools é em inglês, mas da pra entender!
W3C
a W3C obviamente é uma fonte totalmente segura de conhecimento
já que ela regula os padrões web.

35. Guia de estudos!
Bíblia:
Stack Overflow
Também conhecido como a bíblia do desenvolvedor.
Trata-se de um site de Q&A (perguntas e respostas)
com uma comunidade muito ativa.

36. Guia de estudos!
Cursos:
iWTraining
Uma das poucas escolas de fortaleza que ensinam front-end. Um curso
que pra quem é iniciante cai super bem!
Caelum
Dispensa comentários, sempre tem turmas aqui em fortaleza.

37. Guia de estudos!
Cursos Online:
Code Academy
Code School
Dash
Code Squad *BR
Codetag

38. Guia de estudos!
Portais/blogs nacionais:
Tableless
iMasters
Loop Infinito
Front End Brasil
Front End para leigos
Pinceladas da Web

39. Guia de estudos!
Portais/blogs Gringos:
Smashing Magazine
CSS Tricks
DailyJS
HTML5 ROCKS
Codrops

40. Guia de estudos!
Grupos no Facebook:
Desenvolvimento Web
Web Design Brasil
FrontEnd Brasil

41. Onde trabalhar?

44. https://github.com/globocom/iwanttoworkatglobocom

45. “Espero que vocês não sejam medrosos e abusem da
Plataforma Aberta da Web. Só assim a tecnologia vai
avançar e atingir a todos igualmente e
democraticamente. Plante a coragem de ter coragem e
não o medo que torna as pessoas reféns.”
Clécio Bachini / IMASTER

46. Referências:
Diego Eis (Locaweb) - http://tableless.com.br/
Daniel Filho (BrasilJS / Netshoes) - http://zofe.com.br/
Zeno Rocha (BrasilJS / Zofe) - http://zenorocha.com/
Bernard de Luna (COW / BrasilJS ) - http://bernarddeluna.com/
Livros:
HTML5 e CSS3: Domine a web do futuro
futuro.
Lucas Mazza (Casa do Codigo)
HTML5: A linguagem de marcação que revolucionou a web.
Maujor (Maurício Samy Silva) (http://www.maujor.com/)
CSS3 - Desenvolva aplicações web profissionais com o uso
dos poderosos recursos de estilização das CSS3.
CSS3
Maujor (Maurício Samy Silva) (http://www.maujor.com/)