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
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
210
Como tornamos os sorteios da BrazilJS on the Road Sorocaba mais divertidos utilizando JS
amandavilela
0
110
Sobre Carreira e Comunidades
amandavilela
0
78
PWA beyond theory - How to create your progressive web app
amandavilela
0
120
Crie seu Próprio Plano de Carreira
amandavilela
0
84
Como otimizar a performance da sua aplicação JS
amandavilela
0
130
Você nem sempre precisa de um framework JS
amandavilela
0
110
Que tal usar CSS em vez de JS?
amandavilela
1
130
Other Decks in Programming
See All in Programming
ソフトウェア設計に溶けるインフラ ― AWS CDK のインフラ認識論
konokenj
3
770
JAWS-UG横浜 #102 AWSサ終供養LT会 成仏できない AWS サービスたち 〜本日、三体供養します〜
maroon1st
0
340
PHP に部分適用が来るぞ!……ところで何それ?おいしいの? #phpcon / phpcon-2026
shogogg
0
600
Terraform標準の組織で AWS CDKをどう使うか
mu7889yoon
1
490
【やさしく解説 設計編・中級 #4】ルールの寿命と、システムの年輪
panda728
PRO
2
180
Apache Hive: そしてCloud Native Lakehouseへ
okumin
1
210
複数の Claude Code が"放置"されてしまう問題をCLI ダッシュボードを自作して解決した話
sumihiro3
1
670
言葉の格闘技のススメ~紙とペンと言葉から始める、キャリアの描き方~
progresscicada
2
140
【SRE NEXT 2026 Lunch Session】一人目専任SREの立ち上げを加速する ― AIと進めたオンボーディングで2分を0.04秒にした話
pkshadeck
PRO
0
3.6k
Laravelで学ぶ Webアプリケーションチューニング入門/web_application_tuning_101
hanhan1978
4
1.7k
為什麼你並不需要ViewModel / No, you don't need a ViewModel
lovee
1
480
PHP初心者セッション2026 〜生成AIでは見えない裏側を知る:今だからLAMPを通して仕組みを学ぶ〜
kashioka
0
870
Featured
See All Featured
How to train your dragon (web standard)
notwaldorf
97
6.7k
RailsConf & Balkan Ruby 2019: The Past, Present, and Future of Rails at GitHub
eileencodes
141
35k
What the history of the web can teach us about the future of AI
inesmontani
PRO
1
650
Why Your Marketing Sucks and What You Can Do About It - Sophie Logan
marketingsoph
0
360
Are puppies a ranking factor?
jonoalderson
1
3.8k
The MySQL Ecosystem @ GitHub 2015
samlambert
251
13k
Hiding What from Whom? A Critical Review of the History of Programming languages for Music
tomoyanonymous
3
1.1k
Digital Projects Gone Horribly Wrong (And the UX Pros Who Still Save the Day) - Dean Schuster
uxyall
1
2.3k
AI Search: Implications for SEO and How to Move Forward - #ShenzhenSEOConference
aleyda
1
1.3k
XXLCSS - How to scale CSS and keep your sanity
sugarenia
249
1.3M
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
kevinliebholz
37
6.5k
Google's AI Overviews - The New Search
badams
0
1.1k
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