Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
Matheus S. Thomaz 
Front-end Developer
QUEM SOU EU 
Matheus S. Thomaz 
Front-end Developer
Matheus S. Thomaz 
Front-end Developer 
/Quem sou eu 
Matheus Siga Thomaz 
Facebook 
/matheus.piska 
Site 
www.msthomaz.co...
Matheus S. Thomaz 
Front-end Developer 
/AG2 Publicis Modem 
Desenvolvedor front-end - 2011 
Toyota 
Sanofi 
Bradesco 
Gru...
Matheus S. Thomaz 
Front-end Developer 
/Video
QUEM SÃO 
VOCÊS?
/Quem são vocês? 
/Nome 
/Conhecimento 
/Experiência 
/Porque está aqui?
CRONOGRAMA 
Matheus S. Thomaz 
Front-end Developer
Matheus S. Thomaz 
Front-end Developer 
/Cronograma 
Porque ser front-end? 
Editores 
Navegadores 
Ferramentas do desenvol...
PORQUE SE 
TORNAR UM 
FRONTEND 
Matheus S. Thomaz 
Front-end Developer
Matheus S. Thomaz 
Front-end Developer 
/Quem é o frontend? 
Trabalha com o visual do site. 
Interação com o usuário.
Matheus S. Thomaz 
Front-end Developer 
/Quem é o backend? 
Trabalha com a interação site - banco de 
dados. 
Controla e e...
Matheus S. Thomaz 
Front-end Developer 
/frontend != backend
/Porque se tornar um frontend 
Frontend evolui diariamente, sempre uma 
tecnologia nova para aprender. 
Matheus S. Thomaz ...
EDITORES 
Matheus S. Thomaz 
Front-end Developer
WYSIWYG
WYSIWYG 
What You See Is What You Get
/WYSIWYG - Dreamweaver 
Matheus S. Thomaz 
Front-end Developer
/WYSIWYG - Dreamweaver 
Matheus S. Thomaz 
Front-end Developer
IDE
IDE 
Integrated Development Environment
Matheus S. Thomaz 
Front-end Developer 
/IDE - Dreamweaver
Matheus S. Thomaz 
Front-end Developer 
/IDE - Visual Studio
Matheus S. Thomaz 
Front-end Developer 
/IDE - Aptana Studio
Qualquer editor ou ferramenta que vire 
uma muleta para o dev é algo ruim!
Fuja de qualquer WYSIWYG e IDE’s!
Ainda quer ser um frontend? 
Matheus S. Thomaz 
Front-end Developer
Editores para Frontend 
Matheus S. Thomaz 
Front-end Developer
/Editores para Frontend 
Sublime Text (windows|mac|linux)
/Editores para Frontend 
Brackets (windows|mac|linux)
/Editores para Frontend 
Atom (mac|linux)
/Editores para Frontend 
Sublime Text 
www.sublimetext.com/3 
Brackets 
www.brackets.io 
Atom 
www.atom.io
Matheus S. Thomaz 
Front-end Developer 
BROWSERS
/Browsers 
Internet Explorer
/Browsers 
Internet Explorer
/Browsers 
Chrome
/Browsers 
Firefox
/Browsers 
Safari 
Opera 
Chrome Canary 
Firefox Nightly
FERRAMENTAS 
Matheus S. Thomaz 
Front-end Developer 
DO 
DESENVOLVEDOR
/O que é? 
Compilado de ferramentas que ajuda o 
desenvolvedor a debugar e desenvolver.
/Porque usar? 
Ferramenta essencial para qualquer 
desenvolvedor frontend. 
Inspecionar, verificar onde está 
posicionado ...
/Ferramentas do dev 
Chrome
/Ferramentas do dev 
Firefox
Upcoming SlideShare
Loading in …5
×

Minicurso Iniciando no Mundo Front-End - Dia 01 - SASPI {5}

Minicurso Iniciando no Mundo Front-End - Dia 01

Ministrado na SASPI {5} - Semana Acadêmica do curso de Sistemas para Internet - IFSUL

Related Books

Free with a 30 day trial from Scribd

See all

Related Audiobooks

Free with a 30 day trial from Scribd

See all
  • Be the first to comment

Minicurso Iniciando no Mundo Front-End - Dia 01 - SASPI {5}

  1. 1. Matheus S. Thomaz Front-end Developer
  2. 2. QUEM SOU EU Matheus S. Thomaz Front-end Developer
  3. 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. 4. Matheus S. Thomaz Front-end Developer /AG2 Publicis Modem Desenvolvedor front-end - 2011 Toyota Sanofi Bradesco Grupo Seb Natura Rio 2016
  5. 5. Matheus S. Thomaz Front-end Developer /Video
  6. 6. QUEM SÃO VOCÊS?
  7. 7. /Quem são vocês? /Nome /Conhecimento /Experiência /Porque está aqui?
  8. 8. CRONOGRAMA Matheus S. Thomaz Front-end Developer
  9. 9. Matheus S. Thomaz Front-end Developer /Cronograma Porque ser front-end? Editores Navegadores Ferramentas do desenvolvedor
  10. 10. PORQUE SE TORNAR UM FRONTEND Matheus S. Thomaz Front-end Developer
  11. 11. Matheus S. Thomaz Front-end Developer /Quem é o frontend? Trabalha com o visual do site. Interação com o usuário.
  12. 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. 13. Matheus S. Thomaz Front-end Developer /frontend != backend
  14. 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. 15. EDITORES Matheus S. Thomaz Front-end Developer
  16. 16. WYSIWYG
  17. 17. WYSIWYG What You See Is What You Get
  18. 18. /WYSIWYG - Dreamweaver Matheus S. Thomaz Front-end Developer
  19. 19. /WYSIWYG - Dreamweaver Matheus S. Thomaz Front-end Developer
  20. 20. IDE
  21. 21. IDE Integrated Development Environment
  22. 22. Matheus S. Thomaz Front-end Developer /IDE - Dreamweaver
  23. 23. Matheus S. Thomaz Front-end Developer /IDE - Visual Studio
  24. 24. Matheus S. Thomaz Front-end Developer /IDE - Aptana Studio
  25. 25. Qualquer editor ou ferramenta que vire uma muleta para o dev é algo ruim!
  26. 26. Fuja de qualquer WYSIWYG e IDE’s!
  27. 27. Ainda quer ser um frontend? Matheus S. Thomaz Front-end Developer
  28. 28. Editores para Frontend Matheus S. Thomaz Front-end Developer
  29. 29. /Editores para Frontend Sublime Text (windows|mac|linux)
  30. 30. /Editores para Frontend Brackets (windows|mac|linux)
  31. 31. /Editores para Frontend Atom (mac|linux)
  32. 32. /Editores para Frontend Sublime Text www.sublimetext.com/3 Brackets www.brackets.io Atom www.atom.io
  33. 33. Matheus S. Thomaz Front-end Developer BROWSERS
  34. 34. /Browsers Internet Explorer
  35. 35. /Browsers Internet Explorer
  36. 36. /Browsers Chrome
  37. 37. /Browsers Firefox
  38. 38. /Browsers Safari Opera Chrome Canary Firefox Nightly
  39. 39. FERRAMENTAS Matheus S. Thomaz Front-end Developer DO DESENVOLVEDOR
  40. 40. /O que é? Compilado de ferramentas que ajuda o desenvolvedor a debugar e desenvolver.
  41. 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. 42. /Ferramentas do dev Chrome
  43. 43. /Ferramentas do dev Firefox

    Be the first to comment

    Login to see the comments

  • erisonsp

    May. 21, 2015

Minicurso Iniciando no Mundo Front-End - Dia 01 Ministrado na SASPI {5} - Semana Acadêmica do curso de Sistemas para Internet - IFSUL

Views

Total views

537

On Slideshare

0

From embeds

0

Number of embeds

4

Actions

Downloads

8

Shares

0

Comments

0

Likes

1

×