Matheus S. ThomazFront-end Developer

Matheus S. ThomazFront-end Developer

QUEM SOU EU

Matheus S. ThomazFront-end Developer

/Quem sou eu

Matheus Siga Thomaz

/matheus.piska

www.msthomaz.com

contato@msthomaz.com

Facebook

Site

e-mail

Matheus S. ThomazFront-end Developer

/AG2 Publicis ModemDesenvolvedor front-end - 2011

ToyotaSanofiBradescoGrupo SebNaturaRio 2016

Matheus S. ThomazFront-end Developer

/Video

QUEM SÃO VOCÊS?

/Quem são vocês?

/Nome/Conhecimento/Experiência/Porque está aqui?

Matheus S. ThomazFront-end Developer

CRONOGRAMA

Matheus S. ThomazFront-end Developer

/Cronograma

Porque ser front-end?EditoresNavegadoresFerramentas do desenvolvedor

Matheus S. ThomazFront-end Developer

PORQUE SE TORNAR UM FRONTEND

Matheus S. ThomazFront-end Developer

/Quem é o frontend?

Trabalha com o visual do site.

Interação com o usuário.

Matheus S. ThomazFront-end Developer

/Quem é o backend?

Trabalha com a interação site - banco de dados.

Controla e entrada e saída de dados.

Matheus S. ThomazFront-end Developer

/frontend != backend

Matheus S. ThomazFront-end Developer

/Porque se tornar um frontendFrontend evolui diariamente, sempre uma tecnologia nova para aprender.

Mercado em ampla expansão.

Matheus S. ThomazFront-end Developer

EDITORES

WYSIWYG

WYSIWYGWhat You See Is What You Get

Matheus S. ThomazFront-end Developer

/WYSIWYG - Dreamweaver

Matheus S. ThomazFront-end Developer

/WYSIWYG - Dreamweaver

IDE

IDEIntegrated Development Environment

Matheus S. ThomazFront-end Developer

/IDE - Dreamweaver

Matheus S. ThomazFront-end Developer

/IDE - Visual Studio

Matheus S. ThomazFront-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!

Matheus S. ThomazFront-end Developer

Ainda quer ser um frontend?

Matheus S. ThomazFront-end Developer

Editores para Frontend

/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 Textwww.sublimetext.com/3Bracketswww.brackets.ioAtomwww.atom.io

Matheus S. ThomazFront-end Developer

BROWSERS

/Browsers

Internet Explorer

/Browsers

Internet Explorer

/Browsers

Chrome

/Browsers

Firefox

/Browsers

SafariOpera

Chrome CanaryFirefox Nightly

Matheus S. ThomazFront-end Developer

FERRAMENTASDO

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 um elemento, verificar e modificar o CSS de um elemento, ect...

/Ferramentas do dev

Chrome

/Ferramentas do dev

Firefox