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
89
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
85
Web Performance: Não deixe o usuário desistir do seu site
amandavilela
1
190
Como tornamos os sorteios da BrazilJS on the Road Sorocaba mais divertidos utilizando JS
amandavilela
0
62
Sobre Carreira e Comunidades
amandavilela
0
36
PWA beyond theory - How to create your progressive web app
amandavilela
0
62
Crie seu Próprio Plano de Carreira
amandavilela
0
57
Como otimizar a performance da sua aplicação JS
amandavilela
0
100
Você nem sempre precisa de um framework JS
amandavilela
0
79
Que tal usar CSS em vez de JS?
amandavilela
1
110
Other Decks in Programming
See All in Programming
Zendeskのチケットを Amazon Bedrockで 解析した
ryokosuge
3
230
RDoc meets YARD
okuramasafumi
4
160
私の後悔をAWS DMSで解決した話
hiramax
4
180
CloudflareのChat Agent Starter Kitで簡単!AIチャットボット構築
syumai
1
230
KessokuでDIでもgoroutineを活用する / Go Connect #6
mazrean
0
130
開発チーム・開発組織の設計改善スキルの向上
masuda220
PRO
17
9.5k
Google I/O recap web編 大分Web祭り2025
kponda
0
2.9k
[FEConf 2025] 모노레포 절망편, 14개 레포로 부활하기까지 걸린 1년
mmmaxkim
0
1.4k
TanStack DB ~状態管理の新しい考え方~
bmthd
2
370
サーバーサイドのビルド時間87倍高速化
plaidtech
PRO
0
680
🔨 小さなビルドシステムを作る
momeemt
2
630
go test -json そして testing.T.Attr / Kyoto.go #63
utgwkk
1
190
Featured
See All Featured
Writing Fast Ruby
sferik
628
62k
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
kevinliebholz
34
6k
What’s in a name? Adding method to the madness
productmarketing
PRO
23
3.6k
Refactoring Trust on Your Teams (GOTO; Chicago 2020)
rmw
34
3.1k
Dealing with People You Can't Stand - Big Design 2015
cassininazir
367
27k
Documentation Writing (for coders)
carmenintech
73
5k
RailsConf 2023
tenderlove
30
1.2k
Practical Tips for Bootstrapping Information Extraction Pipelines
honnibal
PRO
23
1.4k
How to train your dragon (web standard)
notwaldorf
96
6.2k
A Modern Web Designer's Workflow
chriscoyier
696
190k
Bash Introduction
62gerente
614
210k
Six Lessons from altMBA
skipperchong
28
4k
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