Uma introdução à área de desenvolvimento web chamada Front-End Palestra realizada no ITA, para o evento ITA WebDev: http://itawebdev.herokuapp.com

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
Thursday, August 22, 13
Designer
ou
Faz tela
bonitinha

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
Thursday, August 22, 13
CSS
JS

19. CAMADA
DE
CONTEÚDO
“MARKUP”
HTML
Thursday, August 22, 13
CSS
JS

20. CAMADA
DE
CONTEÚDO
CAMADA
DE
APRESENTAÇÃO
“MARKUP”
“STYLE”
HTML
Thursday, August 22, 13
CSS
JS

21. CAMADA
DE
CONTEÚDO
CAMADA
DE
APRESENTAÇÃO
CAMADA
DE
COMPORTAMENTO
“MARKUP”
“STYLE”
“BEHAVIOR”
HTML
Thursday, August 22, 13
CSS
JS

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
Thursday, August 22, 13
3D

30. Storage
Thursday, August 22, 13
3D
Performance

31. Storage
Web
Sockets
Thursday, August 22, 13
3D
Performance

32. Storage
Web
Sockets
Thursday, August 22, 13
Semantics
3D
Performance

33. Storage
Web
Sockets
Thursday, August 22, 13
3D
Semantics
Audio
and
Video
Performance

34. Storage
Web
Sockets
Thursday, August 22, 13
3D
Performance
Semantics
Audio
and
Video
File
Access

35. HTML5: Semântica
Thursday, August 22, 13

36. Thursday, August 22, 13

37. HTML
JS
10%
90%
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