um front end entre nós
Post on 29-Jun-2015
434 Views
Preview:
DESCRIPTION
TRANSCRIPT
Um front-end entre nós
Gabriel do Nascimento Barbier@bielnb
codepen.io/bielnb
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...
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.
Framework back-endO Você não precisa
programar, mas precisa entender como o framework (ou linguagem) funciona na camada do HTML.
Padrões de projetoO É importante
saber como funciona a árvore de arquivos do projeto;
O O mais comum é o MVC (Model-View-Controller).
SEOO Auxiliar o
Analista de Marketing;
O Escrever um código HTML semântico (usar as tags certas para as funções certas).
AcessibilidadeO 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.
VersionamentoO Saber como são
as regras do controle de versão do projeto, qual ferramenta é usada e como usar.
CodepenO “Portifolio open-
source” que usa o login e regras do Github;
O Suporta Pré-processadores CSS, Frameworks Javascript.
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++).
Profissionais de destaque
O Bernard de Luna - @bernarddeluna;O Diego Eis - @diegoeis;O Leonardo Balter - @leobalter;O Maurício Sammy - @maujor;O Zeno Rocha - @zenorocha.
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.aspx
O 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/
Obrigado!
top related