Mundo Front-End

O que é ser um desenvolvedor Front-End? Quais são as principais tecnologias utilizadas. Um overview sobre HTML5/CSS3/JS, bibliotecas e frameworks. Onde estudar, como se manter atualizado e um pouco sobre o mercado de trabalho.

Transcript

2. Quem sou eu? Maceió - AL 22 anos Front-End Sênior
3. Front-End Front-end front-end Front End
4. Tanto faz! :)
5. O que é?
6. As principais tecnologias
10. Na web não existem regras, existem recomendações.
11. HTML5 API
12. Canvas Validação de formulários Controles de áudio e vídeo Geolocalização Drag and Drop Local Storage Application cache / offline applications
13. HTML5 API
16. CSS3 ANIMATIONS Codepen da palestra: http://cdpn.io/v/KmwdwX
19. Any application that can be written in JavaScript, will eventually be written in JavaScript. Jeff Atwood (co-fundador do Stack Overflow)
20. Biblioteca x Framework Você Biblioteca Framework Usa Contém Diz como você usa
21. Principal biblioteca
22. Principais frameworks React vs. Angular
23. Onde estudar?
24. Como se manter atualizado? - Assine boas newsletters (CSS-Tricks, Tableless, BrazilJS) - Siga gente que você acha referência - Assine podcasts - Entre em grupos (Facebook e LinkedIn)
25. Mercado de trabalho Júnior, Pleno, Sênior Quanto cobrar? LinkedIn / Facebook / Github = Trabalho
26. Estudar sempre Não deixe que a faculdade atrapalhar seus estudos
27. Dúvidas?
28. Obrigado! https://speakerdeck.com/mateuspaulino
29. Referências https://redmonk.com/sogrady/2017/03/17/language-rankings-1-17/ https://www.tiobe.com/tiobe-index/ https://tableless.com.br/entendendo-quais-apis-realmente-fazem-parte-do-html5/ https://vmelorocha.wordpress.com/2011/03/19/bibliotecas-vs-frameworks/ https://www.w3schools.com/html/html5_intro.asp https://willianjusten.com.br/comecando-com-react/ Links úteis https://github.com/vhf/free-programming-books/blob/master/free-programming-books-pt_BR.md https://github.com/toddmotto/public-apis https://www.codecademy.com/pt-BR/learn/web https://github.com/frontendbr/ https://github.com/ericelliott/essential-javascript-links https://github.com/braziljs/eloquente-javascript https://github.com/oneuijs/You-Dont-Need-jQuery