desenvolvimento web introdução client-sidedfop/arquivos/pacote web/0-introducao.pdf · html, css,...

Desenvolvimento Web client-side

IntroduçãoGuilherme Cavalcanti

@guiocavalcanti

QUEM SOMOS?

• Guilherme Cavalcanti

• GitHub

• Del.icio.us

• Twitter

• Juliana Lucenaa

• GitHub

• Twitter

QUEM SOMOS?

2010 @ Porto Digital2009 @

DO QUE SE TRATA O CURSO?

Desenvolvimento Web client-side de acordo com os padrões da W3C.

COMO FUNCIONA A WEB?

EM RESUMO

CAMADAS CLIENT-SIDE

Comportamento

Informação

Formatação

JavaScript

HTML

CSS

O CURSO

• Não é:

• Curso de WebDesign

• Referência de linguagem

• Completo

O CURSO

• Introdução

• Módulo HTML (primeira semana)

• Módulo CSS (primeira e segunda semana)

• Módulo JavaScript (segunda semana)

• Módulo de jQuery (segunda semana)

METODOLOGIA

1. Contexto e retrospectiva da aula anterior

2. Hands on

1. Todos juntos

2. Mini-projeto

3. Revisão e retrospectiva

4. (opcional) exercícios e leitura

FERRAMENTAS

• Premissas

• Escrever o código

• Imitar o usuário final

• Baybe steps

FERRAMENTAS

• Windows

• Sublime Text

• Notepad++

• EditPlus

• Linux

• GEdit

• Sublime Text

• gVim

• Mac OSX

• mVim

• Sublime Text

• TextMate

Google Chrome

WINDOWS

Sublime portátil

UBUNTUGEdit

COMUNICAÇÃO

Redu

COMUNICAÇÃO

• Google Groups

• GitHub

Notificações de novos materiais

Código das aulas