Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
Front-end: o que é, mercado e como começar
Search
Amanda Vilela
September 28, 2017
Programming
1
80
Front-end: o que é, mercado e como começar
Palestra apresentada na Jornada Acadêmica de Tecnologia no campus Sorocaba no dia 28/09/2017.
Amanda Vilela
September 28, 2017
Tweet
Share
More Decks by Amanda Vilela
See All by Amanda Vilela
Construindo sua primeira página web: Sua porta de entrada para uma carreira de front-end
amandavilela
1
63
Web Performance: Não deixe o usuário desistir do seu site
amandavilela
1
180
Como tornamos os sorteios da BrazilJS on the Road Sorocaba mais divertidos utilizando JS
amandavilela
0
54
Sobre Carreira e Comunidades
amandavilela
0
29
PWA beyond theory - How to create your progressive web app
amandavilela
0
50
Como melhorar seu trabalho remoto
amandavilela
1
47
Crie seu Próprio Plano de Carreira
amandavilela
0
49
Como otimizar a performance da sua aplicação JS
amandavilela
0
89
Você nem sempre precisa de um framework JS
amandavilela
0
71
Other Decks in Programming
See All in Programming
Beyond ORM
77web
5
670
Amazon S3 NYJavaSIG 2024-12-12
sullis
0
100
わたしの星のままで一番星になる ~ 出産を機にSIerからEC事業会社に転職した話 ~
kimura_m_29
0
180
創造的活動から切り拓く新たなキャリア 好きから始めてみる夜勤オペレーターからSREへの転身
yjszk
1
130
php-conference-japan-2024
tasuku43
0
280
【re:Growth 2024】 Aurora DSQL をちゃんと話します!
maroon1st
0
770
CQRS+ES の力を使って効果を感じる / Feel the effects of using the power of CQRS+ES
seike460
PRO
0
130
Semantic Kernelのネイティブプラグインで知識拡張をしてみる
tomokusaba
0
180
開発者とQAの越境で自動テストが増える開発プロセスを実現する
92thunder
1
180
menu基盤チームによるGoogle Cloudの活用事例~Application Integration, Cloud Tasks編~
yoshifumi_ishikura
0
110
ゆるやかにgolangci-lintのルールを強くする / Kyoto.go #56
utgwkk
2
380
採用事例の少ないSvelteを選んだ理由と それを正解にするためにやっていること
oekazuma
2
1k
Featured
See All Featured
Navigating Team Friction
lara
183
15k
Optimising Largest Contentful Paint
csswizardry
33
3k
How to Create Impact in a Changing Tech Landscape [PerfNow 2023]
tammyeverts
48
2.2k
How To Stay Up To Date on Web Technology
chriscoyier
789
250k
No one is an island. Learnings from fostering a developers community.
thoeni
19
3k
"I'm Feeling Lucky" - Building Great Search Experiences for Today's Users (#IAC19)
danielanewman
226
22k
Understanding Cognitive Biases in Performance Measurement
bluesmoon
26
1.5k
How STYLIGHT went responsive
nonsquared
95
5.2k
KATA
mclloyd
29
14k
The MySQL Ecosystem @ GitHub 2015
samlambert
250
12k
Designing on Purpose - Digital PM Summit 2013
jponch
116
7k
Building Flexible Design Systems
yeseniaperezcruz
327
38k
Transcript
Front-end: o que é, mercado e como começar Amanda Vilela
UNIP
Amanda Vilela
O que é front-end?
“O front-end é responsável por coletar a entrada do usuário
em várias formas e processá-la para adequá-la a uma especificação em que o back-end possa utilizar.” https://pt.wikipedia.org/wiki/Front-end_e_back-end
O que faz um desenvolvedor front-end?
projetar, construir e otimizar
sites e aplicações web
Como é a demanda do mercado?
None
None
Quero ser um desenvolvedor(a) front-end. Como faz?
None
HTML & CSS Conteúdo & estilização
Semântica Organizaçã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
None
Pré-processadores CSS
JS JavaScript não é Java :P
JavaScript Guide https://developer.mozilla.org/en-US/docs/Web/JavaScript/Guide
DOM A árvore de elementos do HTML.
Assíncrono
Não se esqueça de mostrar seu có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
None
Mantenha-se atualizado(a)
https://css-tricks.com https://www.smashingmagazine.com https://web-design-weekly.com
Comunidades <3
None
None
facebook.com/sorocabacss dá 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/
None
https://goo.gl/WxcNrQ
Obrigada :D amandavilela.com
https://www.codecademy.com/pt-BR/tracks/web https://www.codeschool.com/ http://pt-br.learnlayout.com/ https://try.github.io https://www.codecademy.com/pt-BR/tracks/javascript