Desenvolvimento Web. Introdução Geral. Prof. Vicente Paulo de Camargo

Tamanho: px

Começar a partir da página:

Download "Desenvolvimento Web. Introdução Geral. Prof. Vicente Paulo de Camargo"

Cássio Caldas
5 Há anos
Visualizações:

1 Introdução Geral Prof. Vicente Paulo de Camargo

2 Web e Internet A Internet é uma rede de computadores que conecta milhões de computadores Se comunicam através do protocolos específicos A Web é uma forma de fornecer recursos para cada computador conectado Web = rede de alcance mundial A Internet foi originada daarpanet nos EUA A Internet se popularizou nos anos 90

Wide Web proposta em 1989 Em 1990 implementou a primeira comunicação bem

3 2014 Páginas Web 2004 Tim Beners-Lee Tim Beners-Lee (Timothy John Beners-Lee), físico britânico, cientista de computação e professor do MIT Criador da World Wide Web proposta em 1989 Em 1990 implementou a primeira comunicação bem sucedida via HTTP Diretor W3C Em 2016, recebeu o Prêmio Turing (Nobel da Computação)

4 Servidor e Cliente Cliente O Cliente utiliza de um programa denominado de navegador para acessar a internet Um navegador só reconhece HTML, JavaScript e CSS

5 Servidor e Cliente Cliente HTML = Hypertext Markup Language, que possui tags (ou etiquetas) de marcação em seu conteúdo CSS = Cascade Style Sheets (folhas de estilo), que são marcações para auxiliar na apresentação (melhorar o estilo e o layout) dos elementos de uma página

6 Servidor e Cliente Cliente JavaScript = é uma linguagem de programação interpretada, criada para atender no processamento das informações existentes em uma página web, no lado do cliente (navegador)

7 Servidor e Cliente Cliente Informa uma URL (localizador de recursos) O servidor é acessado na internet O servidor processa a solicitação do cliente (Solicitação = Request) O servidor gera a página HTML com seus recursos ( imagens, textos, mídias e outros) O servidor envia a página para o cliente solicitante

8 Servidor e Cliente Servidor Utiliza de um programa denominado de software servidor web (ou Container Web) para processar as solicitações Permite acessar banco de dados Permite analisar regras de negócio Gera a página html Envia a página para o cliente (Resposta = Response)

9 Servidor e Cliente request (solicitação) cliente url Programa servidor web como Apache, Tomcat, IIS Executa linguagens PHP, Java, Python, Ruby HTML response (resposta)

10 Servidor e Cliente request (Solicitação) cliente url Programa servidor web como Apache, Tomcat, IIS Executa linguagens PHP, Java, Python, Ruby HTML response (resposta) Banco de dados

11 Incompatibilidades Cliente Há diversas versões de programas navegadores web o que implica em certas incompatibilidades entre as versões quando se executa, principalmente, certos recursos de HTML, CSS e JavaScript Por isso algumas aplicações web executam melhor em alguns navegadores e em outros não

12 Incompatibilidades Exemplo de incompatibilidade de CSS: button { /* Prefixo para o Firefox. */ -moz-transition: all 0.2s linear; /* Prefixo para o Chrome, Safari, Safari Mobile e Android. */ -webkit-transition: all 0.2s linear; /* Prefixo para o Opera. */ -o-transition: all 0.2s linear; /* Versão final, ainda nao suportada em todos os browsers */ transition: all 0.2s linear; } Fonte: Html5 e CSS3 Domine a Web do Futuro (Lucas Mazza, Casa do código)

13 Padrões de Desenvolvimento O grande avanço do desenvolvimento web ocorreu com a criação da W3C que promove a padronização do desenvolvimento web no mundo No inicio, as páginas eram estáticas, não permitiam interação direta do usuário Em seguida, a tecnologia da época permitiu a programação de sistemas web que passaram a ser executados diretamente no servidor, gerando as páginas html para o cliente, principalmente com a utilização de php e asp. Criou-se diversas tecnologias para melhorar o desempenho das aplicações, como o uso de serviços web como SOAP (Protocolo de Acesso a Objetos Simples). Atualmente há o REST.

14 Padrões de Desenvolvimento O SOAP oferece recursos interessantes, liberando, inclusive, respostas no formato XML para o cliente solicitante. <xml> <pessoa> <nome>josé da Silva</nome> <idade>50</idade> </pessoa> <pessoa> <nome>maria Pereira</nome> <idade>25</idade> </pessoa> </xml>

15 Padrões de Desenvolvimento Atualmente, a tecnologia REST permite o retorno dos dados via JSON (JavaScript Object Notation) { } { codigo : 001, descricao : cd }, { codigo : 002, descricao : mouse }

16 Padrões de Desenvolvimento É evidente que há outras tecnologias envolvidas: Frameworks Bibliotecas e também o AJAX AJAX é o acrônimo de Asynchronous JavaScript and XML AJAX é uma técnica que permite tornar as respostas das páginas web mais rápidas, pois atualiza apenas os dados de uma determinada área da página. Isso evita de atualizar toda a página. AJAX é Javascript

17 Padrões de Desenvolvimento É evidente que há outras tecnologias envolvidas: Frameworks Bibliotecas e também o AJAX O que é Framework? Oferece recursos, como uma estrutura de classes, os quais o desenvolvedor possa utilizá-los em seu projeto. Exemplo: Você utiliza um framework que disponibiliza uma tela de login. Neste caso, você utiliza os recursos dessa tela para oferecer a autenticação de usuários. AJAX é o acrônimo de Asynchronous JavaScript and XML O que é Biblioteca? Oferece recursos por meio de métodos, os AJAX é umaquais técnica podem que ser permite utilizados tornar pela sua as respostas aplicação das páginas web mais rápidas, pois atualiza apenas os dados de uma determinada área da página. Isso evita de atualizar toda a página.

18 Padrões de Desenvolvimento O desenvolvimento de aplicações web envolve diversas etapas, tecnologias e profissionais Basicamente tem-se o desenvolvimento Front-End e Back-End O Front-End é desenvolvido por profissionais que são capacitados para criar as regras de negócio e o design da interface gráfica O Back-End é voltado para o desenvolvimento das regras de negócio existentes no servidor Full Stack é o profissional capaz de atuar nas duas áreas citadas anteriormente. Denominado de profissional Full Stack Web.

19 Padrões de Desenvolvimento FIM

Documentos relacionados

Nesta disciplina aprenderemos. HTML CSS JavaScript Jquery PHP

Nesta disciplina aprenderemos. HTML CSS JavaScript Jquery PHP Introdução Nesta disciplina aprenderemos HTML CSS JavaScript Jquery PHP HTML é a abreviatura de HyperText Mark-up Language. O HTML foi inventado em 1990, por um cientista chamado Tim Berners-Lee. A finalidade