Desenvolvimento Web com Software Livredo 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● Editor online● Plugins● Web Standards● Gerenciamento de

Workflow

● Permissões de usuários

● Organização de Documentos

● RSS Feeds● 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