Matheus S. Thomaz é um desenvolvedor front-end que apresenta sobre sua experiência e habilidades. O documento discute editores, navegadores e ferramentas para desenvolvedores front-end, enfatizando a importância de ferramentas como Sublime Text, Brackets e Atom para editar código e as DevTools dos navegadores para depuração.

1. Matheus S. Thomaz
Front-end Developer

2. QUEM SOU EU
Matheus S. Thomaz
Front-end Developer

3. Matheus S. Thomaz
Front-end Developer
/Quem sou eu
Matheus Siga Thomaz
Facebook
/matheus.piska
Site
www.msthomaz.com
e-mail
contato@msthomaz.com

4. Matheus S. Thomaz
Front-end Developer
/AG2 Publicis Modem
Desenvolvedor front-end - 2011
Toyota
Sanofi
Bradesco
Grupo Seb
Natura
Rio 2016

5. Matheus S. Thomaz
Front-end Developer
/Video

6. QUEM SÃO
VOCÊS?

7. /Quem são vocês?
/Nome
/Conhecimento
/Experiência
/Porque está aqui?

8. CRONOGRAMA
Matheus S. Thomaz
Front-end Developer

9. Matheus S. Thomaz
Front-end Developer
/Cronograma
Porque ser front-end?
Editores
Navegadores
Ferramentas do desenvolvedor

10. PORQUE SE
TORNAR UM
FRONTEND
Matheus S. Thomaz
Front-end Developer

11. Matheus S. Thomaz
Front-end Developer
/Quem é o frontend?
Trabalha com o visual do site.
Interação com o usuário.

12. Matheus S. Thomaz
Front-end Developer
/Quem é o backend?
Trabalha com a interação site - banco de
dados.
Controla e entrada e saída de dados.

13. Matheus S. Thomaz
Front-end Developer
/frontend != backend

14. /Porque se tornar um frontend
Frontend evolui diariamente, sempre uma
tecnologia nova para aprender.
Matheus S. Thomaz
Front-end Developer
Mercado em ampla expansão.

15. EDITORES
Matheus S. Thomaz
Front-end Developer

16. WYSIWYG

17. WYSIWYG
What You See Is What You Get

18. /WYSIWYG - Dreamweaver
Matheus S. Thomaz
Front-end Developer

19. /WYSIWYG - Dreamweaver
Matheus S. Thomaz
Front-end Developer

20. IDE

21. IDE
Integrated Development Environment

22. Matheus S. Thomaz
Front-end Developer
/IDE - Dreamweaver

23. Matheus S. Thomaz
Front-end Developer
/IDE - Visual Studio

24. Matheus S. Thomaz
Front-end Developer
/IDE - Aptana Studio

25. Qualquer editor ou ferramenta que vire
uma muleta para o dev é algo ruim!

26. Fuja de qualquer WYSIWYG e IDE’s!

27. Ainda quer ser um frontend?
Matheus S. Thomaz
Front-end Developer

28. Editores para Frontend
Matheus S. Thomaz
Front-end Developer

29. /Editores para Frontend
Sublime Text (windows|mac|linux)

30. /Editores para Frontend
Brackets (windows|mac|linux)

31. /Editores para Frontend
Atom (mac|linux)

32. /Editores para Frontend
Sublime Text
www.sublimetext.com/3
Brackets
www.brackets.io
Atom
www.atom.io

33. Matheus S. Thomaz
Front-end Developer
BROWSERS

34. /Browsers
Internet Explorer

35. /Browsers
Internet Explorer

36. /Browsers
Chrome

37. /Browsers
Firefox

38. /Browsers
Safari
Opera
Chrome Canary
Firefox Nightly

39. FERRAMENTAS
Matheus S. Thomaz
Front-end Developer
DO
DESENVOLVEDOR

40. /O que é?
Compilado de ferramentas que ajuda o
desenvolvedor a debugar e desenvolver.

41. /Porque usar?
Ferramenta essencial para qualquer
desenvolvedor frontend.
Inspecionar, verificar onde está
posicionado um elemento, verificar e
modificar o CSS de um elemento, ect...

42. /Ferramentas do dev
Chrome

43. /Ferramentas do dev
Firefox