SlideShare uma empresa Scribd logo
1 de 86
Baixar para ler offline
Desenvolvimento Web com Software Livre
                   do Iniciante ao Profissional




                                 RUAN CARVALHO
Roadmap
 ●   XHTML + CSS
 ●   Linguagens
 ●   Padrões Web
 ●   CMS
 ●   Frameworks
 ●   AJAX
 ●   SEO
 ●   JavaEE
 ●   Web Services
A área de Desenvolvimento Web está
definindo o futuro da computação e da
        comunicação humana.
Esse futuro já aparece em aplicações
    online, redes sociais e nos
        dispositivos móveis.
Para fazer parte desse futuro,
precisamos saber algumas coisas...
XHTML + CSS
O XHTML é uma versão mais rigorosa
   e limpa do HTML. Tornou-se uma
recomendação do W3C em Janeiro de
                2000.
O CSS descreve como os elementos
 HTML devem ser exibidos. Assim,
separamos o layout e o conteúdo.
+ Bônus
Ferramentas...
gedit
Firefox + Firebug
Além de:

KompoZer... Quanta Plus... Yslow... Web
   Developer Toolbar... Notepad++
Linguagens...
Qualquer um que chegue a você e diga
ter a linguagem perfeita é um ingênuo, ou
              é um vendedor.
                              - Bjarne Stroustrup
As linguagens compõem o “server-side” e
permitem que a Web seja uma forma de executar
            as aplicações online.
Ferramentas...
Eclipse
XAMPP
não esqueça do Banco de Dados...
Padrões
Web
Pra quê Web Standards?!
… simplificar o desenvolvimento,
suporte a vários browsers, facilidade
de indexação, economia de banda,
conversão para outros documentos,
  acesso via Javascript e DOM...
...enfim, tornar a Web um lugar melhor.
Os padrões web permitem que a página seja
robusta e leve, fácil de manter e adaptável às
            diversas plataformas.
w3.org
maujor.com
CMS
Um CMS é um software projetado para
simplificar a publicação de conteúdos em
        sites, e dispositivos móveis.
Permitem que os usuários criem seus
conteúdos sem a necessidade de saber HTML,
             ou fazer uploads.
Outras características:
●   Templates          ●   Permissões de
●   Editor online          usuários
●   Plugins
                       ●   Organização de
                           Documentos
●   Web Standards      ●   RSS Feeds
●   Gerenciamento de
    Workflow
                       ●   Multi-idiomas
Ferramentas...
Wordpress
Drupal
Frameworks
Um Framework é um conjunto de classes que
colaboram para realizar as funcionalidades das
 diversas, e mais comuns, partes da aplicação.
Os frameworks trazem códigos prontos e
testados para usarmos em nossa aplicação, e
   diminuir o tempo de desenvolvimento.
Dentre as vantagens:
●   Menos erros;
●   Foco nas regras de negócio;
●   Padrões de Projeto;
●   Produtividade++;
●   Otimização++;


●   Desenvolvimento rápido!
Ferramentas...
cakephp.org
rubyonrails.org
djangoproject.com
Asynchronous Javascript and XML
AJAX = Asynchronous JavaScript and XML.
O AJAX não é uma linguagem; é a técnica de
trocar dados com o servidor, sem recarregar
               toda a página.
Com o AJAX é possível tornar as aplicações
mais interativas com o usuário, trazendo um
 feeling similar ao de programas desktop.
AJAX + Web Standards = Web 2.0
Ferramentas...
jquery.com
developer.yahoo.com/yui
Search Engine Optimization
SEO é o processo de otimizar os conteúdos de
 uma página web para que os mecanismos de
        busca o acessem facilmente.
SEO permite que um site tenha
    presença na web.
Ferramentas...
Google Analytics
Google Webmaster Tools
Java Enterprise Edition é uma plataforma de
desenvolvimento para aplicações de grande
                    porte
Com JavaEE são desenvolvidas aplicações
distribuídas, as quais exigem quase todas as
 disciplinas de desenvolvimento e padrões.
...multi-camadas, componentes modulares,
     padrões de projeto, acesso à dados,
transações, balanço de carga, concorrência,
 containers, integração, sistemas legados...
Frameworks
Ferramentas...
tomcat.apache.org
Eclipse EE
NetBeans IDE
Web Services
Web Services são APIs que podem ser
 acessadas pela rede para integrar
 sistemas, ou aplicações diferentes.
Os Web Services agilizam processos
 e comunicação entre sistemas, com
  alta segurança e sem intervenção
              humana.
Todos os WS falam a mesma
língua...
Os Web Services levam as aplicações
a um nível mais alto, onde é possível
publicar as informações e deixar que
         outros a acessem.
Cloud Computing
Muito Obrigado!
www.ruancarvalho.net

   @ruancarvalho

Mais conteúdo relacionado

Mais procurados

T@rget trust integrando flex e java com blazeds
T@rget trust   integrando flex e java com blazedsT@rget trust   integrando flex e java com blazeds
T@rget trust integrando flex e java com blazedsTargettrust
 
Apresentação ti pdf
Apresentação ti pdfApresentação ti pdf
Apresentação ti pdflanepb
 
Desenvolvendo Aplicações com PHP, AJAX e YUI!
Desenvolvendo Aplicações com PHP, AJAX e YUI!Desenvolvendo Aplicações com PHP, AJAX e YUI!
Desenvolvendo Aplicações com PHP, AJAX e YUI!Manuel Lemos
 
Desenvolvendo aplicações PHP, AJAX e YUI! Yahoo User Interface
Desenvolvendo aplicações PHP, AJAX e YUI! Yahoo User InterfaceDesenvolvendo aplicações PHP, AJAX e YUI! Yahoo User Interface
Desenvolvendo aplicações PHP, AJAX e YUI! Yahoo User InterfaceDomingos Teruel
 
Introdução sobre desenvolvimento web
Introdução sobre desenvolvimento webIntrodução sobre desenvolvimento web
Introdução sobre desenvolvimento webRodrigo Rodrigues
 
Desenvolvimento de Aplicações com Zend Framework e Yahoo! User Interface
Desenvolvimento de Aplicações com Zend Framework e Yahoo! User InterfaceDesenvolvimento de Aplicações com Zend Framework e Yahoo! User Interface
Desenvolvimento de Aplicações com Zend Framework e Yahoo! User InterfaceDomingos Teruel
 
T@rget trust design de aplicativos css e skinning
T@rget trust   design de aplicativos css e skinningT@rget trust   design de aplicativos css e skinning
T@rget trust design de aplicativos css e skinningTargettrust
 
Visão Geral Drupal - Natura Drupal Day
Visão Geral Drupal - Natura Drupal DayVisão Geral Drupal - Natura Drupal Day
Visão Geral Drupal - Natura Drupal DayCaio R. N. Pereira
 
Apresentação scriptcase-netmake
Apresentação   scriptcase-netmakeApresentação   scriptcase-netmake
Apresentação scriptcase-netmakeGustavo Lobato
 
Sistema gerenciador de conteúdo
Sistema gerenciador de conteúdoSistema gerenciador de conteúdo
Sistema gerenciador de conteúdoBreno Vitorino
 
Oficina Joomla para Iniciantes
Oficina Joomla para IniciantesOficina Joomla para Iniciantes
Oficina Joomla para IniciantesEliel Cruz
 
Criando aplicações web com tecnologias Microsoft
Criando aplicações web com tecnologias MicrosoftCriando aplicações web com tecnologias Microsoft
Criando aplicações web com tecnologias MicrosoftFabrício Lopes Sanchez
 

Mais procurados (19)

T@rget trust integrando flex e java com blazeds
T@rget trust   integrando flex e java com blazedsT@rget trust   integrando flex e java com blazeds
T@rget trust integrando flex e java com blazeds
 
Web Dev Camp
Web Dev CampWeb Dev Camp
Web Dev Camp
 
Java script
Java scriptJava script
Java script
 
Apresentação ti pdf
Apresentação ti pdfApresentação ti pdf
Apresentação ti pdf
 
Desenvolvendo Aplicações com PHP, AJAX e YUI!
Desenvolvendo Aplicações com PHP, AJAX e YUI!Desenvolvendo Aplicações com PHP, AJAX e YUI!
Desenvolvendo Aplicações com PHP, AJAX e YUI!
 
Desenvolvendo aplicações PHP, AJAX e YUI! Yahoo User Interface
Desenvolvendo aplicações PHP, AJAX e YUI! Yahoo User InterfaceDesenvolvendo aplicações PHP, AJAX e YUI! Yahoo User Interface
Desenvolvendo aplicações PHP, AJAX e YUI! Yahoo User Interface
 
Introdução sobre desenvolvimento web
Introdução sobre desenvolvimento webIntrodução sobre desenvolvimento web
Introdução sobre desenvolvimento web
 
Ria
RiaRia
Ria
 
Front End x Back End
Front End x Back EndFront End x Back End
Front End x Back End
 
Desenvolvimento de Aplicações com Zend Framework e Yahoo! User Interface
Desenvolvimento de Aplicações com Zend Framework e Yahoo! User InterfaceDesenvolvimento de Aplicações com Zend Framework e Yahoo! User Interface
Desenvolvimento de Aplicações com Zend Framework e Yahoo! User Interface
 
Javascript para adultos
Javascript para adultosJavascript para adultos
Javascript para adultos
 
T@rget trust design de aplicativos css e skinning
T@rget trust   design de aplicativos css e skinningT@rget trust   design de aplicativos css e skinning
T@rget trust design de aplicativos css e skinning
 
Visão Geral Drupal - Natura Drupal Day
Visão Geral Drupal - Natura Drupal DayVisão Geral Drupal - Natura Drupal Day
Visão Geral Drupal - Natura Drupal Day
 
Curso web faveni aula 27
Curso web faveni aula 27Curso web faveni aula 27
Curso web faveni aula 27
 
Apresentação scriptcase-netmake
Apresentação   scriptcase-netmakeApresentação   scriptcase-netmake
Apresentação scriptcase-netmake
 
Sistema gerenciador de conteúdo
Sistema gerenciador de conteúdoSistema gerenciador de conteúdo
Sistema gerenciador de conteúdo
 
Ria
RiaRia
Ria
 
Oficina Joomla para Iniciantes
Oficina Joomla para IniciantesOficina Joomla para Iniciantes
Oficina Joomla para Iniciantes
 
Criando aplicações web com tecnologias Microsoft
Criando aplicações web com tecnologias MicrosoftCriando aplicações web com tecnologias Microsoft
Criando aplicações web com tecnologias Microsoft
 

Semelhante a Desenvolvimento Web com Software Livre do Iniciante ao Profissional

Introdução ao desenvolvimento da web.pptx
Introdução ao desenvolvimento da web.pptxIntrodução ao desenvolvimento da web.pptx
Introdução ao desenvolvimento da web.pptxMarceloRosenbrock1
 
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
 
Ferramentas Livres para Desenvolvimento Web
Ferramentas Livres para Desenvolvimento WebFerramentas Livres para Desenvolvimento Web
Ferramentas Livres para Desenvolvimento Webigorpimentel
 
Projeto Web - Aula 1 - Fundamentos do Dev WEB.pptx
Projeto Web - Aula 1 - Fundamentos do Dev WEB.pptxProjeto Web - Aula 1 - Fundamentos do Dev WEB.pptx
Projeto Web - Aula 1 - Fundamentos do Dev WEB.pptxLuiz Antonio
 
Apresentação Minas - Desenvolvendo Sites
Apresentação Minas - Desenvolvendo SitesApresentação Minas - Desenvolvendo Sites
Apresentação Minas - Desenvolvendo Sitesthiagolima
 
Plataforma Android: Produtividade Além do SDK
Plataforma Android: Produtividade Além do SDKPlataforma Android: Produtividade Além do SDK
Plataforma Android: Produtividade Além do SDKRyan Padilha
 
RIA e Flex - Dando formas à Inovação
RIA e Flex - Dando formas à InovaçãoRIA e Flex - Dando formas à Inovação
RIA e Flex - Dando formas à InovaçãoLeonardo Braga
 
Introdução ao desenvolvimento Web
Introdução ao desenvolvimento WebIntrodução ao desenvolvimento Web
Introdução ao desenvolvimento WebSérgio Souza Costa
 
Apresentação CEJS - Do nada para a nuvem
Apresentação CEJS - Do nada para a nuvemApresentação CEJS - Do nada para a nuvem
Apresentação CEJS - Do nada para a nuvemRodrigo Valerio
 
[JS EXPERIENCE 2018] Do jQuery aos microfrontends: os desafios de manter uma ...
[JS EXPERIENCE 2018] Do jQuery aos microfrontends: os desafios de manter uma ...[JS EXPERIENCE 2018] Do jQuery aos microfrontends: os desafios de manter uma ...
[JS EXPERIENCE 2018] Do jQuery aos microfrontends: os desafios de manter uma ...iMasters
 
Dividindo responsabilidades com VRaptor, Rest, HTML5 e CSS3
Dividindo responsabilidades com VRaptor, Rest, HTML5 e CSS3Dividindo responsabilidades com VRaptor, Rest, HTML5 e CSS3
Dividindo responsabilidades com VRaptor, Rest, HTML5 e CSS3André Luiz Forchesatto
 
Software livre - Parte 3
Software livre - Parte 3Software livre - Parte 3
Software livre - Parte 3Fabrício Basto
 
HTML5 - A nova fronteira no desenvolvimento de aplicações WEB
HTML5 - A nova fronteira no desenvolvimento de aplicações WEBHTML5 - A nova fronteira no desenvolvimento de aplicações WEB
HTML5 - A nova fronteira no desenvolvimento de aplicações WEBFábio Flatschart
 
01 - Introdução a programação para internet v1.1
01 - Introdução a programação para internet v1.101 - Introdução a programação para internet v1.1
01 - Introdução a programação para internet v1.1César Augusto Pessôa
 
Aplicações web acessíveis
Aplicações web acessíveisAplicações web acessíveis
Aplicações web acessíveisLeandro Borges
 

Semelhante a Desenvolvimento Web com Software Livre do Iniciante ao Profissional (20)

Introdução ao desenvolvimento da web.pptx
Introdução ao desenvolvimento da web.pptxIntrodução ao desenvolvimento da web.pptx
Introdução ao desenvolvimento da web.pptx
 
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.
 
A Linguagem Php
A Linguagem PhpA Linguagem Php
A Linguagem Php
 
Ferramentas Livres para Desenvolvimento Web
Ferramentas Livres para Desenvolvimento WebFerramentas Livres para Desenvolvimento Web
Ferramentas Livres para Desenvolvimento Web
 
Projeto Web - Aula 1 - Fundamentos do Dev WEB.pptx
Projeto Web - Aula 1 - Fundamentos do Dev WEB.pptxProjeto Web - Aula 1 - Fundamentos do Dev WEB.pptx
Projeto Web - Aula 1 - Fundamentos do Dev WEB.pptx
 
Apresentação Minas - Desenvolvendo Sites
Apresentação Minas - Desenvolvendo SitesApresentação Minas - Desenvolvendo Sites
Apresentação Minas - Desenvolvendo Sites
 
Plataforma Android: Produtividade Além do SDK
Plataforma Android: Produtividade Além do SDKPlataforma Android: Produtividade Além do SDK
Plataforma Android: Produtividade Além do SDK
 
Conceitos de Ajax
Conceitos de AjaxConceitos de Ajax
Conceitos de Ajax
 
HTML5 & suas APIs
HTML5 & suas APIsHTML5 & suas APIs
HTML5 & suas APIs
 
RIA e Flex - Dando formas à Inovação
RIA e Flex - Dando formas à InovaçãoRIA e Flex - Dando formas à Inovação
RIA e Flex - Dando formas à Inovação
 
Introdução ao desenvolvimento Web
Introdução ao desenvolvimento WebIntrodução ao desenvolvimento Web
Introdução ao desenvolvimento Web
 
Apresentação CEJS - Do nada para a nuvem
Apresentação CEJS - Do nada para a nuvemApresentação CEJS - Do nada para a nuvem
Apresentação CEJS - Do nada para a nuvem
 
[JS EXPERIENCE 2018] Do jQuery aos microfrontends: os desafios de manter uma ...
[JS EXPERIENCE 2018] Do jQuery aos microfrontends: os desafios de manter uma ...[JS EXPERIENCE 2018] Do jQuery aos microfrontends: os desafios de manter uma ...
[JS EXPERIENCE 2018] Do jQuery aos microfrontends: os desafios de manter uma ...
 
Rich Internet Applications
Rich Internet ApplicationsRich Internet Applications
Rich Internet Applications
 
Dividindo responsabilidades com VRaptor, Rest, HTML5 e CSS3
Dividindo responsabilidades com VRaptor, Rest, HTML5 e CSS3Dividindo responsabilidades com VRaptor, Rest, HTML5 e CSS3
Dividindo responsabilidades com VRaptor, Rest, HTML5 e CSS3
 
Software livre - Parte 3
Software livre - Parte 3Software livre - Parte 3
Software livre - Parte 3
 
HTML5 - A nova fronteira no desenvolvimento de aplicações WEB
HTML5 - A nova fronteira no desenvolvimento de aplicações WEBHTML5 - A nova fronteira no desenvolvimento de aplicações WEB
HTML5 - A nova fronteira no desenvolvimento de aplicações WEB
 
PHP nas Nuvens
PHP nas NuvensPHP nas Nuvens
PHP nas Nuvens
 
01 - Introdução a programação para internet v1.1
01 - Introdução a programação para internet v1.101 - Introdução a programação para internet v1.1
01 - Introdução a programação para internet v1.1
 
Aplicações web acessíveis
Aplicações web acessíveisAplicações web acessíveis
Aplicações web acessíveis
 

Desenvolvimento Web com Software Livre do Iniciante ao Profissional