Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Sign up for free
Menu
Search
Features
All features
Private URLs
Password Protection
Custom URLS
Scheduled publishing
Remove Branding
Restrict embedding
Deck Collections
Notes
Features
All features
Private URLs
Password Protection
Custom URLS
Scheduled publishing
Remove Branding
Restrict embedding
Deck Collections
Notes
Explore
Featured decks
Featured speakers
Programming
Technology
Storyboards
Explore
Featured decks
Featured speakers
Programming
Technology
Storyboards
Pricing
Search
Sign in
Sign up for free
Front-end: o que é, mercado e como começar
Search
Amanda Vilela
September 28, 2017
Programming
120
1
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
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
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
130
Web Performance: Não deixe o usuário desistir do seu site
amandavilela
1
220
Como tornamos os sorteios da BrazilJS on the Road Sorocaba mais divertidos utilizando JS
amandavilela
0
110
Sobre Carreira e Comunidades
amandavilela
0
81
PWA beyond theory - How to create your progressive web app
amandavilela
0
120
Crie seu Próprio Plano de Carreira
amandavilela
0
86
Como otimizar a performance da sua aplicação JS
amandavilela
0
130
Você nem sempre precisa de um framework JS
amandavilela
0
120
Que tal usar CSS em vez de JS?
amandavilela
1
140
Other Decks in Programming
See All in Programming
Next.js: The final boss of Web Performance
guaca
0
370
Coding with AI: How to trust the storyteller (AWS Community Day Adria, Ljubljana 2026)
slobodan
0
130
エージェントを使い続けるためのメタワーク / Meta-work for keeping using the agent
rkaga
6
2k
우리의 Nitro Modules는 당신의 Turbo Modules보다 아름답다
l2hyunwoo
0
240
contenteditable と日本語入力に向き合う
colorful12
0
230
PyConTW 2026 - AI Coding 不只是工具升級, 區域醫院醫療資訊系統協作開發與資訊團隊轉型實踐
cclai999
0
210
SFCで実現する病院・医療システムの動的組み立て式UI
koukimiura
1
140
Spec-Driven Development - Why Vaadin Is the Perfect Fit
simas
PRO
0
190
Modernizing iOS Apps
seyfoyun
0
140
Long Living Tokens, Die, Die, Die! (or: The One Ring is Banned in Modern)
sylph01
0
390
dotNET_vulnclicker_intro.pdf
deka_morita
0
160
私なりのハーネスエンジニアリング ~独自の言語処理系の開発を通して~
seosoft
0
150
Featured
See All Featured
How to optimise 3,500 product descriptions for ecommerce in one day using ChatGPT
katarinadahlin
PRO
3
3.9k
Build The Right Thing And Hit Your Dates
maggiecrowley
39
3.5k
Organizational Design Perspectives: An Ontology of Organizational Design Elements
kimpetersen
PRO
1
870
Exploring anti-patterns in Rails
aemeredith
4
550
The Art of Delivering Value - GDevCon NA Keynote
reverentgeek
16
2.2k
Designing Powerful Visuals for Engaging Learning
tmiket
1
620
Utilizing Notion as your number one productivity tool
mfonobong
4
630
Reality Check: Gamification 10 Years Later
codingconduct
0
2.4k
brightonSEO & MeasureFest 2025 - Winning Strategies for Black Friday CRO & PPC - Christian Goodrich
cargoodrich
3
880
The Psychology of Web Performance [Beyond Tellerrand 2023]
tammyeverts
49
3.6k
Tell your own story through comics
letsgokoyo
1
1.1k
Sam Torres - BigQuery for SEOs
techseoconnect
PRO
0
590
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