Desenvolvimento web I - Introdução

Desenvolvimento web I
(X)HTML, CSS

CURSO DE EXTENSÃO 2012
IST-PETRÓPOLIS
L U I Z PA U L O - L P PJ U N I O R @ G M A I L . C O M

Perfil LP
 Luiz Paulo
 Estudante do IST-Petrópolis
 Atualmente na Automatos
 Desenvolvedor web
 Projetos
 lppjunior.com

 Currículo resumido
 Webstandard
 JAVA, PHP, IOS
 Banco de Dados

 Contato
 lppjunior@gmail.com
 linkedin.com/in/lppjunior

Ist-Petrópolis - RJ [ Desenvolvimento web ] Luiz Paulo [ lppjunior@gmail.com ]

Perfil Equipe
 Quem és?
 Perfil profissional

 O que pretende para o futuro?

 Por que quero fazer esse curso?


Projeção inicial do curso
 Desenvolvimento web I
 Introdução

 XHTML

 CSS

 Desenvolvimento web II
 Javascript

 jSon

 jQuery

 Ajax

 Desenvolvimento web III
 PHP

 MySQL


Desenvolvimento web I
 Sobre o curso
 Período / Horários

 Motivação

 Metodologia

 Objetivo

 Ementa
 Introdução

 XHTML

 CSS


Projeção para o curso

1 aulas 3 aulas
Introdução XHTML

3 aulas 3 aulas
CSS ?


Índice
 O mercado de desenvolvimento
 Web... How to work?

 Livros e referências

 Histórico e evolução da internet, browsers e tecnologias

 Os sites tecnicamente

 Web1.0 x Web2.0

 Usabilidade

 Acessibilidade


Características do mercado


Um profissional formado?


Proatividade


Disposição para aprender


Os perfis mais desejados


Capacitação e experiência


Como se capacitar?
 Adquira experiência
 Palestras e cursos
 Livros, revistas, feeds
 Estágios
 Dominar inglês

 Networking
 Fale com pessoas
 Seja segurança
 Participe

 Sites
 linkedin.com
 riojobs.com.br
 e-panelinha.com.br


Áreas de atuação
 Gerenciar Projetos
 Analista Requisitos
 Desenvolvimento
 DBA
 Designer
 Tester / QA
 Estagiário


Júnior x Pleno x Senior


Empresas
 Produção
 Software house

 Agencia de publicidade

 Software proprietário

 Game house

 Serviço
 Test house

 Marketing

 Mídias Sociais


Realidade nas empresas


Média Salarial


Tendências do mercado


Agora, chega de bla bla bla
Vamos ao que interessa!

UHULLLLLLLLL
O/

Só que ainda só na teoria
Mhuuu há há há

AHHHHHHHHH
:(

O que é importante dominar?

 Webstandard  Ao menos 1 Linguagem
 HTML5  PHP, JAVA, Python, Ruby, C++, C#
 CSS3  Object Orientation
 Javascript  Design Pattern
 Ajax  SQL
 jQuery  Mysql, SQLServer, Oracle, DB2, Postgres
 JSON
 Apache
 SEO  htaccess
 webdesign


Só para aproveitar o assunto...

QUAL É A DIFERENÇA ENTRE UMA LINGUAGEM DE
P R O G R A M A Ç Ã O C O M P I L A D A E I N T E R P R E TA D A ?

Web... Como funciona?


How to work the browser?


Motor de renderização


Servidor


Livros e Referências
 Livros  E-Books
 http://maujor.com/livro/liv  http://diveintohtml5.info/
ros.html  http://pt.scribd.com/doc/91
 http://tableless.com.br/livr 766737/HTML5-e-CSS3
os-recomendados/  Sites
 Referências rápidas  lppjunior.com
 Guia de consulta rápida  w3c.org
 Cheat Sheets  tableless.com.br
 w3scools.com
 csszengarden.com


Pequeno histórico


Referências interessantes

A evolução da web: http://evolutionofweb.appspot.com/

Histórico e evolução - Browsers
 Browsers
 1990 - WordWideWeb / nexus

 1993 - Lynx

 1993 - Mosaico

 1994 - Netscape

 1994 - Opera

 1995 - Internet Explorer

 2002 - Safari

 2004 - FireFox

 2008 – Chrome

 Referência
 A guerra dos browsers: http://youtu.be/DeEafmwRk6A/


Usabilidade

“ É U M T E R M O U S A D O PA R A D E F I N I R A F A C I L I D A D E C O M
Q U E A S P E S S O A S P O D E M E M P R E G A R U M A F E R R A M E N TA
O U O B J E T O A F I M D E R E A L I Z A R U M A TA R E F A
E S P E C Í F I C A E I M P O R TA N T E .”

Usabilidade - exemplo


Usabilidade – heart map


Acessibilidade

“SIGNIFICA NÃO APENAS PERMITIR QUE PESSOAS COM
D E F I C I Ê N C I A S O U M O B I L I D A D E R E D U Z I D A PA R T I C I P E M
D E AT I V I D A D E S Q U E I N C L U E M O U S O D E P R O D U T O S ,
SERVIÇOS E INFORMAÇÃO, MAS A INCLUSÃO E
E X T E N S Ã O D O U S O D E S T E S P O R T O D A S A S PA R C E L A S
P R E S E N T E S E M U M A D E T E R M I N A D A P O P U L A Ç Ã O .”

Acessibilidade – O grande vilão


Acessibilidade

http://www.youtube.com/watch?v=hFI4CuxQjSA

Dúvidas?

L U I Z PA U L O
L P PJ U N I O R . C O M
L P PJ U N I O R @ G M A I L . C O M

Desenvolvimento web I - Introdução

Mais conteúdo relacionado

Destaque

Semelhante a Desenvolvimento web I - Introdução

Desenvolvimento web I - Introdução