O documento discute como se tornar um desenvolvedor front-end, incluindo estudar lógica de programação, HTML, CSS e frameworks, além de sugerir estágios, freelancing e portfólio como formas de ganhar experiência. Também recomenda boas práticas como HTML semântico e CSS modularizado.

1. DESENVOLVIMENTO
FRONT-END
Como embarcar nessa área?
Rodrigo Caneppele r.caneppele@gmail.com

2. RODRIGO CANEPPELE
Desenvolvedor/Instrut
or
~ 9 Anos exp.
Sistemas de Informação

3. FRONT-END?

4. Arquitetura Web

5. Antigamente…

6. Web Designer

7. Web Master

8. Depois…

9. Web Developer

10. Hoje…

11. Front-End Developer

12. Back-End Developer

13. FRONT-END?

16. Dia a dia do(a)
desenvolvedor(a) front-end…

17. Ferramentas

18. Tecnologias

19. Tecnologias
(Complementares)

20. Objetivo

25. Como se tornar um(a)
desenvolvedor(a) front-end?

26. Comece pela base

27. Lógica de programação

28. Estude as tecnologias
que são a base da Web

29. Estude sobre ferramentas
de controle de versão

30. … E sobre serviços de
hospedagens de projetos

31. Estude os principais
frameworks do mercado
As empresas sempre exigem nas
vagas…

33. Mas lembre-se:
É fundamental entender bem como
eles funcionam por baixo dos panos!

34. Onde estudar?

35. Onde estudar?

36. OK!
Já estudei o bastante
E agora?
Como entro no mercado?

40. Onde trabalhar?

41. Onde trabalhar?
Fábricas de software

42. Onde trabalhar?
Fábricas de software
Agências

43. Onde trabalhar?
Fábricas de software
Startups
Agências

44. Onde trabalhar?
Fábricas de software
Empresas de outros ramos
Agências
Startups

45. Trabalho no exterior
Tem boas oportunidades

48. Não tenho experiência
#comofaz?

49. Estágio

50. Freelancer

51. Certificações

52. Monte um portfólio

53. Dicas importantes…

54. O que diferencia um
amador de um profissional?

55. BOAS PRÁTICAS!

56. Boas práticas no
Front-End

57. Boas práticas no
Front-End
HTML Semântico e acessível

60. Boas práticas no
Front-End
CSS orientado a classes

62. Boas práticas no
Front-End
CSS modularizado

64. Boas práticas no
Front-End
CSS/JS desacoplados do HTML

66. Uma última dica…

68. Dúvidas???

69. OBRIGADO!
Rodrigo Caneppele
r.caneppele@gmail.com
@rcaneppele
linkedin.com/in/rcaneppele
github.com/rcaneppele

70. bit.ly/frontend-ifg
Link para os slides: