Apresentação sobre quais são os primeiros passos e o caminho a seguir no desenvolvimento web. FLISOLGO 09/04/2011

1. Primeiros Passos para o
Desenvolvimento Web
Eduardo Faria de Souza

2. Índice
● Como a web funciona?
● Computação em nuvem
● Ferramentas Necessárias
● Navegadores
● Editores de Texto
● Cliente FTP
● Linguagens
● HTML + CSS + JavaScript
● Ruby, PHP e Frameworks
● Banco de Dados
● O Aplicativo
● Implementação
● Registrar Domínio
● Hospedagem
● Pronto!

3. Como a web funciona

4. Computação em Nuvem

5. Computação em Nuvem
Custos Produtividade
Complexidade Segurança
Manutenção Portabilidade

6. Computação em Nuvem - Riscos
● Privacidade
● Segurança
● Controle de terceiros
● Indisponibilidade do servidor

7. Potencial da Web

8. Potencial da Web

9. Potencial da Web

10. Potencial da Web

11. Potencial da Web

12. Ferramentas Necessárias

13. Ferramentas Necessárias
● Navegador
● Editor de Texto
● Cliente FTP

14. Navegadores
É o responsável por buscar, montar e
apresentar as páginas na web.

15. Internet Explorer
Desenvolvedor: Microsoft
Versão Estável: 9
Motor: Trident
Licença: Proprietária
SO: Windows

16. Firefox
Desenvolvedor: Mozilla Foundation
Versão Estável: 4
Motor: Gecko
Licença: Código Livre
SO's: Windows, Linux e Mac OS

17. Chrome
Desenvolvedor: Google
Versão Estável: 10
Motor: V8
Licença: Código Livre
SO's: Windows, Linux e Mac OS

18. Navegadores – Testes Sintéticos

19. Navegadores – Testes Sintéticos

20. Navegadores – Market Share
2% 7%
12%
Internet Explorer
Firefox
Chrome
Safari
Opera
57%
22%
NetMarketshare <http://bit.ly/BrowsersMarketShare0411>

21. Editores de Texto

22. Editores de Texto

23. Editores de texto
Windows
● Notepad++
● Dreamweaver
Linux
● Gedit
● Geany
Mac OS
● Coda
● TextMate
Multiplataforma (Windows, Linux e Mac OS)
● Aptana
● NetBeans
● Eclipse
● VIM

24. Cliente FTP
File Transfer Protocol
Ajudar a tranferir aquivos do computador
para o servidor.
Filezilla

25. Conhecimento necessário
Cliente
● HTML
● CSS
● JavaScript
Servidor
● PHP
● Ruby + Ruby On Rails

26. Pit-Stop: Framework, definição
É um conjunto de código, feito para facilitar a
programação, evitar a repetição e reinvenção
da roda a todo momento.

27. Parte Cliente

28. HTML
HyperText Markup Language
(Linguagem de Marcação de Hipertexto)
É a linguagem de marcação usada para
“montar” as páginas web.

29. HTML

30. HTML

31. CSS
Cascading Style Sheet
(Folha de Estilo em Cascata)
É uma linguagem de estilo usada para definir
a apresentação de páginas web.

32. CSS

33. CSS

34. HTML + CSS

35. HTML + CSS

36. HTML + CSS

37. HTML + CSS

38. JavaScript
Linguagem de programação do lado cliente,
que possibilita a manipulação de objetos na
página web.

39. A Santa Trindade

40. HTML5

41. Parte Servidor

42. Ruby
Uma linguagem dinâmica, open source com
foco na simplicidade e na produtividade. Tem
uma sintaxe elegante de leitura natural e fácil
escrita.

43. Ruby On Rails
É um framework livre, desenvolvido a partir
de uma aplicação real, que promete
aumentar velocidade e facilidade no
desenvolvimento de aplicações web.

44. Ruby + Ruby On Rails - Características
Ruby
● Elegante
● Poderosa
● Legível
● Consisa
Ruby On Rails
● Convenção sobre configuração
● ORM (Object Relational Maping)
● Práticas Ágeis
● Segurança

45. PHP
É uma linguagem de programação voltada
para o desenvolvimento web.

46. PHP - Características
● Velocidade e robustez
● Orientado a objetos
● Sintaxe similar a C/C++
● Fácil implementação

47. PHP - Frameworks

48. Bancos de Dados
É um conjunto de dados organizados e
estruturados de forma que seja possível
manipular, correlacionar ou extraí-los.

49. Bancos de Dados
Pessoas
id nome cidade
1 Thiago Belo Horizonte
2 Artur Porto Alegre
3 Rafael Goiânia
4 Vitor Manaus

50. Bancos de Dados
Pessoas Cidades
id nome cidade
id cidade
1 Thiago 3
1 Goiânia
2 Artur 4
2 Manaus
3 Rafael 1
3 Belo Horizonte
4 Vitor 2
4 Porto Alegre
5 Maria 4

51. O Aplicativo

52. O Aplicativo

53. Implementação (deploy)

54. Implementação (deploy)
1 - Pegar algo
2 - Colocar esse algo em seu devido lugar
3 - Deixar pronto para usar

55. Registrar o domínio
Domínios Nacionais
.com.br
.eng.br
.art.br
… .br
Domínios Internacionais
.com
.net
.org
. ...

56. Registrar domínio nacional

57. Registrar domínio internacional

58. Registrar domínio internacional

59. Hospedagem
É o serviço que vai hospedar seu site/sistema.

60. Hospedagem
É o serviço que vai hospedar seu site/sistema.

61. Enviar os arquivos por FTP

62. Enviar os arquivos por FTP

63. Enviar os arquivos por FTP

64. Enviar os arquivos por FTP

65. Aplicação Pronta!

66. Até a próxima
Eduardo Faria de Souza (@eduardodx)
www.eduardodx.com.br
www.slideshare.net/eduardodx