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
Sponsored
·
SiteGround - Reliable hosting with speed, security, and support you can count on.
→
Amanda Vilela
September 28, 2017
Programming
110
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
120
Web Performance: Não deixe o usuário desistir do seu site
amandavilela
1
210
Como tornamos os sorteios da BrazilJS on the Road Sorocaba mais divertidos utilizando JS
amandavilela
0
97
Sobre Carreira e Comunidades
amandavilela
0
70
PWA beyond theory - How to create your progressive web app
amandavilela
0
110
Crie seu Próprio Plano de Carreira
amandavilela
0
76
Como otimizar a performance da sua aplicação JS
amandavilela
0
120
Você nem sempre precisa de um framework JS
amandavilela
0
100
Que tal usar CSS em vez de JS?
amandavilela
1
130
Other Decks in Programming
See All in Programming
[2026年度第1回ORセミナー] 計画最適化ベンチャーと競技プログラミング人材
terryu16
0
270
AIで効率化できた業務・日常
ochtum
0
140
Spring Security 実践 ─ GraphQL APIで実務に役立つ 認証・認可 を学ぶ
wagyu
0
240
Hunting Vulnerabilities in Symfony with LLMs
vinceamstoutz
0
550
Javaの型とAI時代に型が大事な理由 / java types and type in AI era
kishida
2
140
さぁV100、メモリをお食べ・・・
nilpe
0
140
Snowflake Summitでの新機能 CoCo / CoWork / snowflake-summit-2026-overall-what-new-coco
tatsuhiro
1
140
そのテスト、説明できますか?~LWテスト戦略FW~のご紹介
nakahara
0
140
ユニットテストの先へ:テスト技法で要求・仕様を整理するJava開発実践 / Beyond_Unit_Testing_Practical_Java_Development_Techniques_for_Organizing_Requirements_and_Specifications
shimashima35
0
410
Vite+ Unified Toolchain for the Web
naokihaba
0
310
並列実装の現場、2ヶ月間実務でAIを使い倒したAIもPCも私も限界が近い
ming_ayami
0
130
その問い、本当に正しいですか?AI時代のエンジニアに必要な哲学と認知科学 / ai-philosophy-cognitive-science
minodriven
11
5.6k
Featured
See All Featured
Designing Experiences People Love
moore
143
24k
Designing for humans not robots
tammielis
254
26k
Bridging the Design Gap: How Collaborative Modelling removes blockers to flow between stakeholders and teams @FastFlow conf
baasie
0
590
Jamie Indigo - Trashchat’s Guide to Black Boxes: Technical SEO Tactics for LLMs
techseoconnect
PRO
0
170
New Earth Scene 8
popppiees
3
2.3k
How To Stay Up To Date on Web Technology
chriscoyier
790
250k
HTML-Aware ERB: The Path to Reactive Rendering @ RubyCon 2026, Rimini, Italy
marcoroth
1
200
Bioeconomy Workshop: Dr. Julius Ecuru, Opportunities for a Bioeconomy in West Africa
akademiya2063
PRO
1
140
Un-Boring Meetings
codingconduct
0
320
Google's AI Overviews - The New Search
badams
0
1k
Prompt Engineering for Job Search
mfonobong
0
350
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
mongodb
49
10k
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