Front-End: O que é e o que faz

transcript

Front-End

Thursday, August 22, 13

Eduardo RabeloFront-End Dev

@oieduardorabelo

O que é Front-End?

“É a etapa responsável por projetar e construir as interfaces que tem interação direta do usuário em um projeto web”

Front-End

Designerou

Faz tela bonitinha

Ferramentas Básicas

Editor de Texto: Sublime TextThursday, August 22, 13

Editor de Texto: Sublime Text + Plugin Package ControlThursday, August 22, 13

Editor de Texto: Sublime TextThursday, August 22, 13

Chrome DevToolsThursday, August 22, 13

Chrome DevTools SnippetsThursday, August 22, 13

Preocupações

http://gs.statcounter.comThursday, August 22, 13

Sucessão do Papa Bento XVI, 2013Thursday, August 22, 13

Tecnologias

HTML CSS JS

CAMADADE

CONTEÚDO

“MARKUP”

HTML CSS JS

CAMADADE

APRESENTAÇÃO

“STYLE”

CAMADADE

CONTEÚDO

“MARKUP”

HTML CSS JS

CAMADADE

APRESENTAÇÃO

“STYLE”

CAMADADE

CONTEÚDO

“MARKUP”

CAMADADE

COMPORTAMENTO

“BEHAVIOR”

Storage

Storage 3D

Storage 3DPerfor-mance

WebSockets

Semantics

WebSockets

SemanticsAudioand

WebSockets

SemanticsAudioand

FileAccess

HTML5: SemânticaThursday, August 22, 13

HTML JS

HTML ReferenceThursday, August 22, 13

CSS SelectorsThursday, August 22, 13

CSS ReferenceThursday, August 22, 13

Shay Howe & CommunityThursday, August 22, 13

http://2012.beercamp.com/Thursday, August 22, 13

Uma linguagem script com orientação a objetos baseada em protótipos, tipagem fraca e dinâmica e funções de primeira classe (pode ser construído em tempo de execução).

DOM ReferenceThursday, August 22, 13

obrigado!@oieduardorabelo

Front-End: O que é e o que faz

Technology