Post on 25-Jul-2015
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!