A apresentação está carregando. Por favor, espere

A apresentação está carregando. Por favor, espere

Dia 1 Overview. O que veremos Conceitos Essenciais para Desenvolvimento WEB Em Geral Preparando o Ambiente Ambientação com a Linguagem Orientação a Objeto.

Apresentações semelhantes


Apresentação em tema: "Dia 1 Overview. O que veremos Conceitos Essenciais para Desenvolvimento WEB Em Geral Preparando o Ambiente Ambientação com a Linguagem Orientação a Objeto."— Transcrição da apresentação:

1 Dia 1 Overview

2 O que veremos Conceitos Essenciais para Desenvolvimento WEB Em Geral Preparando o Ambiente Ambientação com a Linguagem Orientação a Objeto

3 Conceitos Sobre Web Em Geral Protocolo HTTP HTML Javascript CSS Hypertext Transfer Protocol Hypertext Markup Language Não tem nada haver com Java Cascade Style Sheet

4 Conceitos Sobre Web Em Geral Protocolo HTTP HTML Javascript CSS Hypertext Transfer Protocol Hypertext Markup Language Não tem nada haver com Java Cascade Style Sheet

5 HTTP in a Nutshell Stop ! IE só serve para baixar os outros browsers. Use Firefox, Chrome ou Safari Stop ! Apache!!

6 HTTP in a Nutshell

7 GET, POST, PUT, DELETE É o tipo de requisição enviada pelo cliente para o servidor. Pode ser tratada como desenvolvedor bem entender GET - Tipicamente o que se obtem ao acessar uma url pelo navegador. Parâmetros na url POST - Tipicamente ao enviar formulários. Parâmetros em variáveis PUT - Faz parte da especificação HTTP, significa atualizar DELETE - Idem, deletar GET - Tipicamente o que se obtem ao acessar uma url pelo navegador. Parâmetros na url POST - Tipicamente ao enviar formulários. Parâmetros em variáveis PUT - Faz parte da especificação HTTP, significa atualizar DELETE - Idem, deletar

8 HTTP serve HTML e qualquer outra coisa Tipicamente HTML, CSS e Javascript são enviados Pro Tip: Javascript não é tudo o que existe. Qualquer linguagem script pode ser executada desde que o navegador tenha a Máquina Virtual para linguagem. Exemplos: VBScript (dead), Typescript (alpha), Google Dart (alpha)

9 HTML O que é HTML 5? Tem mais marketing no nome do que realmente é mas pegou (assim como web 2.0) Junção de todos os novos recursos produzidos pela indústria: HTML5, CSS3, Novas APIs Javascript Daqui a pouco estão vendendo igual mp5, mp6, mp7

10 HTML5 Titulo da página Oi sou uma caixa com classe alerta Oi sou mais uma caixa com classe alerta

11 HTML5 Titulo da página Oi sou uma caixa com classe alerta Oi sou mais uma caixa com classe alerta

12 HTML5 Titulo da página Oi sou uma caixa com classe alerta Oi sou mais uma caixa com classe alerta

13 DOM Texto html headbody div#primei ro div#sub- div p

14 CSS3.classe #id elemento elemento[propriedade=valor].classe:hover, #id:first-child #id > ul #id ul button.primario

15 CSS3 seletor { color: #cccccc; font-size: 12px; text-align: justify; border: 1px solid #333; } Uma propriedade aplicada no pai vai ter efeito em todos os nós filhos a não ser que sobreescrito no filho Regras inline tem precedencia sobre regras externas

16 Javascript Fracamente Tipada e Interpretada Orientada a Objeto por Técnica prototype (ruim pra cacete) Sintaxe parecida com C, C++ e Java Programação Dirigida por Eventos

17 Javascript anoaniversario = 1988 // variável global var dataatual = new Date(); // variável local var aniversario = new Date(); aniversario.setFullYear(anoaniversario); var idade = dataatual - aniversario; var idadeTotal = ((((idade/1000) / 60) / 60) / 24)/365; alert("Aniversario " + aniversario + " Idade: " + idadeTotal.toFixed(0));

18 Javascript e DOM document.getElementById() document.getElementsByName() document.getElementsByTagName() ment.asp

19 Preparando o Ambiente Use Linux/Unix e seja feliz, 90% das hospedagens PHP são linux, todas as boas hospedagens são em linux. Vantagens: Mais recursos, simplicidade, rápido, estável, de graça, enterprise Sem Linux? No problem, baixe o XAMPP ou Wamp e instale tudo de uma vez

20 Instalação Básica Linux apt-get install apache php5 mysql-server chmod 777 /var/www (apenas em ambiente de desenvolvimento) Pronto!

21 PHP Fracamente Tipada Orientada a Objeto Interpretada

22 PHP Resumidamente, usa-se PHP para gerar páginas HTML dinâmicamente. Servidor Apache lê o arquivo Quando encontra as tags passa o conteúdo para o módulo PHP interpretar O resultado entra no lugar da tag O resultado entra no lugar da tag Isso significa que HTML e PHP podem ser mesclados (apesar de não ser muito legível)

23 Sintaxe Básica Variáveis começam com $ Funções: function nome(){ echo Nome; // Comentários, toda instrução termina com ; } Estruturas de controle, iguais à Java e C If, else, for, foreach, while, do- while, switch-case

24 Sintaxe Básica Operadores básicos: / * Operadores de String Alguns são str_algumacoisa: str_replace() Outros são ucfirst, strtoupper, strtlower Operadores Lógicos: && || AND OR == != Operador Ternário: if true ? Verdadeiro : Falso

25 Orientação a Objeto class, extends, interface, implement, private public, protected Não há sobrecarga de função, mas pode ser simulada

26 Isso é só o começo Perguntas? Mão na massa!

27 Isso é só o começo Perguntas? Mão na massa!


Carregar ppt "Dia 1 Overview. O que veremos Conceitos Essenciais para Desenvolvimento WEB Em Geral Preparando o Ambiente Ambientação com a Linguagem Orientação a Objeto."

Apresentações semelhantes


Anúncios Google