Desenvolvimento web com software livre
-
Upload
ruan-carvalho -
Category
Technology
-
view
826 -
download
0
Transcript of Desenvolvimento web com software livre
![Page 1: Desenvolvimento web com software livre](https://reader033.fdocument.pub/reader033/viewer/2022051617/55b2e784bb61eb581a8b46a3/html5/thumbnails/1.jpg)
Desenvolvimento Web com Software Livredo Iniciante ao Profissional
RUAN CARVALHO
![Page 2: Desenvolvimento web com software livre](https://reader033.fdocument.pub/reader033/viewer/2022051617/55b2e784bb61eb581a8b46a3/html5/thumbnails/2.jpg)
Roadmap● XHTML + CSS● Linguagens● Padrões Web● CMS● Frameworks● AJAX● SEO● JavaEE● Web Services
![Page 3: Desenvolvimento web com software livre](https://reader033.fdocument.pub/reader033/viewer/2022051617/55b2e784bb61eb581a8b46a3/html5/thumbnails/3.jpg)
A área de Desenvolvimento Web está definindo o futuro da computação e da
comunicação humana.
![Page 4: Desenvolvimento web com software livre](https://reader033.fdocument.pub/reader033/viewer/2022051617/55b2e784bb61eb581a8b46a3/html5/thumbnails/4.jpg)
Esse futuro já aparece em aplicações online, redes sociais e nos
dispositivos móveis.
![Page 5: Desenvolvimento web com software livre](https://reader033.fdocument.pub/reader033/viewer/2022051617/55b2e784bb61eb581a8b46a3/html5/thumbnails/5.jpg)
Para fazer parte desse futuro, precisamos saber algumas coisas...
![Page 6: Desenvolvimento web com software livre](https://reader033.fdocument.pub/reader033/viewer/2022051617/55b2e784bb61eb581a8b46a3/html5/thumbnails/6.jpg)
XHTML + CSS
![Page 7: Desenvolvimento web com software livre](https://reader033.fdocument.pub/reader033/viewer/2022051617/55b2e784bb61eb581a8b46a3/html5/thumbnails/7.jpg)
O XHTML é uma versão mais rigorosa e limpa do HTML. Tornou-se uma
recomendação do W3C em Janeiro de 2000.
![Page 8: Desenvolvimento web com software livre](https://reader033.fdocument.pub/reader033/viewer/2022051617/55b2e784bb61eb581a8b46a3/html5/thumbnails/8.jpg)
O CSS descreve como os elementos HTML devem ser exibidos. Assim, separamos o layout e o conteúdo.
![Page 9: Desenvolvimento web com software livre](https://reader033.fdocument.pub/reader033/viewer/2022051617/55b2e784bb61eb581a8b46a3/html5/thumbnails/9.jpg)
![Page 10: Desenvolvimento web com software livre](https://reader033.fdocument.pub/reader033/viewer/2022051617/55b2e784bb61eb581a8b46a3/html5/thumbnails/10.jpg)
![Page 11: Desenvolvimento web com software livre](https://reader033.fdocument.pub/reader033/viewer/2022051617/55b2e784bb61eb581a8b46a3/html5/thumbnails/11.jpg)
![Page 12: Desenvolvimento web com software livre](https://reader033.fdocument.pub/reader033/viewer/2022051617/55b2e784bb61eb581a8b46a3/html5/thumbnails/12.jpg)
+ Bônus
![Page 13: Desenvolvimento web com software livre](https://reader033.fdocument.pub/reader033/viewer/2022051617/55b2e784bb61eb581a8b46a3/html5/thumbnails/13.jpg)
![Page 14: Desenvolvimento web com software livre](https://reader033.fdocument.pub/reader033/viewer/2022051617/55b2e784bb61eb581a8b46a3/html5/thumbnails/14.jpg)
Ferramentas...
![Page 15: Desenvolvimento web com software livre](https://reader033.fdocument.pub/reader033/viewer/2022051617/55b2e784bb61eb581a8b46a3/html5/thumbnails/15.jpg)
gedit
![Page 16: Desenvolvimento web com software livre](https://reader033.fdocument.pub/reader033/viewer/2022051617/55b2e784bb61eb581a8b46a3/html5/thumbnails/16.jpg)
Firefox + Firebug
![Page 17: Desenvolvimento web com software livre](https://reader033.fdocument.pub/reader033/viewer/2022051617/55b2e784bb61eb581a8b46a3/html5/thumbnails/17.jpg)
Além de:
KompoZer... Quanta Plus... Yslow... Web Developer Toolbar... Notepad++
![Page 18: Desenvolvimento web com software livre](https://reader033.fdocument.pub/reader033/viewer/2022051617/55b2e784bb61eb581a8b46a3/html5/thumbnails/18.jpg)
Linguagens...
![Page 19: Desenvolvimento web com software livre](https://reader033.fdocument.pub/reader033/viewer/2022051617/55b2e784bb61eb581a8b46a3/html5/thumbnails/19.jpg)
Qualquer um que chegue a você e diga ter a linguagem perfeita é um ingênuo, ou
é um vendedor.- Bjarne Stroustrup
![Page 20: Desenvolvimento web com software livre](https://reader033.fdocument.pub/reader033/viewer/2022051617/55b2e784bb61eb581a8b46a3/html5/thumbnails/20.jpg)
As linguagens compõem o “server-side” e permitem que a Web seja uma forma de executar
as aplicações online.
![Page 21: Desenvolvimento web com software livre](https://reader033.fdocument.pub/reader033/viewer/2022051617/55b2e784bb61eb581a8b46a3/html5/thumbnails/21.jpg)
![Page 22: Desenvolvimento web com software livre](https://reader033.fdocument.pub/reader033/viewer/2022051617/55b2e784bb61eb581a8b46a3/html5/thumbnails/22.jpg)
![Page 23: Desenvolvimento web com software livre](https://reader033.fdocument.pub/reader033/viewer/2022051617/55b2e784bb61eb581a8b46a3/html5/thumbnails/23.jpg)
![Page 24: Desenvolvimento web com software livre](https://reader033.fdocument.pub/reader033/viewer/2022051617/55b2e784bb61eb581a8b46a3/html5/thumbnails/24.jpg)
Ferramentas...
![Page 25: Desenvolvimento web com software livre](https://reader033.fdocument.pub/reader033/viewer/2022051617/55b2e784bb61eb581a8b46a3/html5/thumbnails/25.jpg)
Eclipse
![Page 26: Desenvolvimento web com software livre](https://reader033.fdocument.pub/reader033/viewer/2022051617/55b2e784bb61eb581a8b46a3/html5/thumbnails/26.jpg)
XAMPP
![Page 27: Desenvolvimento web com software livre](https://reader033.fdocument.pub/reader033/viewer/2022051617/55b2e784bb61eb581a8b46a3/html5/thumbnails/27.jpg)
não esqueça do Banco de Dados...
![Page 28: Desenvolvimento web com software livre](https://reader033.fdocument.pub/reader033/viewer/2022051617/55b2e784bb61eb581a8b46a3/html5/thumbnails/28.jpg)
![Page 29: Desenvolvimento web com software livre](https://reader033.fdocument.pub/reader033/viewer/2022051617/55b2e784bb61eb581a8b46a3/html5/thumbnails/29.jpg)
Padrões Web
![Page 30: Desenvolvimento web com software livre](https://reader033.fdocument.pub/reader033/viewer/2022051617/55b2e784bb61eb581a8b46a3/html5/thumbnails/30.jpg)
Pra quê Web Standards?!
![Page 31: Desenvolvimento web com software livre](https://reader033.fdocument.pub/reader033/viewer/2022051617/55b2e784bb61eb581a8b46a3/html5/thumbnails/31.jpg)
… 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...
![Page 32: Desenvolvimento web com software livre](https://reader033.fdocument.pub/reader033/viewer/2022051617/55b2e784bb61eb581a8b46a3/html5/thumbnails/32.jpg)
...enfim, tornar a Web um lugar melhor.
![Page 33: Desenvolvimento web com software livre](https://reader033.fdocument.pub/reader033/viewer/2022051617/55b2e784bb61eb581a8b46a3/html5/thumbnails/33.jpg)
Os padrões web permitem que a página seja robusta e leve, fácil de manter e adaptável às
diversas plataformas.
![Page 34: Desenvolvimento web com software livre](https://reader033.fdocument.pub/reader033/viewer/2022051617/55b2e784bb61eb581a8b46a3/html5/thumbnails/34.jpg)
w3.org
![Page 35: Desenvolvimento web com software livre](https://reader033.fdocument.pub/reader033/viewer/2022051617/55b2e784bb61eb581a8b46a3/html5/thumbnails/35.jpg)
maujor.com
![Page 36: Desenvolvimento web com software livre](https://reader033.fdocument.pub/reader033/viewer/2022051617/55b2e784bb61eb581a8b46a3/html5/thumbnails/36.jpg)
CMS
![Page 37: Desenvolvimento web com software livre](https://reader033.fdocument.pub/reader033/viewer/2022051617/55b2e784bb61eb581a8b46a3/html5/thumbnails/37.jpg)
Um CMS é um software projetado para simplificar a publicação de conteúdos em
sites, e dispositivos móveis.
![Page 38: Desenvolvimento web com software livre](https://reader033.fdocument.pub/reader033/viewer/2022051617/55b2e784bb61eb581a8b46a3/html5/thumbnails/38.jpg)
Permitem que os usuários criem seus conteúdos sem a necessidade de saber HTML,
ou fazer uploads.
![Page 39: Desenvolvimento web com software livre](https://reader033.fdocument.pub/reader033/viewer/2022051617/55b2e784bb61eb581a8b46a3/html5/thumbnails/39.jpg)
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
![Page 40: Desenvolvimento web com software livre](https://reader033.fdocument.pub/reader033/viewer/2022051617/55b2e784bb61eb581a8b46a3/html5/thumbnails/40.jpg)
Ferramentas...
![Page 41: Desenvolvimento web com software livre](https://reader033.fdocument.pub/reader033/viewer/2022051617/55b2e784bb61eb581a8b46a3/html5/thumbnails/41.jpg)
Wordpress
![Page 42: Desenvolvimento web com software livre](https://reader033.fdocument.pub/reader033/viewer/2022051617/55b2e784bb61eb581a8b46a3/html5/thumbnails/42.jpg)
![Page 43: Desenvolvimento web com software livre](https://reader033.fdocument.pub/reader033/viewer/2022051617/55b2e784bb61eb581a8b46a3/html5/thumbnails/43.jpg)
Drupal
![Page 44: Desenvolvimento web com software livre](https://reader033.fdocument.pub/reader033/viewer/2022051617/55b2e784bb61eb581a8b46a3/html5/thumbnails/44.jpg)
![Page 45: Desenvolvimento web com software livre](https://reader033.fdocument.pub/reader033/viewer/2022051617/55b2e784bb61eb581a8b46a3/html5/thumbnails/45.jpg)
Frameworks
![Page 46: Desenvolvimento web com software livre](https://reader033.fdocument.pub/reader033/viewer/2022051617/55b2e784bb61eb581a8b46a3/html5/thumbnails/46.jpg)
Um Framework é um conjunto de classes que colaboram para realizar as funcionalidades das diversas, e mais comuns, partes da aplicação.
![Page 47: Desenvolvimento web com software livre](https://reader033.fdocument.pub/reader033/viewer/2022051617/55b2e784bb61eb581a8b46a3/html5/thumbnails/47.jpg)
Os frameworks trazem códigos prontos e testados para usarmos em nossa aplicação, e
diminuir o tempo de desenvolvimento.
![Page 48: Desenvolvimento web com software livre](https://reader033.fdocument.pub/reader033/viewer/2022051617/55b2e784bb61eb581a8b46a3/html5/thumbnails/48.jpg)
Dentre as vantagens:● Menos erros;● Foco nas regras de negócio;● Padrões de Projeto;● Produtividade++;● Otimização++;
● Desenvolvimento rápido!
![Page 49: Desenvolvimento web com software livre](https://reader033.fdocument.pub/reader033/viewer/2022051617/55b2e784bb61eb581a8b46a3/html5/thumbnails/49.jpg)
Ferramentas...
![Page 50: Desenvolvimento web com software livre](https://reader033.fdocument.pub/reader033/viewer/2022051617/55b2e784bb61eb581a8b46a3/html5/thumbnails/50.jpg)
cakephp.org
![Page 51: Desenvolvimento web com software livre](https://reader033.fdocument.pub/reader033/viewer/2022051617/55b2e784bb61eb581a8b46a3/html5/thumbnails/51.jpg)
rubyonrails.org
![Page 52: Desenvolvimento web com software livre](https://reader033.fdocument.pub/reader033/viewer/2022051617/55b2e784bb61eb581a8b46a3/html5/thumbnails/52.jpg)
djangoproject.com
![Page 53: Desenvolvimento web com software livre](https://reader033.fdocument.pub/reader033/viewer/2022051617/55b2e784bb61eb581a8b46a3/html5/thumbnails/53.jpg)
Asynchronous Javascript and XML
![Page 54: Desenvolvimento web com software livre](https://reader033.fdocument.pub/reader033/viewer/2022051617/55b2e784bb61eb581a8b46a3/html5/thumbnails/54.jpg)
AJAX = Asynchronous JavaScript and XML.
![Page 55: Desenvolvimento web com software livre](https://reader033.fdocument.pub/reader033/viewer/2022051617/55b2e784bb61eb581a8b46a3/html5/thumbnails/55.jpg)
O AJAX não é uma linguagem; é a técnica de trocar dados com o servidor, sem recarregar
toda a página.
![Page 56: Desenvolvimento web com software livre](https://reader033.fdocument.pub/reader033/viewer/2022051617/55b2e784bb61eb581a8b46a3/html5/thumbnails/56.jpg)
Com o AJAX é possível tornar as aplicações mais interativas com o usuário, trazendo um feeling similar ao de programas desktop.
![Page 57: Desenvolvimento web com software livre](https://reader033.fdocument.pub/reader033/viewer/2022051617/55b2e784bb61eb581a8b46a3/html5/thumbnails/57.jpg)
AJAX + Web Standards = Web 2.0
![Page 58: Desenvolvimento web com software livre](https://reader033.fdocument.pub/reader033/viewer/2022051617/55b2e784bb61eb581a8b46a3/html5/thumbnails/58.jpg)
Ferramentas...
![Page 59: Desenvolvimento web com software livre](https://reader033.fdocument.pub/reader033/viewer/2022051617/55b2e784bb61eb581a8b46a3/html5/thumbnails/59.jpg)
jquery.com
![Page 60: Desenvolvimento web com software livre](https://reader033.fdocument.pub/reader033/viewer/2022051617/55b2e784bb61eb581a8b46a3/html5/thumbnails/60.jpg)
developer.yahoo.com/yui
![Page 61: Desenvolvimento web com software livre](https://reader033.fdocument.pub/reader033/viewer/2022051617/55b2e784bb61eb581a8b46a3/html5/thumbnails/61.jpg)
Search Engine Optimization
![Page 62: Desenvolvimento web com software livre](https://reader033.fdocument.pub/reader033/viewer/2022051617/55b2e784bb61eb581a8b46a3/html5/thumbnails/62.jpg)
SEO é o processo de otimizar os conteúdos de uma página web para que os mecanismos de
busca o acessem facilmente.
![Page 63: Desenvolvimento web com software livre](https://reader033.fdocument.pub/reader033/viewer/2022051617/55b2e784bb61eb581a8b46a3/html5/thumbnails/63.jpg)
SEO permite que um site tenha presença na web.
![Page 64: Desenvolvimento web com software livre](https://reader033.fdocument.pub/reader033/viewer/2022051617/55b2e784bb61eb581a8b46a3/html5/thumbnails/64.jpg)
![Page 65: Desenvolvimento web com software livre](https://reader033.fdocument.pub/reader033/viewer/2022051617/55b2e784bb61eb581a8b46a3/html5/thumbnails/65.jpg)
![Page 66: Desenvolvimento web com software livre](https://reader033.fdocument.pub/reader033/viewer/2022051617/55b2e784bb61eb581a8b46a3/html5/thumbnails/66.jpg)
Ferramentas...
![Page 67: Desenvolvimento web com software livre](https://reader033.fdocument.pub/reader033/viewer/2022051617/55b2e784bb61eb581a8b46a3/html5/thumbnails/67.jpg)
Google Analytics
![Page 68: Desenvolvimento web com software livre](https://reader033.fdocument.pub/reader033/viewer/2022051617/55b2e784bb61eb581a8b46a3/html5/thumbnails/68.jpg)
Google Webmaster Tools
![Page 69: Desenvolvimento web com software livre](https://reader033.fdocument.pub/reader033/viewer/2022051617/55b2e784bb61eb581a8b46a3/html5/thumbnails/69.jpg)
![Page 70: Desenvolvimento web com software livre](https://reader033.fdocument.pub/reader033/viewer/2022051617/55b2e784bb61eb581a8b46a3/html5/thumbnails/70.jpg)
Java Enterprise Edition é uma plataforma de desenvolvimento para aplicações de grande
porte
![Page 71: Desenvolvimento web com software livre](https://reader033.fdocument.pub/reader033/viewer/2022051617/55b2e784bb61eb581a8b46a3/html5/thumbnails/71.jpg)
Com JavaEE são desenvolvidas aplicações distribuídas, as quais exigem quase todas as disciplinas de desenvolvimento e padrões.
![Page 72: Desenvolvimento web com software livre](https://reader033.fdocument.pub/reader033/viewer/2022051617/55b2e784bb61eb581a8b46a3/html5/thumbnails/72.jpg)
...multi-camadas, componentes modulares, padrões de projeto, acesso à dados,
transações, balanço de carga, concorrência, containers, integração, sistemas legados...
![Page 73: Desenvolvimento web com software livre](https://reader033.fdocument.pub/reader033/viewer/2022051617/55b2e784bb61eb581a8b46a3/html5/thumbnails/73.jpg)
Frameworks
![Page 74: Desenvolvimento web com software livre](https://reader033.fdocument.pub/reader033/viewer/2022051617/55b2e784bb61eb581a8b46a3/html5/thumbnails/74.jpg)
Ferramentas...
![Page 75: Desenvolvimento web com software livre](https://reader033.fdocument.pub/reader033/viewer/2022051617/55b2e784bb61eb581a8b46a3/html5/thumbnails/75.jpg)
tomcat.apache.org
![Page 76: Desenvolvimento web com software livre](https://reader033.fdocument.pub/reader033/viewer/2022051617/55b2e784bb61eb581a8b46a3/html5/thumbnails/76.jpg)
Eclipse EE
![Page 77: Desenvolvimento web com software livre](https://reader033.fdocument.pub/reader033/viewer/2022051617/55b2e784bb61eb581a8b46a3/html5/thumbnails/77.jpg)
NetBeans IDE
![Page 78: Desenvolvimento web com software livre](https://reader033.fdocument.pub/reader033/viewer/2022051617/55b2e784bb61eb581a8b46a3/html5/thumbnails/78.jpg)
Web Services
![Page 79: Desenvolvimento web com software livre](https://reader033.fdocument.pub/reader033/viewer/2022051617/55b2e784bb61eb581a8b46a3/html5/thumbnails/79.jpg)
Web Services são APIs que podem ser acessadas pela rede para integrar sistemas, ou aplicações diferentes.
![Page 80: Desenvolvimento web com software livre](https://reader033.fdocument.pub/reader033/viewer/2022051617/55b2e784bb61eb581a8b46a3/html5/thumbnails/80.jpg)
Os Web Services agilizam processos e comunicação entre sistemas, com alta segurança e sem intervenção
humana.
![Page 81: Desenvolvimento web com software livre](https://reader033.fdocument.pub/reader033/viewer/2022051617/55b2e784bb61eb581a8b46a3/html5/thumbnails/81.jpg)
Todos os WS falam a mesma língua...
![Page 82: Desenvolvimento web com software livre](https://reader033.fdocument.pub/reader033/viewer/2022051617/55b2e784bb61eb581a8b46a3/html5/thumbnails/82.jpg)
![Page 83: Desenvolvimento web com software livre](https://reader033.fdocument.pub/reader033/viewer/2022051617/55b2e784bb61eb581a8b46a3/html5/thumbnails/83.jpg)
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.
![Page 84: Desenvolvimento web com software livre](https://reader033.fdocument.pub/reader033/viewer/2022051617/55b2e784bb61eb581a8b46a3/html5/thumbnails/84.jpg)
Cloud Computing
![Page 85: Desenvolvimento web com software livre](https://reader033.fdocument.pub/reader033/viewer/2022051617/55b2e784bb61eb581a8b46a3/html5/thumbnails/85.jpg)
Muito Obrigado!