Front-end: o que é, mercado e como começar

Transcript

1. 1.

   Front-end: o que é, mercado e como começar Amanda Vilela

   UNIP
2. 2.

   Amanda Vilela

3. 3.

   O que é front-end?

4. 4.

   “O front-end é responsável por coletar a entrada do usuário

   em várias formas e processá-la para adequá-la a uma especificação em que o back-end possa utilizar.” https://pt.wikipedia.org/wiki/Front-end_e_back-end
5. 5.

   O que faz um desenvolvedor front-end?

6. 6.

   projetar, construir e otimizar

7. 7.

   sites e aplicações web

8. 8.

   Como é a demanda do mercado?

9. 9.

   None
10. 10.

    None
11. 11.

    Quero ser um desenvolvedor(a) front-end. Como faz?

12. 12.

    None
13. 13.

    HTML & CSS Conteúdo & estilização

14. 14.

    Semântica Organização e Significado

15. 15.

    Convenções de nomenclatura CSS

16. 16.

    Grid Systems e Responsividade

17. 17.

    Faça sua própria página ;)

18. 18.

    Mostre seu código para o mundo

19. 19.

    Github Pages

20. 20.

    Crie uma conta no CodePen

21. 21.

    Pratique ;D

22. 22.

    None
23. 23.

    Pré-processadores CSS

24. 24.

    JS JavaScript não é Java :P

25. 25.

    JavaScript Guide https://developer.mozilla.org/en-US/docs/Web/JavaScript/Guide

26. 26.

    DOM A árvore de elementos do HTML.

27. 27.

    Assíncrono

28. 28.

    Não se esqueça de mostrar seu código para o mundo

    ;)
29. 29.

    Design Patterns

30. 30.

    Algum framework JS

31. 31.

    Architectural Patterns

32. 32.

    automatizar tarefas (gulp/grunt)

33. 33.

    noções de UX/UI

34. 34.

    algum software de edição de imagem

35. 35.

    inglês

36. 36.

    None
37. 37.

    Mantenha-se atualizado(a)

38. 38.

    https://css-tricks.com https://www.smashingmagazine.com https://web-design-weekly.com

39. 39.

    Comunidades <3

40. 40.

    None
41. 41.

    None
42. 42.

    facebook.com/sorocabacss dá um like ai ;)

43. 43.

    python sorocaba - https://grupopythonsorocaba.herokuapp.com/ guru sorocaba - https://www.facebook.com/GURUSorocaba/ hacklab -

    https://www.facebook.com/hacklabsorocaba/ GDG Sorocaba - https://www.facebook.com/GDGSorocaba/ SorocabaJS - https://www.facebook.com/sorocabajs/ JS Meetup - http://www.meetup.com/GDG-Sorocaba/ WomenTechmakers - https://www.facebook.com/groups/wtmsorocaba/ in.tegra.do - http://www.meetup.com/In-Tegra-Do/ english meetup - http://www.meetup.com/Sorocaba-English-Conversation-Happy-Hours/ SorocabaCSS - https://www.meetup.com/pt-BR/SorocabaCSS
44. 44.

    https://www.meetup.com/

45. 45.

    None
46. 46.

    https://goo.gl/WxcNrQ

47. 47.

    Obrigada :D amandavilela.com

48. 48.

    https://www.codecademy.com/pt-BR/tracks/web https://www.codeschool.com/ http://pt-br.learnlayout.com/ https://try.github.io https://www.codecademy.com/pt-BR/tracks/javascript