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.
Desenvolvimento web com Software Livre
Desenvolvimento web com Software Livre
Desenvolvimento web com Software Livre
+ Bônus
Desenvolvimento web com Software Livre
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.
Desenvolvimento web com Software Livre
Desenvolvimento web com Software Livre
Desenvolvimento web com Software Livre
Ferramentas...
Eclipse
XAMPP
não esqueça do Banco de Dados...
Desenvolvimento web com Software Livre
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
Desenvolvimento web com Software Livre
Drupal
Desenvolvimento web com Software Livre
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.
Desenvolvimento web com Software Livre
Desenvolvimento web com Software Livre
Ferramentas...
Google Analytics
Google Webmaster Tools
Desenvolvimento web com Software Livre
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...
Desenvolvimento web com Software Livre
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

PDF
Profissão Front-end
PPTX
Programação web e o front-end
PDF
Framework7
PPTX
Introdução ao Front-end no Desenvolvimento Web
PPTX
Web design e Programação front-end
PPT
Introdução aos Padrões Web e Tecnologias para o Ambiente Digital - Aula 4 - 1...
ODP
0 Introdução ao Desenvolvimento Web - Apresentação
PPS
Silverlight
Profissão Front-end
Programação web e o front-end
Framework7
Introdução ao Front-end no Desenvolvimento Web
Web design e Programação front-end
Introdução aos Padrões Web e Tecnologias para o Ambiente Digital - Aula 4 - 1...
0 Introdução ao Desenvolvimento Web - Apresentação
Silverlight

Mais procurados (19)

PPTX
T@rget trust integrando flex e java com blazeds
PDF
PPTX
Java script
PDF
Apresentação ti pdf
PDF
Desenvolvendo Aplicações com PHP, AJAX e YUI!
PPT
Desenvolvendo aplicações PHP, AJAX e YUI! Yahoo User Interface
PPTX
Introdução sobre desenvolvimento web
PPTX
Front End x Back End
ODP
Desenvolvimento de Aplicações com Zend Framework e Yahoo! User Interface
ODP
Javascript para adultos
PPTX
T@rget trust design de aplicativos css e skinning
PDF
Visão Geral Drupal - Natura Drupal Day
PPS
Curso web faveni aula 27
PPT
Apresentação scriptcase-netmake
PDF
Sistema gerenciador de conteúdo
PPTX
Oficina Joomla para Iniciantes
PDF
Criando aplicações web com tecnologias Microsoft
T@rget trust integrando flex e java com blazeds
Java script
Apresentação ti pdf
Desenvolvendo Aplicações com PHP, AJAX e YUI!
Desenvolvendo aplicações PHP, AJAX e YUI! Yahoo User Interface
Introdução sobre desenvolvimento web
Front End x Back End
Desenvolvimento de Aplicações com Zend Framework e Yahoo! User Interface
Javascript para adultos
T@rget trust design de aplicativos css e skinning
Visão Geral Drupal - Natura Drupal Day
Curso web faveni aula 27
Apresentação scriptcase-netmake
Sistema gerenciador de conteúdo
Oficina Joomla para Iniciantes
Criando aplicações web com tecnologias Microsoft

Semelhante a Desenvolvimento web com Software Livre (20)

PPTX
Introdução ao desenvolvimento da web.pptx
PPTX
Desenvolvimento web - conceitos, tecnologia e tendências.
PPT
A Linguagem Php
PPTX
Ferramentas Livres para Desenvolvimento Web
PPTX
Projeto Web - Aula 1 - Fundamentos do Dev WEB.pptx
ODP
Apresentação Minas - Desenvolvendo Sites
PDF
Plataforma Android: Produtividade Além do SDK
PPS
Conceitos de Ajax
ODP
HTML5 & suas APIs
PDF
RIA e Flex - Dando formas à Inovação
PDF
Introdução ao desenvolvimento Web
PDF
Apresentação CEJS - Do nada para a nuvem
PDF
[JS EXPERIENCE 2018] Do jQuery aos microfrontends: os desafios de manter uma ...
PPTX
PDF
Dividindo responsabilidades com VRaptor, Rest, HTML5 e CSS3
PDF
Software livre - Parte 3
PDF
HTML5 - A nova fronteira no desenvolvimento de aplicações WEB
PPT
PHP nas Nuvens
PDF
01 - Introdução a programação para internet v1.1
PPTX
Aplicações web acessíveis
Introdução ao desenvolvimento da web.pptx
Desenvolvimento web - conceitos, tecnologia e tendências.
A Linguagem Php
Ferramentas Livres para Desenvolvimento Web
Projeto Web - Aula 1 - Fundamentos do Dev WEB.pptx
Apresentação Minas - Desenvolvendo Sites
Plataforma Android: Produtividade Além do SDK
Conceitos de Ajax
HTML5 & suas APIs
RIA e Flex - Dando formas à Inovação
Introdução ao desenvolvimento Web
Apresentação CEJS - Do nada para a nuvem
[JS EXPERIENCE 2018] Do jQuery aos microfrontends: os desafios de manter uma ...
Dividindo responsabilidades com VRaptor, Rest, HTML5 e CSS3
Software livre - Parte 3
HTML5 - A nova fronteira no desenvolvimento de aplicações WEB
PHP nas Nuvens
01 - Introdução a programação para internet v1.1
Aplicações web acessíveis

Último (20)

PPTX
Sistemas Operativos Modulo 2_________________
PDF
pdfcoffee.com_metalografia-25-pdf-free.pdf
PPTX
AULA 1.pptx GESTÃO DE OPERAÇÕES INDUSTRIAIS
PDF
POO - Aula 05 - Herança - Generalização e Especialização.pdf
DOCX
Laboratório de cyber security, apresentação simples.
PPTX
Legislação aeronautica na aviação civil Brasileira
PPTX
Panorama da aviação civil brasileira ANAC
PDF
Arquitetura de Software slides sommerville
PDF
POO - Aula 03 - Membros Estáticos e Construtores.pdf
PDF
Gestão contínua de exposição a ameaças petrobras
PPTX
Importacao_Ordem_Customizacao_SAP_S4HANA.pptx
DOCX
20250828_Perfis Profissionais em ServiceNow Um Guia Detalhado.docx
PPTX
Introdução a Computação em Nuvem-parte2-T2
PPTX
Introdução a disciplina sistemas operativos
PDF
POO - Aula 05 - Herança - Generalização e Especialização.pdf
PPTX
Modelo para Qualificação de Mestrado - Tecnologia da Informação
PDF
T-pico 1.pdfnsjabdkaksbbsuendnijsbshajanzk
PDF
Apostila Power Automate Impressionador.pdf
PPTX
Google saiba mais sobre o google e suas funcionalidades
PDF
wp-sn-advanced-high-availability-architecture (pt-br).pdf
Sistemas Operativos Modulo 2_________________
pdfcoffee.com_metalografia-25-pdf-free.pdf
AULA 1.pptx GESTÃO DE OPERAÇÕES INDUSTRIAIS
POO - Aula 05 - Herança - Generalização e Especialização.pdf
Laboratório de cyber security, apresentação simples.
Legislação aeronautica na aviação civil Brasileira
Panorama da aviação civil brasileira ANAC
Arquitetura de Software slides sommerville
POO - Aula 03 - Membros Estáticos e Construtores.pdf
Gestão contínua de exposição a ameaças petrobras
Importacao_Ordem_Customizacao_SAP_S4HANA.pptx
20250828_Perfis Profissionais em ServiceNow Um Guia Detalhado.docx
Introdução a Computação em Nuvem-parte2-T2
Introdução a disciplina sistemas operativos
POO - Aula 05 - Herança - Generalização e Especialização.pdf
Modelo para Qualificação de Mestrado - Tecnologia da Informação
T-pico 1.pdfnsjabdkaksbbsuendnijsbshajanzk
Apostila Power Automate Impressionador.pdf
Google saiba mais sobre o google e suas funcionalidades
wp-sn-advanced-high-availability-architecture (pt-br).pdf

Desenvolvimento web com Software Livre