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

Desenvolvimento web com software livre