SlideShare ist ein Scribd-Unternehmen logo
1 von 51
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?




Ist-Petrópolis - RJ [ Desenvolvimento web ]   Luiz Paulo [ lppjunior@gmail.com ]
Projeção inicial do curso
 Desenvolvimento web I
   Introdução

   XHTML

   CSS

 Desenvolvimento web II
   Javascript

   jSon

   jQuery

   Ajax

 Desenvolvimento web III
   PHP

   MySQL


Ist-Petrópolis - RJ [ Desenvolvimento web ]   Luiz Paulo [ lppjunior@gmail.com ]
Desenvolvimento web I
 Sobre o curso
   Período / Horários

   Motivação

   Metodologia

   Objetivo



 Ementa
   Introdução

   XHTML

   CSS




Ist-Petrópolis - RJ [ Desenvolvimento web ]   Luiz Paulo [ lppjunior@gmail.com ]
Projeção para o curso

     1 aulas                                  3 aulas
   Introdução                                 XHTML

          3 aulas                              3 aulas
           CSS                                    ?

Ist-Petrópolis - RJ [ Desenvolvimento web ]   Luiz Paulo [ lppjunior@gmail.com ]
Í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




Ist-Petrópolis - RJ [ Desenvolvimento web ]   Luiz Paulo [ lppjunior@gmail.com ]
Características do mercado




Ist-Petrópolis - RJ [ Desenvolvimento web ]   Luiz Paulo [ lppjunior@gmail.com ]
O que o mercado precisa?
Um profissional formado?




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




Ist-Petrópolis - RJ [ Desenvolvimento web ]   Luiz Paulo [ lppjunior@gmail.com ]
Disposição para aprender




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




Ist-Petrópolis - RJ [ Desenvolvimento web ]   Luiz Paulo [ lppjunior@gmail.com ]
Capacitação e experiência




Ist-Petrópolis - RJ [ Desenvolvimento web ]   Luiz Paulo [ lppjunior@gmail.com ]
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


Ist-Petrópolis - RJ [ Desenvolvimento web ]   Luiz Paulo [ lppjunior@gmail.com ]
Áreas de atuação
 Gerenciar Projetos
 Analista Requisitos
 Desenvolvimento
 DBA
 Designer
 Tester / QA
 Estagiário




Ist-Petrópolis - RJ [ Desenvolvimento web ]   Luiz Paulo [ lppjunior@gmail.com ]
Júnior x Pleno x Senior




Ist-Petrópolis - RJ [ Desenvolvimento web ]   Luiz Paulo [ lppjunior@gmail.com ]
Empresas
 Produção
   Software house

   Agencia de publicidade

   Software proprietário

   Game house



 Serviço
   Test house

   Marketing

   Mídias Sociais




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




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




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




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




Ist-Petrópolis - RJ [ Desenvolvimento web ]   Luiz Paulo [ lppjunior@gmail.com ]
Tendências do mercado




Ist-Petrópolis - RJ [ Desenvolvimento web ]   Luiz Paulo [ lppjunior@gmail.com ]
Tendências do mercado




Ist-Petrópolis - RJ [ Desenvolvimento web ]   Luiz Paulo [ lppjunior@gmail.com ]
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




Ist-Petrópolis - RJ [ Desenvolvimento web ]         Luiz Paulo [ lppjunior@gmail.com ]
Ist-Petrópolis - RJ [ Desenvolvimento web ]   Luiz Paulo [ lppjunior@gmail.com ]
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?




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




Ist-Petrópolis - RJ [ Desenvolvimento web ]   Luiz Paulo [ lppjunior@gmail.com ]
How to work the browser?




Ist-Petrópolis - RJ [ Desenvolvimento web ]   Luiz Paulo [ lppjunior@gmail.com ]
Motor de renderização




Ist-Petrópolis - RJ [ Desenvolvimento web ]   Luiz Paulo [ lppjunior@gmail.com ]
Motor de renderização




Ist-Petrópolis - RJ [ Desenvolvimento web ]   Luiz Paulo [ lppjunior@gmail.com ]
Motor de renderização




Ist-Petrópolis - RJ [ Desenvolvimento web ]   Luiz Paulo [ lppjunior@gmail.com ]
Motor de renderização




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




Ist-Petrópolis - RJ [ Desenvolvimento web ]   Luiz Paulo [ lppjunior@gmail.com ]
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




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




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




A evolução da web: http://evolutionofweb.appspot.com/
Ist-Petrópolis - RJ [ Desenvolvimento web ]   Luiz Paulo [ lppjunior@gmail.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/


Ist-Petrópolis - RJ [ Desenvolvimento web ]   Luiz Paulo [ lppjunior@gmail.com ]
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




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




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




Ist-Petrópolis - RJ [ Desenvolvimento web ]   Luiz Paulo [ lppjunior@gmail.com ]
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




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




        http://www.youtube.com/watch?v=hFI4CuxQjSA
Ist-Petrópolis - RJ [ Desenvolvimento web ]   Luiz Paulo [ lppjunior@gmail.com ]
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

Weitere ähnliche Inhalte

Andere mochten auch

Portal Padrão do Governo Federal em CMS Joomla
Portal Padrão do Governo Federal em CMS JoomlaPortal Padrão do Governo Federal em CMS Joomla
Portal Padrão do Governo Federal em CMS Joomlarafaelberlanda
 
Joomla, o que é? Para que serve?
Joomla, o que é? Para que serve?Joomla, o que é? Para que serve?
Joomla, o que é? Para que serve?Bull Marketing
 
Criação de Sites - David Arty - SENAC
Criação de Sites - David Arty - SENACCriação de Sites - David Arty - SENAC
Criação de Sites - David Arty - SENACDavid Arty
 
Desenvolvimento web - conceitos, tecnologia e tendências.
Desenvolvimento web - conceitos, tecnologia e tendências.Desenvolvimento web - conceitos, tecnologia e tendências.
Desenvolvimento web - conceitos, tecnologia e tendências.Valmir Justo
 
DOMinando JavaScript
DOMinando JavaScriptDOMinando JavaScript
DOMinando JavaScriptThiago Poiani
 

Andere mochten auch (7)

Portal Padrão do Governo Federal em CMS Joomla
Portal Padrão do Governo Federal em CMS JoomlaPortal Padrão do Governo Federal em CMS Joomla
Portal Padrão do Governo Federal em CMS Joomla
 
Joomla, o que é? Para que serve?
Joomla, o que é? Para que serve?Joomla, o que é? Para que serve?
Joomla, o que é? Para que serve?
 
Criação de Sites - David Arty - SENAC
Criação de Sites - David Arty - SENACCriação de Sites - David Arty - SENAC
Criação de Sites - David Arty - SENAC
 
Desenvolvimento web - conceitos, tecnologia e tendências.
Desenvolvimento web - conceitos, tecnologia e tendências.Desenvolvimento web - conceitos, tecnologia e tendências.
Desenvolvimento web - conceitos, tecnologia e tendências.
 
Curso de Desenvolvimento Web - Módulo 01 - HTML
Curso de Desenvolvimento Web - Módulo 01 - HTMLCurso de Desenvolvimento Web - Módulo 01 - HTML
Curso de Desenvolvimento Web - Módulo 01 - HTML
 
Introdução ao JavaScript
Introdução ao JavaScriptIntrodução ao JavaScript
Introdução ao JavaScript
 
DOMinando JavaScript
DOMinando JavaScriptDOMinando JavaScript
DOMinando JavaScript
 

Ähnlich wie Desenvolvimento Web Curso

Tecnologias para aplicativos híbridos
Tecnologias para aplicativos híbridosTecnologias para aplicativos híbridos
Tecnologias para aplicativos híbridosBen-Hur Santos Ott
 
SEO em 2018 Tendências e Dicas
SEO em 2018  Tendências e DicasSEO em 2018  Tendências e Dicas
SEO em 2018 Tendências e Dicassemrush_webinars
 
SEO: (Search Engine Optimization) Otimização de buscas de Sites
SEO: (Search Engine Optimization) Otimização de buscas de SitesSEO: (Search Engine Optimization) Otimização de buscas de Sites
SEO: (Search Engine Optimization) Otimização de buscas de SitesEveraldo Wanderlei Uavniczak
 
DDD, CQRS, and Domain Events
DDD, CQRS, and Domain EventsDDD, CQRS, and Domain Events
DDD, CQRS, and Domain EventsGiovani Decusati
 
Desenvolvimento web com Python, Zope e Plone
Desenvolvimento web com Python, Zope e PloneDesenvolvimento web com Python, Zope e Plone
Desenvolvimento web com Python, Zope e PloneJacson Tiola
 
Site Marketing Projeto Arquitetura Da Informacao
Site Marketing Projeto Arquitetura Da InformacaoSite Marketing Projeto Arquitetura Da Informacao
Site Marketing Projeto Arquitetura Da Informacaosuzanapedrinho
 
Potencialize as visitas de seu site comSEO
Potencialize as visitas de seu site comSEOPotencialize as visitas de seu site comSEO
Potencialize as visitas de seu site comSEORodrigo Nascimento
 
The word of the internet - make it simple, please!
The word of the internet - make it simple, please!The word of the internet - make it simple, please!
The word of the internet - make it simple, please!Jorge Silva
 
Apresentação Programa de Formação Continuada 2015
Apresentação Programa de Formação Continuada 2015Apresentação Programa de Formação Continuada 2015
Apresentação Programa de Formação Continuada 2015AcessaSP
 
Por que Criar a Rede UXnet no Rio?
Por que Criar a Rede UXnet no Rio?Por que Criar a Rede UXnet no Rio?
Por que Criar a Rede UXnet no Rio?monica m fernandes
 
A utilização do Bootstrap Para a Otimização de Páginas
A utilização do Bootstrap Para a Otimização de PáginasA utilização do Bootstrap Para a Otimização de Páginas
A utilização do Bootstrap Para a Otimização de PáginasRamon Sousa
 
SEO para WordPress - Curitiba WordPress Meetup
SEO para WordPress - Curitiba WordPress MeetupSEO para WordPress - Curitiba WordPress Meetup
SEO para WordPress - Curitiba WordPress MeetupRuan Barbosa
 

Ähnlich wie Desenvolvimento Web Curso (20)

Desenvolvimento web - XHTML
Desenvolvimento web - XHTMLDesenvolvimento web - XHTML
Desenvolvimento web - XHTML
 
Desenvolvimento web I - CSS
Desenvolvimento web I - CSSDesenvolvimento web I - CSS
Desenvolvimento web I - CSS
 
Tecnologias para aplicativos híbridos
Tecnologias para aplicativos híbridosTecnologias para aplicativos híbridos
Tecnologias para aplicativos híbridos
 
SEO em 2018 Tendências e Dicas
SEO em 2018  Tendências e DicasSEO em 2018  Tendências e Dicas
SEO em 2018 Tendências e Dicas
 
Planejamento e Desenvolvimento de Web Sites
Planejamento e Desenvolvimento de Web SitesPlanejamento e Desenvolvimento de Web Sites
Planejamento e Desenvolvimento de Web Sites
 
SEO: (Search Engine Optimization) Otimização de buscas de Sites
SEO: (Search Engine Optimization) Otimização de buscas de SitesSEO: (Search Engine Optimization) Otimização de buscas de Sites
SEO: (Search Engine Optimization) Otimização de buscas de Sites
 
DDD, CQRS, and Domain Events
DDD, CQRS, and Domain EventsDDD, CQRS, and Domain Events
DDD, CQRS, and Domain Events
 
DevOps pela visão de QA
DevOps pela visão de QADevOps pela visão de QA
DevOps pela visão de QA
 
Introdução ao React
Introdução ao ReactIntrodução ao React
Introdução ao React
 
Desenvolvimento web com Python, Zope e Plone
Desenvolvimento web com Python, Zope e PloneDesenvolvimento web com Python, Zope e Plone
Desenvolvimento web com Python, Zope e Plone
 
Case Editora Abril
Case Editora AbrilCase Editora Abril
Case Editora Abril
 
Site Marketing Projeto Arquitetura Da Informacao
Site Marketing Projeto Arquitetura Da InformacaoSite Marketing Projeto Arquitetura Da Informacao
Site Marketing Projeto Arquitetura Da Informacao
 
Potencialize as visitas de seu site comSEO
Potencialize as visitas de seu site comSEOPotencialize as visitas de seu site comSEO
Potencialize as visitas de seu site comSEO
 
The word of the internet - make it simple, please!
The word of the internet - make it simple, please!The word of the internet - make it simple, please!
The word of the internet - make it simple, please!
 
Seo e HTML5
Seo e HTML5Seo e HTML5
Seo e HTML5
 
TCC Grupo12v3
TCC  Grupo12v3TCC  Grupo12v3
TCC Grupo12v3
 
Apresentação Programa de Formação Continuada 2015
Apresentação Programa de Formação Continuada 2015Apresentação Programa de Formação Continuada 2015
Apresentação Programa de Formação Continuada 2015
 
Por que Criar a Rede UXnet no Rio?
Por que Criar a Rede UXnet no Rio?Por que Criar a Rede UXnet no Rio?
Por que Criar a Rede UXnet no Rio?
 
A utilização do Bootstrap Para a Otimização de Páginas
A utilização do Bootstrap Para a Otimização de PáginasA utilização do Bootstrap Para a Otimização de Páginas
A utilização do Bootstrap Para a Otimização de Páginas
 
SEO para WordPress - Curitiba WordPress Meetup
SEO para WordPress - Curitiba WordPress MeetupSEO para WordPress - Curitiba WordPress Meetup
SEO para WordPress - Curitiba WordPress Meetup
 

Desenvolvimento Web Curso

  • 1. 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
  • 2. 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 ]
  • 3. Perfil Equipe  Quem és?  Perfil profissional  O que pretende para o futuro?  Por que quero fazer esse curso? Ist-Petrópolis - RJ [ Desenvolvimento web ] Luiz Paulo [ lppjunior@gmail.com ]
  • 4. Projeção inicial do curso  Desenvolvimento web I  Introdução  XHTML  CSS  Desenvolvimento web II  Javascript  jSon  jQuery  Ajax  Desenvolvimento web III  PHP  MySQL Ist-Petrópolis - RJ [ Desenvolvimento web ] Luiz Paulo [ lppjunior@gmail.com ]
  • 5. Desenvolvimento web I  Sobre o curso  Período / Horários  Motivação  Metodologia  Objetivo  Ementa  Introdução  XHTML  CSS Ist-Petrópolis - RJ [ Desenvolvimento web ] Luiz Paulo [ lppjunior@gmail.com ]
  • 6. Projeção para o curso 1 aulas 3 aulas Introdução XHTML 3 aulas 3 aulas CSS ? Ist-Petrópolis - RJ [ Desenvolvimento web ] Luiz Paulo [ lppjunior@gmail.com ]
  • 7. Í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 Ist-Petrópolis - RJ [ Desenvolvimento web ] Luiz Paulo [ lppjunior@gmail.com ]
  • 8. Características do mercado Ist-Petrópolis - RJ [ Desenvolvimento web ] Luiz Paulo [ lppjunior@gmail.com ]
  • 9. O que o mercado precisa?
  • 10. Um profissional formado? Ist-Petrópolis - RJ [ Desenvolvimento web ] Luiz Paulo [ lppjunior@gmail.com ]
  • 11. Ist-Petrópolis - RJ [ Desenvolvimento web ] Luiz Paulo [ lppjunior@gmail.com ]
  • 12. Ist-Petrópolis - RJ [ Desenvolvimento web ] Luiz Paulo [ lppjunior@gmail.com ]
  • 13. Proatividade Ist-Petrópolis - RJ [ Desenvolvimento web ] Luiz Paulo [ lppjunior@gmail.com ]
  • 14. Disposição para aprender Ist-Petrópolis - RJ [ Desenvolvimento web ] Luiz Paulo [ lppjunior@gmail.com ]
  • 15. Os perfis mais desejados Ist-Petrópolis - RJ [ Desenvolvimento web ] Luiz Paulo [ lppjunior@gmail.com ]
  • 16. Capacitação e experiência Ist-Petrópolis - RJ [ Desenvolvimento web ] Luiz Paulo [ lppjunior@gmail.com ]
  • 17. 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 Ist-Petrópolis - RJ [ Desenvolvimento web ] Luiz Paulo [ lppjunior@gmail.com ]
  • 18. Áreas de atuação  Gerenciar Projetos  Analista Requisitos  Desenvolvimento  DBA  Designer  Tester / QA  Estagiário Ist-Petrópolis - RJ [ Desenvolvimento web ] Luiz Paulo [ lppjunior@gmail.com ]
  • 19. Júnior x Pleno x Senior Ist-Petrópolis - RJ [ Desenvolvimento web ] Luiz Paulo [ lppjunior@gmail.com ]
  • 20. Empresas  Produção  Software house  Agencia de publicidade  Software proprietário  Game house  Serviço  Test house  Marketing  Mídias Sociais Ist-Petrópolis - RJ [ Desenvolvimento web ] Luiz Paulo [ lppjunior@gmail.com ]
  • 21. Realidade nas empresas Ist-Petrópolis - RJ [ Desenvolvimento web ] Luiz Paulo [ lppjunior@gmail.com ]
  • 22. Realidade nas empresas Ist-Petrópolis - RJ [ Desenvolvimento web ] Luiz Paulo [ lppjunior@gmail.com ]
  • 23. Realidade nas empresas Ist-Petrópolis - RJ [ Desenvolvimento web ] Luiz Paulo [ lppjunior@gmail.com ]
  • 24. Média Salarial Ist-Petrópolis - RJ [ Desenvolvimento web ] Luiz Paulo [ lppjunior@gmail.com ]
  • 25. Tendências do mercado Ist-Petrópolis - RJ [ Desenvolvimento web ] Luiz Paulo [ lppjunior@gmail.com ]
  • 26. Tendências do mercado Ist-Petrópolis - RJ [ Desenvolvimento web ] Luiz Paulo [ lppjunior@gmail.com ]
  • 27. Agora, chega de bla bla bla Vamos ao que interessa! UHULLLLLLLLL O/
  • 28. Só que ainda só na teoria Mhuuu há há há AHHHHHHHHH :(
  • 29. 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 Ist-Petrópolis - RJ [ Desenvolvimento web ] Luiz Paulo [ lppjunior@gmail.com ]
  • 30. Ist-Petrópolis - RJ [ Desenvolvimento web ] Luiz Paulo [ lppjunior@gmail.com ]
  • 31. 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 ?
  • 32. Web... Como funciona? Ist-Petrópolis - RJ [ Desenvolvimento web ] Luiz Paulo [ lppjunior@gmail.com ]
  • 33. Web... Como funciona? Ist-Petrópolis - RJ [ Desenvolvimento web ] Luiz Paulo [ lppjunior@gmail.com ]
  • 34. How to work the browser? Ist-Petrópolis - RJ [ Desenvolvimento web ] Luiz Paulo [ lppjunior@gmail.com ]
  • 35. Motor de renderização Ist-Petrópolis - RJ [ Desenvolvimento web ] Luiz Paulo [ lppjunior@gmail.com ]
  • 36. Motor de renderização Ist-Petrópolis - RJ [ Desenvolvimento web ] Luiz Paulo [ lppjunior@gmail.com ]
  • 37. Motor de renderização Ist-Petrópolis - RJ [ Desenvolvimento web ] Luiz Paulo [ lppjunior@gmail.com ]
  • 38. Motor de renderização Ist-Petrópolis - RJ [ Desenvolvimento web ] Luiz Paulo [ lppjunior@gmail.com ]
  • 39. Servidor Ist-Petrópolis - RJ [ Desenvolvimento web ] Luiz Paulo [ lppjunior@gmail.com ]
  • 40. 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 Ist-Petrópolis - RJ [ Desenvolvimento web ] Luiz Paulo [ lppjunior@gmail.com ]
  • 41. Pequeno histórico Ist-Petrópolis - RJ [ Desenvolvimento web ] Luiz Paulo [ lppjunior@gmail.com ]
  • 42. Referências interessantes A evolução da web: http://evolutionofweb.appspot.com/ Ist-Petrópolis - RJ [ Desenvolvimento web ] Luiz Paulo [ lppjunior@gmail.com ]
  • 43. 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/ Ist-Petrópolis - RJ [ Desenvolvimento web ] Luiz Paulo [ lppjunior@gmail.com ]
  • 44. 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 .”
  • 45. Usabilidade - exemplo Ist-Petrópolis - RJ [ Desenvolvimento web ] Luiz Paulo [ lppjunior@gmail.com ]
  • 46. Usabilidade - exemplo Ist-Petrópolis - RJ [ Desenvolvimento web ] Luiz Paulo [ lppjunior@gmail.com ]
  • 47. Usabilidade – heart map Ist-Petrópolis - RJ [ Desenvolvimento web ] Luiz Paulo [ lppjunior@gmail.com ]
  • 48. 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 .”
  • 49. Acessibilidade – O grande vilão Ist-Petrópolis - RJ [ Desenvolvimento web ] Luiz Paulo [ lppjunior@gmail.com ]
  • 50. Acessibilidade http://www.youtube.com/watch?v=hFI4CuxQjSA Ist-Petrópolis - RJ [ Desenvolvimento web ] Luiz Paulo [ lppjunior@gmail.com ]
  • 51. 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