WEB DESIGNER x WEB MASTER
1 + 1 = O que é desenvolvedor
Front end?
O que o desenvolvedor front-end
tem que saber?
Acessibilidade
Acessibilidade não é altruísmo. Você não faz um site acessível por que você
está com pena de alguém cego ou...
SEO
Não adianta ter boa performance, ter boa acessibilidade,
Se ninguém lhe acha na internet.
Um pouco de Interação
Saiba usar javascript, um pouco de interação nunca é demais.
Além disso, num custa nada fazer alguns...
PSD para HTML
O front-end nasceu para passar PSD para html. Com o tempo isso mudou.
afinal, quem é o bam bam quando se tra...
Performance
80% da performance de um website está do lado do client-side.
Client-side também é responsável por 90% da perf...
Responsividade
Não importa como, mas seu site tem que rodar no celular, no navegador A,B,C
na televisão...ou qualquer meio...
Entendendo o Fluxo
O fluxo de trabalho quando se pensa em site ou projetos pequenos, logo é feito
de forma linear.
O probl...
Wireframe
+

Design
+

Front-End
+

Back-End
Wireframe
||

Design + Front-End + Back-End
E quais ferramentas o front-end usa?
Saiba banco de dados e alguma
Linguagem de Programação
Saiba alguma metodologia de desenvolvimento
Ágil
INVISTA NO INGLÊS
Onde estudar?
Veja uma lista de referências para estudos...
Guia de estudos!
LIVROS:
MAUJOR
O Senhor Mauricio Maujor Samy Silva é uma lenda do CSS e HTML
O'Reilly
Editora dos melhore...
Guia de estudos!
Organizações:
Mozilla Developer Network - MDN
A galera da MDN é didatica e “mó limpeza”. Vale a pena ir l...
Guia de estudos!
Bíblia:
Stack Overflow
Também conhecido como a bíblia do desenvolvedor.
Trata-se de um site de Q&A (pergu...
Guia de estudos!
Cursos:
iWTraining
Uma das poucas escolas de fortaleza que ensinam front-end. Um curso
que pra quem é ini...
Guia de estudos!
Cursos Online:
Code Academy
Code School
Dash
Code Squad *BR
Codetag
Guia de estudos!
Portais/blogs nacionais:
Tableless
iMasters
Loop Infinito
Front End Brasil
Front End para leigos
Pincelad...
Guia de estudos!
Portais/blogs Gringos:
Smashing Magazine
CSS Tricks
DailyJS
HTML5 ROCKS
Codrops
Guia de estudos!
Grupos no Facebook:
Desenvolvimento Web
Web Design Brasil
FrontEnd Brasil
Onde trabalhar?
https://github.com/globocom/iwanttoworkatglobocom
“Espero que vocês não sejam medrosos e abusem da
Plataforma Aberta da Web. Só assim a tecnologia vai
avançar e atingir a t...
Referências:
Diego Eis (Locaweb) - http://tableless.com.br/
Daniel Filho (BrasilJS / Netshoes) - http://zofe.com.br/
Zeno ...
Front end: Usuário em Primeiro Lugar!
Front end: Usuário em Primeiro Lugar!
Front end: Usuário em Primeiro Lugar!
Front end: Usuário em Primeiro Lugar!
Front end: Usuário em Primeiro Lugar!
Front end: Usuário em Primeiro Lugar!
Front end: Usuário em Primeiro Lugar!
Front end: Usuário em Primeiro Lugar!
Front end: Usuário em Primeiro Lugar!
Front end: Usuário em Primeiro Lugar!
Front end: Usuário em Primeiro Lugar!
Front end: Usuário em Primeiro Lugar!
Front end: Usuário em Primeiro Lugar!
Front end: Usuário em Primeiro Lugar!
Front end: Usuário em Primeiro Lugar!
Front end: Usuário em Primeiro Lugar!
Front end: Usuário em Primeiro Lugar!
Front end: Usuário em Primeiro Lugar!
Próximos SlideShares
Carregando em…5
×

Front end: Usuário em Primeiro Lugar!

451 visualizações

Publicada em

0 comentários
2 gostaram
Estatísticas
Notas
  • Seja o primeiro a comentar

Sem downloads
Visualizações
Visualizações totais
451
No SlideShare
0
A partir de incorporações
0
Número de incorporações
1
Ações
Compartilhamentos
0
Downloads
5
Comentários
0
Gostaram
2
Incorporações 0
Nenhuma incorporação

Nenhuma nota no slide

Front end: Usuário em Primeiro Lugar!

  1. 1. WEB DESIGNER x WEB MASTER
  2. 2. 1 + 1 = O que é desenvolvedor Front end?
  3. 3. O que o desenvolvedor front-end tem que saber?
  4. 4. Acessibilidade Acessibilidade não é altruísmo. Você não faz um site acessível por que você está com pena de alguém cego ou por que não tem os dois braços.
  5. 5. SEO Não adianta ter boa performance, ter boa acessibilidade, Se ninguém lhe acha na internet.
  6. 6. Um pouco de Interação Saiba usar javascript, um pouco de interação nunca é demais. Além disso, num custa nada fazer alguns tratamentos no próprio navegador!
  7. 7. PSD para HTML O front-end nasceu para passar PSD para html. Com o tempo isso mudou. afinal, quem é o bam bam quando se trata em carregamento de informação? p HTML.
  8. 8. Performance 80% da performance de um website está do lado do client-side. Client-side também é responsável por 90% da performance de um site mobile.
  9. 9. Responsividade Não importa como, mas seu site tem que rodar no celular, no navegador A,B,C na televisão...ou qualquer meio de acesso. Afinal o cliente é que é importante.
  10. 10. Entendendo o Fluxo O fluxo de trabalho quando se pensa em site ou projetos pequenos, logo é feito de forma linear. O problema é que com a adoção dos padrões web. Isso mudou e ficou paralelo!
  11. 11. Wireframe + Design + Front-End + Back-End
  12. 12. Wireframe || Design + Front-End + Back-End
  13. 13. E quais ferramentas o front-end usa?
  14. 14. Saiba banco de dados e alguma Linguagem de Programação
  15. 15. Saiba alguma metodologia de desenvolvimento Ágil
  16. 16. INVISTA NO INGLÊS
  17. 17. Onde estudar? Veja uma lista de referências para estudos...
  18. 18. Guia de estudos! LIVROS: MAUJOR O Senhor Mauricio Maujor Samy Silva é uma lenda do CSS e HTML O'Reilly Editora dos melhores livros sobre o assunto. Os livros são inglês, mas Já temos titulos em português.
  19. 19. Guia de estudos! Organizações: Mozilla Developer Network - MDN A galera da MDN é didatica e “mó limpeza”. Vale a pena ir lá! W3Fools Vai de encontro a w3schools é em inglês, mas da pra entender! W3C a W3C obviamente é uma fonte totalmente segura de conhecimento já que ela regula os padrões web.
  20. 20. Guia de estudos! Bíblia: Stack Overflow Também conhecido como a bíblia do desenvolvedor. Trata-se de um site de Q&A (perguntas e respostas) com uma comunidade muito ativa.
  21. 21. Guia de estudos! Cursos: iWTraining Uma das poucas escolas de fortaleza que ensinam front-end. Um curso que pra quem é iniciante cai super bem! Caelum Dispensa comentários, sempre tem turmas aqui em fortaleza.
  22. 22. Guia de estudos! Cursos Online: Code Academy Code School Dash Code Squad *BR Codetag
  23. 23. Guia de estudos! Portais/blogs nacionais: Tableless iMasters Loop Infinito Front End Brasil Front End para leigos Pinceladas da Web
  24. 24. Guia de estudos! Portais/blogs Gringos: Smashing Magazine CSS Tricks DailyJS HTML5 ROCKS Codrops
  25. 25. Guia de estudos! Grupos no Facebook: Desenvolvimento Web Web Design Brasil FrontEnd Brasil
  26. 26. Onde trabalhar?
  27. 27. https://github.com/globocom/iwanttoworkatglobocom
  28. 28. “Espero que vocês não sejam medrosos e abusem da Plataforma Aberta da Web. Só assim a tecnologia vai avançar e atingir a todos igualmente e democraticamente. Plante a coragem de ter coragem e não o medo que torna as pessoas reféns.” Clécio Bachini / IMASTER
  29. 29. Referências: Diego Eis (Locaweb) - http://tableless.com.br/ Daniel Filho (BrasilJS / Netshoes) - http://zofe.com.br/ Zeno Rocha (BrasilJS / Zofe) - http://zenorocha.com/ Bernard de Luna (COW / BrasilJS ) - http://bernarddeluna.com/ Livros: HTML5 e CSS3: Domine a web do futuro futuro. Lucas Mazza (Casa do Codigo) HTML5: A linguagem de marcação que revolucionou a web. Maujor (Maurício Samy Silva) (http://www.maujor.com/) CSS3 - Desenvolva aplicações web profissionais com o uso dos poderosos recursos de estilização das CSS3. CSS3 Maujor (Maurício Samy Silva) (http://www.maujor.com/)

×