Front-End: O que é e o que faz

Uma introdução à área de desenvolvimento web chamada Front-End

Palestra realizada no ITA, para o evento ITA WebDev:
http://itawebdev.herokuapp.com

Transcript

1. Front-End Thursday, August 22, 13
2. Eduardo Rabelo Front-End Dev @oieduardorabelo Thursday, August 22, 13
3. O que é Front-End? Thursday, August 22, 13
4. “É a etapa responsável por projetar e construir as interfaces que tem interação direta do usuário em um projeto web” Thursday, August 22, 13
5. Front-End Designer ou Faz tela bonitinha Thursday, August 22, 13
6. Ferramentas Básicas Thursday, August 22, 13
7. Editor de Texto: Sublime Text Thursday, August 22, 13
8. Editor de Texto: Sublime Text + Plugin Package Control Thursday, August 22, 13
9. Editor de Texto: Sublime Text Thursday, August 22, 13
10. Editor de Texto: Sublime Text Thursday, August 22, 13
11. Chrome DevTools Thursday, August 22, 13
12. Chrome DevTools Snippets Thursday, August 22, 13
13. Preocupações Thursday, August 22, 13
14. Thursday, August 22, 13
15. http://gs.statcounter.com Thursday, August 22, 13
16. Sucessão do Papa Bento XVI, 2013 Thursday, August 22, 13
17. Tecnologias Thursday, August 22, 13
18. HTML CSS JS Thursday, August 22, 13
19. HTML CSS JS CAMADA DE CONTEÚDO “MARKUP” Thursday, August 22, 13
20. HTML CSS JS CAMADA DE APRESENTAÇÃO “STYLE” CAMADA DE CONTEÚDO “MARKUP” Thursday, August 22, 13
21. HTML CSS JS CAMADA DE APRESENTAÇÃO “STYLE” CAMADA DE CONTEÚDO “MARKUP” CAMADA DE COMPORTAMENTO “BEHAVIOR” Thursday, August 22, 13
22. HTML Thursday, August 22, 13
23. Thursday, August 22, 13
24. Thursday, August 22, 13
25. Thursday, August 22, 13
26. Thursday, August 22, 13
27. Thursday, August 22, 13
28. Storage Thursday, August 22, 13
29. Storage 3D Thursday, August 22, 13
30. Storage 3D Perfor- mance Thursday, August 22, 13
31. Storage 3D Perfor- mance Web Sockets Thursday, August 22, 13
32. Storage 3D Perfor- mance Web Sockets Semantics Thursday, August 22, 13
33. Storage 3D Perfor- mance Web Sockets Semantics Audio and Video Thursday, August 22, 13
34. Storage 3D Perfor- mance Web Sockets Semantics Audio and Video File Access Thursday, August 22, 13
35. HTML5: Semântica Thursday, August 22, 13
36. Thursday, August 22, 13
37. 90% 10% HTML JS Thursday, August 22, 13
38. HTML Reference Thursday, August 22, 13
39. CSS Thursday, August 22, 13
40. Thursday, August 22, 13
41. Thursday, August 22, 13
42. Thursday, August 22, 13
43. CSS Selectors Thursday, August 22, 13
44. CSS Reference Thursday, August 22, 13
45. Shay Howe & Community Thursday, August 22, 13
46. Thursday, August 22, 13
47. http://2012.beercamp.com/ Thursday, August 22, 13
48. JS Thursday, August 22, 13
49. Uma linguagem script com orientação a objetos baseada em protótipos, tipagem fraca e dinâmica e funções de primeira classe (pode ser construído em tempo de execução). Thursday, August 22, 13
50. Thursday, August 22, 13
51. DOM Reference Thursday, August 22, 13
52. Thursday, August 22, 13
53. obrigado! @oieduardorabelo Thursday, August 22, 13