Um front end entre nós

572 views

Published on

Minha primeira palestra sobre Front-end, apresentada na Universidade Estácio de Sá. Nela, eu tentei expôr o papel de um desenvolvedor Front-end na equipe de desenvolvimento, mas como só tive 10 minutos, o conteúdo é bem compacto.

Published in: Technology
1 Comment
1 Like
Statistics
Notes
No Downloads
Views
Total views
572
On SlideShare
0
From Embeds
0
Number of Embeds
23
Actions
Shares
0
Downloads
12
Comments
1
Likes
1
Embeds 0
No embeds

No notes for slide

Um front end entre nós

  1. 1. Um front-end entre nós Gabriel do Nascimento Barbier @bielnb codepen.io/bielnb
  2. 2. What the fuck?! O Antigamente era o “Garoto do HTML”,hoje, uma peça importante no projeto; O HTML, CSS, Javascript (com ou sem frameworks), Framework Back-end, Padrões de projeto, SEO, Acessibilidade, Versionamento...
  3. 3. HTML, CSS e Javascript O Estrutura básica; O HTML = Marcação, CSS = Estilização, Javascript = Efeitos (em condições normais de temperatura e pressão); O Frameworks: Twitter Bootstrap, Grid 960, jQuery, Prototype.
  4. 4. Framework back-end O Você não precisa programar, mas precisa entender como o framework (ou linguagem) funciona na camada do HTML.
  5. 5. Padrões de projeto O É importante saber como funciona a árvore de arquivos do projeto; O O mais comum é o MVC (Model-View- Controller).
  6. 6. SEO O Auxiliar o Analista de Marketing; O Escrever um código HTML semântico (usar as tags certas para as funções certas).
  7. 7. Acessibilidade O Fazer o site ser acessível para todos. Aqueles com deficiência menor ou maior; O Código semântico faz isso; O Responsive design.
  8. 8. Versionamento O Saber como são as regras do controle de versão do projeto, qual ferramenta é usada e como usar.
  9. 9. Codepen O “Portifolio open- source” que usa o login e regras do Github; O Suporta Pré- processadores CSS, Frameworks Javascript.
  10. 10. Ferramentas de trabalho O Gecko, Webkit e Internet Explorer; O Firebug e depurador do IE9; O IDEs gratuitas ou o mais perto disso (Sublime Text 2, Notepad++).
  11. 11. Profissionais de destaqueO Bernard de Luna - @bernarddeluna;O Diego Eis - @diegoeis;O Leonardo Balter - @leobalter;O Maurício Sammy - @maujor;O Zeno Rocha - @zenorocha.
  12. 12. Material de estudoO MDN - https://developer.mozilla.org/pt-PT/O MSDN - http:// msdn.microsoft.com/en-us/library/ie/ms531209%28v=vs.85%29.aspxO Codecademy - http://www.codecademy.com/O Site do grupo tableless - http://tableless.com.br/O Site do Maujor - http://www.maujor.com/O Blog do Bernard de Luna - http://bernarddeluna.com/category/blog-2/O Nettuts - http://net.tutsplus.com/
  13. 13. Obrigado!

×