Desenvolvimento Web. Versão 2 Jan/2019. Professor Emiliano S. Monteiro

Tamanho: px

Começar a partir da página:

Download "Desenvolvimento Web. Versão 2 Jan/2019. Professor Emiliano S. Monteiro"

Francisca Cesário
5 Há anos
Visualizações:

1 Desenvolvimento Web Versão 2 Jan/2019 Professor Emiliano S. Monteiro

2 O início! Tim Berners Lee desenvolveu o: URI, HTML e HTTP e servidor web.

3 1945 Vanner Bush escreveu um artigo no Atlantic Monthly descrevendo um dispositivo photo eletro mecânico chamado Memex para realizar links entre documentos em micro fichários Doug Engelbart prototipou o "online System (NLS) que tinha hypertext browsing, edição, , inventor do Mouse Ted Nelson cunhou o termo Hiperlink 1984 Tim Berner Lee entrou no CERN Proposta para o banco de informações com hiperlinks Proposta do Tim é re-escrita e consegue recursos do CERN Tim desenvolve o HTTP, HTML, Browser, e um servidor web Desenvolvimento do Gopher. Projeto Java iniciado Surgem os primeiros navegadores (Erwise, ViolaWWW, Mosaic). Lançado o primeiro browser de linha CERN declara que a WWW seria usada de forma gratuíta e proibe uso comercial Tim Berners Lee funda o Consórcio WWW. Lançado o navegador "Internet ina a box" Web é o principal tema do G7. Lançamento do Browser Opera, Internet Explorer, Netscape e Cello. Lançamento do Javascript. Início do desenvolvimento do PHP. Lançamento do Java Lançamento do Internet Explorer 3.0. Lançamento do ASP Lançamento do Google como motor de busca. Surgimento do PHP 3. PHP é aceito mundialmente como linguagem de script server side Surgimento dos domínios.com. Lançamento da Zend technologies Lançado o Internet Explorer 5 que suportava toda a especificação do CSS Fundada a wikipedia Aparece a web 2. Lançamento das redes sociais Friendster e MySpace Criado o primeiro grande firewall pelo governo chines Lançado o facebook para o público em geral. Google aceita parceria com o governo chines para colaborar com filtros nas buscas online. Lançada a versão desktop do Java. Sun libera java como software open source Lançamento do iphone com suporte a web Lançado o Google Chrome e Chrome OS Oracle compra Sun Wikileaks libera documentos sobre monitoração de cidadãos feito pelo governo dos Estados Unidos Lançamento do PHP Oracle descontinua o plugin java para os navegadores. Breve histórico

4 Modelo de execução de código Modelo de execução local Aplicação Aplicação SO Hardware Client side script Javascript Navegador SO Hardware Server side script Servidor web Site PHP DB SO Hardware Web/ Rede

5 Modelo de execução de código Client Side Javascript, ajax, ou plugins Browser (Firefox, Opera, Chrome) http request Internet http response (HTML, CSS, Dados, javascript, Imagens, etc) Porta 80 Server Side Web server Apache Microsoft IIS NGINX OS Server Scripts diversos File system Application server SQL Dados Microsoft IIS Tomcat/Glashfish Oracle Weblogic IBM Websphere Red Hat JBoss (WildFly) Zend Server Zope Node.js Exemplo: Porta 3306 (MySQL) e 1433 (SQL Server) Database server Oracle Database Oracle MySQL MariaDB IBM DB2 IBM Informix Microsoft SQL Server SAP Sybase Teradata Adabas Objetos & Tabelas

6 + conceitos Web hosting: hospedagem de páginas web, exemplo: locaweb. Servidor dedicado: uma máquina em um datacenter exclusiva para a utilização pelo cliente nas suas necessidades de processamento. Web Server: Servidor de páginas, exemplo: Apache e IIS. Web Service: Um serviço da Web é um termo genérico para uma função de software de máquina para máquina interoperável hospedada em um local endereçável da rede, IBM, fonte:

7 Localhost ( ) WAMP x XAMPP

9 Microsoft Visual C++ Redistributable! Quem for utilizar o WAMP deverá ter o Windows atualizado! O instalador provavelmente irá pedir o Microsoft Visual C++ Redistributable última versão, no final da instalação será pedido este download. É bom realizar a instalação com o PC/notebook conectado na internet!

12 Servidores Web - estatísticas de servidores web

15 Painel de controle de uma hospedagem

23 Arquivo index.html <!DOCTYPE html> <html> <head> </head> <meta charset="utf-8"> <title>o que aparece na ABA!</title> head <body> </body> <h1>meu primeiro cabeçalho!</h1> <p>meu primeiro parágrafo</p> body html </html> Página principal, quando o site for feito em php a extensão será.php e em asp será.aspx

24 FTP anônimo Um método para baixar arquivos públicos usando o File Transfer Protocol (FTP). O FTP anônimo é chamado de anônimo porque você não precisa se identificar antes de acessar arquivos. Em geral, se insere a palavra anônimo ou ftp quando o host solicita um nome de usuário. Muitos sites de FTP estão protegidos. Ao contrário dos sites de FTP anônimos, esses sites de FTP restritos só podem ser acessados por pessoas que inserem um nome de usuário e uma senha válidos.

25 Cache de navegação Porção do espaço do disco rígido de um computador onde um navegador armazena temporariamente páginas da Web recentemente visitadas para acelerar a navegação na internet. Se (durante a mesma sessão de navegação) o usuário tentar voltar para essas páginas, o navegador exibe as páginas armazenadas em vez de baixá-las novamente. O cache do navegador ou arquivos temporários da Internet são uma maneira que os navegadores baixam imagens, dados e documentos do site para visualização mais rápida no futuro. Ao manter uma cópia local de algumas informações do site, seu navegador poderá carregar pelo menos algumas informações de cada página que você visitou sem baixar essas informações novamente do servidor. Isso pode diminuir o tempo necessário para carregar uma página da Web. A desvantagem é que a informação em um site pode ter mudado enquanto seu navegador carrega uma versão mais antiga.

26 Navegação anônima A navegação na Web anônima permite que um usuário visite sites da Web sem permitir que ninguém colete informações sobre quais sites o usuário visitou. Os serviços que fornecem anonimato desativam janelas pop-up e cookies e ocultaram o endereço IP do visitante. Esses serviços geralmente usam um servidor proxy para processar cada solicitação HTTP. Quando o usuário solicita uma página da Web clicando em um hiperlink ou digitando um URL em seu navegador, o serviço recupera e exibe as informações usando seu próprio servidor. O servidor remoto (onde a página da Web solicitada reside) recebe informações sobre o serviço de navegação na Web anônimo em lugar das informações do usuário. A navegação na Web anônima é popular por dois motivos: proteger a privacidade do usuário e / ou ignorar os aplicativos de bloqueio que impedem o acesso a sites da Web ou partes de sites que o usuário deseja visitar.

27 Full stack

28 CDN - Content Delivery Networks

29 CDN

30 CDN

31 CDN <link rel="stylesheet" href=" <link rel="stylesheet" href=" <script defer src="

32 Editores HTML Professor Emiliano S. Monteiro

33 Notepad++ PSPad Komposer e NVU Komodo Edit Dreamweaver BlueGriffon BlueFish Sublimetext Visual Studio Community 2017 e 2019 Visual Studio Code

34 Notepad++

35 PSPad

36 Komposer e NVU

37 Komodo Edit

38 Dreamweaver e Sublimetext [proprietários]

39 BlueGriffon

40 BlueFish Você terá que instalar o GTK!

41 Visual Studio Community 2017 e 2019

42 Visual Studio Code

43 Visual Studio Code

44 Cenário de trabalho Acesso pela porta 80 Apache PHP URL: localhost/meu_site MySQL Porta do MySQL 3306 Index.html

45 MySQL Front Para utilizar o banco de dados você pode usar o phpmyadmin, ou se preferir: o MySQL, HeidiSQL, MySQL WorkBench, etc...

46 Caminho da pasta: www, html_public ou root XAMPP: C:\xampp\htdocs\meu_site WAMP: C:\wamp64\www\meu_site Esta é a pasta que você vai criar!

47 Referências

48 Referências rvices.doc/concepts/dfhws_definition.html

Documentos relacionados

Desenvolvimento Web. Aula 1 - Introdução. Professor Emiliano S. Monteiro

Desenvolvimento Web. Aula 1 - Introdução. Professor Emiliano S. Monteiro Desenvolvimento Web Aula 1 - Introdução Professor Emiliano S. Monteiro O início! Tim Berners Lee desenvolveu o: URI, HTML e HTTP e servidor web. https://www.w3.org/history/1989/proposal.html https://webfoundation.org/about/vision/history-of-the-web/