Programação WEB http://www.w3.org/
Linguagens Inglês Português Morse Partitura
Linguagens para tecnologia C: 1969
Linguagens para WEB FRONT END BACK END ASP CGI CLIPPER VB.NET HTML JAVA PHP JAVASCRIPT CSS PYTHON C-Sharp PERL C++ COLD FUSION MAX SERVER PAGES ACTION SCRIPT
Javascript
Capítulo 1 Introdução Introdução Brendan Eich Mocha LiveScript JavaScript
Capítulo 1 Introdução Introdução European Computer Manufacturers Association Ecma EcmaScript Language EcmaScript Engine Brendan Eich JavaScript Google V8 Spider Monkey *
Capítulo 1 Introdução
Capítulo 1 Introdução Java X JavaScript Lançamento do navegador Netscape com suporte aos Applets (1996) Applets são aplicativos escritos em JAVA para rodar em um Browser. Para ajudar na popularização do JAVA, a linguagem foi nomeada como JavaScript
Capítulo 1 Introdução Como funciona? HTML(HyperText Markup Language) Linguagem para definir a apresentação de um site; Prever a separação entre o formato e o conteúdo; <body> <button id="btnteste">teste</button> </body> CSS (Cascading Style Sheet) Linguagem para definir a apresentação de um site; Prever a separação entre o formato e o conteúdo; <style> button{ background: red; } </style>
Capítulo 1 Introdução Como funciona? JavaScript Cérebro de uma aplicação web client-side; Pode manipular: Conteúdo e estrutura da aplicação (HTML) O Estilo da aplicação (CSS) O próprio Browser
Capítulo 1 Introdução Como funciona a internet? Servidor Meu computador
Capítulo 1 Introdução Como funciona a internet?
Capítulo 1 Introdução Como funciona a internet? Cabo Submarino Satélite
Capítulo 1 Introdução Como funciona a internet? https://www.viasatbrasil.com.br/planos
Capítulo 1 Introdução Como funciona a internet? Meu computador Servidor Pedir uma informação Enviar uma informação Somente enviar informação Eletricidade
Capítulo 1 Introdução Como funciona a internet? Uma panela Uma camiseta Uma lanterna
Capítulo 1 Introdução Como funciona a internet? Luz acessa = 1 Luz apagada = 0 98 Eletricidade 0 1 0 0 0 1 1 0 1 2 4 8 16 32 64 128
Capítulo 1 Introdução Como funciona a internet? Eletricidade 16 bytes 200 mega = 200.000.000 bytes
Capítulo 1 Introdução Como funciona? BYTES ($$) HTML CSS Javascript Servidor web
Programação WEB http://www.w3.org/
Capítulo 2 Primeiro código Endereço Preciso de um endereço na internet?
Capítulo 2 Primeiro código Endereço Domínio Hospedagem
Capítulo 2 Primeiro código Endereço Domínio
Hospedagem Capítulo 2 Primeiro código
Domínio
Como funciona?
Como funciona?
Pagamento
Pagamento
Como funciona?
Capítulo 2 Primeiro código Endereço DNS Hospedagem ns19.integrator *.com.br ns20.integrator
Como funciona?
Como funciona?
Vamos programar? Vamos programar?
Primeiro passo MOCKUP (protótipo)
Primeiro passo http://oficinaprogramacaoweb.com.br/web-dia3.zip
Inicio quadrados todos cinza Escolhe um numero: 1 a 4 Traz o quadrado escolhido para o JS Adiciona quadrado na fila de escolhidos 1 2 3 Pinta o quadrado daqui a 300ms Pinta o quadrado de cinza daqui a 300ms Recupera o quadrado escolhido na fila de escolhidos 4 5 6 Verifica se o quadrado clicado é igual ao escolhido Se SIM, pinta o quadrado da cor original e escolhe outro daqui a 300ms Se NÃO mostra a mensagem de erro. 7 8 9
Inicio quadrados todos cinza Escolhe um numero: 1 a 4 Traz o quadrado escolhido para o JS Adiciona quadrado na fila de escolhidos 1 2 3 Pinta o quadrado daqui a 300ms Pinta o quadrado de cinza daqui a 300ms Recupera o quadrado escolhido na fila de escolhidos 4 5 Javascript puro DOM : document object model 6 Verifica se o quadrado clicado é igual ao escolhido Se SIM, pinta o quadrado da cor original e escolhe outro daqui a 300ms Se NÃO mostra a mensagem de erro. 7 8 9 HTML
Será que é sempre assim? HTML na raça + CSS tudo na mão + Javascript puro do zero E se alguém acessar do celular ou tablet? Vou precisar também pensar nisso? Desisto... é muito trabalho pra fazer