Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Speaker Deck
PRO
Sign in
Sign up for free
Front-end: o que é, mercado e como começar
Amanda Vilela
September 28, 2017
Programming
1
38
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
Web Performance: Não deixe o usuário desistir do seu site
amandavilela
1
170
Como tornamos os sorteios da BrazilJS on the Road Sorocaba mais divertidos utilizando JS
amandavilela
0
41
Sobre Carreira e Comunidades
amandavilela
0
17
PWA beyond theory - How to create your progressive web app
amandavilela
0
30
Como melhorar seu trabalho remoto
amandavilela
0
37
Crie seu Próprio Plano de Carreira
amandavilela
0
35
Como otimizar a performance da sua aplicação JS
amandavilela
0
78
Você nem sempre precisa de um framework JS
amandavilela
0
36
Que tal usar CSS em vez de JS?
amandavilela
1
39
Other Decks in Programming
See All in Programming
VisualProgramming_GoogleHome_LINE
nearmugi
1
240
GoogleI/O2022 LT報告会資料
shinsukefujita1126
0
410
クックパッドマートの失敗したデータ設計 Before / After 大放出
mokuzon
0
180
Angular‘s Future without NgModules: Architectures with Standalone Components @enterJS
manfredsteyer
PRO
0
250
即、New Relic / New Relic NOW!
uzulla
0
340
Independently together: better developer experience & App performance
bcinarli
0
190
Deep Dive Into Google Zanzibar and its Concepts for Authorization Scenarios
dschenkelman
1
150
BASE BANKチームの技術選定と歴史 / how to decide technology selection for startup
budougumi0617
0
1.5k
データ分析やAIの "運用" について考える
mmorito
0
150
設計の学び方:自分流のススメ
masuda220
PRO
10
7.5k
Reactは何を提供するLibraryなのか?
taro28
5
660
engineer
spacemarket
0
5k
Featured
See All Featured
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
marktimemedia
15
950
Testing 201, or: Great Expectations
jmmastey
21
5.4k
Large-scale JavaScript Application Architecture
addyosmani
499
110k
Faster Mobile Websites
deanohume
294
28k
The Invisible Customer
myddelton
110
11k
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
marcduiker
5
520
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
smashingmag
237
19k
Reflections from 52 weeks, 52 projects
jeffersonlam
337
17k
We Have a Design System, Now What?
morganepeng
35
3k
Unsuck your backbone
ammeep
659
55k
BBQ
matthewcrist
74
7.9k
Fontdeck: Realign not Redesign
paulrobertlloyd
73
4.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