Front end: Usuário em Primeiro Lugar!

470 visualizações

Publicada em

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

Sem downloads
Visualizações
Visualizações totais
470
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/)

×