Palestra apresentada na Jornada Acadêmica de Tecnologia no campus Sorocaba no dia 28/09/2017.
Front-end: o que é, mercado ecomo começarAmanda VilelaUNIP
View Slide
Amanda Vilela
O que é front-end?
“O front-end é responsável por coletar a entradado usuário em várias formas e processá-la paraadequá-la a uma especificação em que o back-endpossa utilizar.”https://pt.wikipedia.org/wiki/Front-end_e_back-end
O que faz um desenvolvedorfront-end?
projetar, construir e otimizar
sites e aplicações web
Como é a demanda do mercado?
Quero ser um desenvolvedor(a)front-end.Como faz?
HTML & CSSConteúdo & estilização
SemânticaOrganização e Significado
Convenções de nomenclatura CSS
Grid Systems e Responsividade
Faça sua própria página ;)
Mostre seu código para o mundo
Github Pages
Crie uma conta no CodePen
Pratique ;D
Pré-processadores CSS
JSJavaScript não é Java :P
JavaScript Guidehttps://developer.mozilla.org/en-US/docs/Web/JavaScript/Guide
DOMA árvore de elementos do HTML.
Assíncrono
Não se esqueça de mostrar seucódigo para o mundo ;)
Design Patterns
Algum framework JS
Architectural Patterns
automatizar tarefas (gulp/grunt)
noções de UX/UI
algum software de edição de imagem
inglês
Mantenha-se atualizado(a)
https://css-tricks.comhttps://www.smashingmagazine.comhttps://web-design-weekly.com
Comunidades <3
facebook.com/sorocabacssdá um like ai ;)
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
https://www.meetup.com/
https://goo.gl/WxcNrQ
Obrigada :Damandavilela.com
https://www.codecademy.com/pt-BR/tracks/webhttps://www.codeschool.com/http://pt-br.learnlayout.com/https://try.github.iohttps://www.codecademy.com/pt-BR/tracks/javascript