JAVASCRIPT DE QUALIDADE HOJE, AMANHÃ E SEMPRE GUILHERME CARREIRO THIAGO OLIVEIRA

Tamanho: px
Começar a partir da página:

Download "JAVASCRIPT DE QUALIDADE HOJE, AMANHÃ E SEMPRE GUILHERME CARREIRO THIAGO OLIVEIRA"

Transcrição

1 JAVASCRIPT DE QUALIDADE HOJE, AMANHÃ E SEMPRE GUILHERME CARREIRO THIAGO OLIVEIRA

2 GUILHERME CARREIRO Rubyist and code deisgner THIAGO OLIVEIRA Indian and Java programmer

3 <>

4 Há muito tempo...

5 ECMAScript

6

7 A linguagem (hoje)

8 prototype a = ["Javascript", "Ruby", "Java", "Python", "Haskell"]; a.first(); // => TypeError: Object Javascript,Ruby,... has no method 'first' Array.prototype.first = function() { return this[0]; a.first(); // => "Javascript"

9 function devcamp () { a = 2; novoevento(a); ; devcamp(); console.log(a); // => 2 var

10 function devcamp () { var a = 2; novoevento(a); ; devcamp(); console.log(a); // => a is not defined var

11 var js = 'JS'; function teste() { var ruby = 'Ruby'; console.log(ruby); console.log(js); var js = 'Javascript'; teste(); // => "Ruby" // => undefined var

12 var js = 'JS'; function teste() { var js, ruby = 'Ruby'; console.log(ruby); console.log(js); js = 'Javascript'; teste(); // => "Ruby" // => undefined var

13

14 var function f () { var i = 0; for (; i < 10; i++) { var js = 'JavaScript' console.log(js); f(); // => JavaScript

15 var function f () { var i = 0; for (; i < 10; i++) { var js = 'JavaScript' console.log(js); f(); // => JavaScript let function f () { var i = 0; for (; i < 10; i++) { let js = 'JavaScript'; console.log(js); f(); // 'js' is not defined

16 var function f () { var i = 0; for (; i < 10; i++) { var js = 'JavaScript' console.log(js); f(); // => JavaScript let function f () { var i = 0; for (; i < 10; i++) { let js = 'JavaScript'; console.log(js); f(); // 'js' is not defined const const js = JavaScript'; js = Ruby ; // const 'js' has already been // declared.

17

18 Bad smells (front-end)

19 Código Javascript misturado com código HTML <DOCTYPE html> <html> <head></head> <body> <input type="button" onclick="validateandsubmit();" /> <script type="text/javascript"> dosomething(); </script> </body> </html>

20 Código Javascript misturado com código HTML <-- index.html --> <DOCTYPE html> <html> <head> </head> <body> <input type= button" id= btn /> <script src= devcamp.js" type="text/javascript"></script> </body> </html> // devcamp.js var btn = document.getelementbyid('btn'); btn.addeventlistener('click', validateandsubmit); (function(){ dosomething(); ());

21 CSS misturado com código Javascript var botao = document.getelementbyid('botao'); botao.onclick = function(e) { this.style.border = '2px solid red';

22 CSS misturado com código Javascript var botao = document.getelementbyid('botao'); botao.onclick = function(e) { this.classname = 'special-button';

23 Lógica de negócio no Javascript var botao = document.getelementbyid('botao'), saldo = %>; botao.onclick = function(e) { if(saldo > 0) { comprar(); else { return false;

24 Código HTML no Javascript var botao = document.getelementbyid('botao'), saldo = %>; botao.onclick = function(e) { var status = document.getelementbyid('status'), html = '<div>', foto = getuserpicture(); if(saldo > 0) { html += '<img src="' + foto + '" alt="foto" />'; html += '<h1>saldo: ' + saldo + ' =)</h1>'; html += '</div>'; status.innerhtml = html;

25 <-- index.html --> <script src="jquery.tmpl.js" type="text/javascript"></script> < > <div id="template"> <div> <img src="${path" alt="foto" /> <h1>saldo: ${saldo =)</h1> </div> </div> // devcamp.js var botao = $('#botao'), template = $('#template'), saldo = %>; botao.click(function(e) { var html, status = $( #status'), foto = getuserpicture(); if (saldo > 0) { html = $.tmpl(template.html(), {saldo: saldo, path: foto).html(); status.html(html); );

26 Separar responsabilidades HTML Conteúdo CSS Estilo JS (client side) Ruby (server side) Lógica de apresentação Lógica de negócio Fonte:

27

28 Herança moderna

29 Herança moderna function object(o) { function F() { F.prototype = o; return new F(); var parent = { name: 'Papa' var child = object(parent); console.log(child.name); // => Papa

30 Herança clássica

31 function Parent() { this.name = 'Joey'; Parent.prototype.say = function() { console.log('i\'m ' + this.name); function Child() { this.name = 'Dee Dee'; function inherits(child, Parent) { Child.prototype = Object.create(Parent.prototype); inherits(child, Parent); var a = new Child(); a.say(); // => I'm Dee Dee

32 Padrão klass var SuperHuman = Person.extend(function (name) { //... ).methods({ walk: function() { this.supr(); this.fly();, fly: function() { //... ); new SuperHuman( Zelda').walk(); https://github.com/ded/klass

33

34 Classes com o ECMAScript 6

35 Classes class Man { constructor (name) { this.name = name; say (message) { return this.name + ': ' + message; let john = new Man('John Doe ); john.say('hi'); // => John Doe: Hi

36 class Man { constructor (name) { this.name = name; say (message) { return this.name + ': ' + message; class SuperMan extends Man { constructor () { super('clark Kent'); fly () { return 'Flying...'; let superman = new SuperMan(); superman.say('yeah'); // => Clark Kent: Yeah superman.fly(); // => Flying...

37

38 var plus = function (a, b) { return a + b; ; var plus = (a, b) => { return a + b; ; var plus = (a, b) => a + b; var square = a => a * a; Arrow functions

39 [1, 2, 3].map(function (i) { return i * i; ); // => [1, 4, 9] [1, 2, 3].map(x => x * x); // => [1, 4, 9] Arrow functions

40 Modules // plugins/math.js export function square (a) { return a * a; // index.js import {square from 'plugins/math.js'; square(1);

41 // plugins/math.js export function square (a) { return a * a; // index.js import 'plugins/math.js' as Math; Math.square(1); Modules

42 var g = function (a, b) { a = a 1; b = b 1; return a + b; var f = function (a = 1, b = 1) { return a + b; f(); // => 2 f(2, 2); // => 4 f(undefined, 7); // => 8 Default arguments

43 var f = function (a = 1,...b) { console.log(a, b); f(1); // => 1 [] f(1, 2); // => 1 [2] f(1, 2, 3); // => 1 [2, 3] Rest parameters

44 Interpolation let a = 4; let b = 3; let code = `${a + ${b = ${a + b`; // => = 7 let code = ` def plus(a, b) a + b end `;

45 Quando?

46

47 Como começar?

48 Node.js

49 Traceur

50 Como melhorar hoje?

51 Bower

52 Grunt.js

53 Jasmine

54

55 OBRIGADO :) PERGUNTAS?

Universidade Federal do Espírito Santo CCA UFES. Centro de Ciências Agrárias CCA UFES Departamento de Computação. JavaScript

Universidade Federal do Espírito Santo CCA UFES. Centro de Ciências Agrárias CCA UFES Departamento de Computação. JavaScript Universidade Federal do Espírito Santo Centro de Ciências Agrárias CCA UFES Departamento de Computação Universidade Federal do Espírito Santo CCA UFES JavaScript Desenvolvimento de Sistemas para WEB Site:

Leia mais

Tecnologias para Web Design

Tecnologias para Web Design Tecnologias para Javascript e DOM Introdução à Scripts Um script do lado cliente é um programa que acompanha um documento HTML Pode estar incluído no próprio documento embutido ou acompanha-lo num arquivo

Leia mais

Desenvolvimento de Sistemas Web Prof. Leandro Roberto. Aula 18 JavaScript: Eventos MySQL PHP (insert, update e delete)

Desenvolvimento de Sistemas Web Prof. Leandro Roberto. Aula 18 JavaScript: Eventos MySQL PHP (insert, update e delete) Desenvolvimento de Sistemas Web Prof. Leandro Roberto Aula 18 JavaScript: Eventos MySQL PHP (insert, update e delete) JavaScript Eventos Alguns eventos de uma página HTML podem ser interceptados e programados

Leia mais

/*o elemento deve incluir um título para o documento, e pode incluir scripts, estilos, informações de meta, e muito mais*/

<head>/*o elemento <head> deve incluir um título para o documento, e pode incluir scripts, estilos, informações de meta, e muito mais*/ /*o declaração deve ser a primeira coisa em seu documento HTML, antes da tag . A declaração não é uma tag HTML; é uma instrução para o navegador da web sobre qual

Leia mais

Primeiro contato com JavaScript

Primeiro contato com JavaScript Primeiro contato com JavaScript Visão Geral JavaScript É uma linguagem em formato script; Permite dinamizar funções do site e criar interatividade em páginas web. O JavaScript permite: Coletar dados dos

Leia mais

PROGRAMAÇÃO PARA INTERNET. Fonte: Raul Paradeda

PROGRAMAÇÃO PARA INTERNET. Fonte: Raul Paradeda PROGRAMAÇÃO PARA INTERNET Introdução à AJAX Fonte: Raul Paradeda INTRODUÇÃO Para entender o que é o AJAX é necessário ter o prévio conhecimento de: HTML / XHTML; Javascript; CSS; XML. INTRODUÇÃO Ao pesquisar

Leia mais

Programação WEB I DOM (Document Object Manager)

Programação WEB I DOM (Document Object Manager) Programação WEB I DOM (Document Object Manager) DOM Significa Modelo de Objetos de Documentos e tem por finalidade descrever e padronizar os objetos e seus relacionamentos em uma aplicação. Tem a finalidade

Leia mais

José Janeiro (Nº2467) Trabalho prático: HTML, CSS, Javascript. EmpregoWeb-Registo de pessoas

José Janeiro (Nº2467) Trabalho prático: HTML, CSS, Javascript. EmpregoWeb-Registo de pessoas José Janeiro (Nº2467) Trabalho prático: HTML, CSS, Javascript EmpregoWeb-Registo de pessoas Elabore um sítio Web de nome EmpregoWeb, recorrendo à linguagem HTML utilizando folhas de estilos (CCS) que registe

Leia mais

O que é o Javascript?

O que é o Javascript? O que é o Javascript? JavaScript é uma linguagem para criação de Home-Pages. Funções escritas em JavaScript podem ser embutidas dentro de seu documento HTML. Com JavaScript você tem muitas possibilidades

Leia mais

rumo ao HTTP 2.0 o que vem por aí e o que você pode utilizar já com SPDY

rumo ao HTTP 2.0 o que vem por aí e o que você pode utilizar já com SPDY rumo ao HTTP 2.0 o que vem por aí e o que você pode utilizar já com SPDY Luiz Corte Real @srsaude Sérgio Lopes @sergio_caelum m a ç n la to n e review HTTP em 5 slides $ telnet www.caelum.com.br 80 Trying

Leia mais

O que é o JavaScript?

O que é o JavaScript? JavaScript Introdução O JavaScript é utilizado por milhões de páginas na web para melhorar o design, validar forms, e muito mais O JavaScript foi inicialmente desenvolvido pela Netscape e é a linguagem

Leia mais

Tecnologias para apresentação de dados - Java Script. Aécio Costa

Tecnologias para apresentação de dados - Java Script. Aécio Costa Tecnologias para apresentação de dados - Java Script Aécio Costa Foi originalmente implementada como parte dos navegadores web para que scripts pudessem ser executados do lado do cliente e interagissem

Leia mais

PROGRAMAÇÃO MANUAL DE INSTRUÇÕES SEJA BEM VINDO VERSÃO 1.4 10/01/2013 UDS SOLUÇÕES DIGITAIS

PROGRAMAÇÃO MANUAL DE INSTRUÇÕES SEJA BEM VINDO VERSÃO 1.4 10/01/2013 UDS SOLUÇÕES DIGITAIS VERSÃO 1.4 10/01/2013 UDS SOLUÇÕES DIGITAIS PROGRAMAÇÃO MANUAL DE INSTRUÇÕES Instruções, métodos e recomendações para desenvolvimento de sistemas na UDS. 1 Sumário Apresentação... 3 Estrutura de pastas:...

Leia mais

files, que devolve um objeto do tipo FileList.

files, que devolve um objeto do tipo FileList. WEB STORAGE 199 7.4.3 FILE API A File API foi introduzida para nos fornecer maior flexibilidade no acesso ao conteúdo de ficheiros a partir de uma página HTML. Por predefinição, o acesso a um ficheiro

Leia mais

JavaScript: Validação de Formulários. Prof. Ivanilton Polato ipolato@utfpr.edu.br ipolato@gmail.com

JavaScript: Validação de Formulários. Prof. Ivanilton Polato ipolato@utfpr.edu.br ipolato@gmail.com JavaScript: Validação de Formulários Prof. Ivanilton Polato ipolato@utfpr.edu.br ipolato@gmail.com Validação de Formulários Um dos usos mais frequentes do JS é a validação de formulários. Além de garantir

Leia mais

Desenvolvimento de Aplicações para Internet

Desenvolvimento de Aplicações para Internet Desenvolvimento de Aplicações para Internet Aula 03 Celso Olivete Júnior olivete@fct.unesp.br Na aula de hoje... Javascript: introdução, operadores lógicos e matemáticos, comandos condicionais. Javascript:

Leia mais

JAVASCRIPT. Prof. Fellipe Aleixo (fellipe.aleixo@ifrn.edu.br)

JAVASCRIPT. Prof. Fellipe Aleixo (fellipe.aleixo@ifrn.edu.br) JAVASCRIPT Prof. Fellipe Aleixo (fellipe.aleixo@ifrn.edu.br) JAVASCRIPT É a linguagem de script da Web Adicionam funcionalidades às páginas HTML Validação de entrada Comunicação com servidores Web Entre

Leia mais

HTML / JAVASCRIPT. A versão atual é o HTML5 (seus predecessores imediatos são HTML 4.01, XHTML 1.1, etc.).

HTML / JAVASCRIPT. A versão atual é o HTML5 (seus predecessores imediatos são HTML 4.01, XHTML 1.1, etc.). HTML / JAVASCRIPT Estamos iniciando o estudo do HTML através das TAGS (comandos) para construir formulários. Isso facilitará a continuidade dos nossos estudos da linguagem de programação JavaScript, a

Leia mais

Lista de Revisão. 3. Analise a afirmativa a seguir como verdadeira ou falsa e justifique.

Lista de Revisão. 3. Analise a afirmativa a seguir como verdadeira ou falsa e justifique. Lista de Revisão 1. Nos sistemas web, geralmente os usuários apresentam dois problemas típicos, a desorientação e a sobrecarga cognitiva. Discorra sobre esses problemas. 2. Apresente as principais diferenças

Leia mais

JavaScript. Carlos Santos LabMM 3 - NTC - DeCA - UA Aula 03, 18-09-2013

JavaScript. Carlos Santos LabMM 3 - NTC - DeCA - UA Aula 03, 18-09-2013 JavaScript Carlos Santos LabMM 3 - NTC - DeCA - UA Aula 03, 18-09-2013 O que é? Linguagem de programação para a Web... interpretada ou não compilada; todos os browsers atuais têm interpretadores de JS;

Leia mais

Introdução ao Javascript

Introdução ao Javascript Programação WEB I Introdução ao Javascript Apresentação da Disciplina,Introdução a linguagem Javascript Objetivos da Disciplina Apresentar os principais conceitos da linguagem Javascript referente à programação

Leia mais

<link rel=stylesheet type=text/css href=imagens.css /> Este código é responsável pela visualização html. exibição de Imagens

Leia mais

JavaScript. JavaScript é uma linguagem de script usada em navegadores web. É uma linguagem dinâmica, estruturada e orientada em objetos.

JavaScript. JavaScript é uma linguagem de script usada em navegadores web. É uma linguagem dinâmica, estruturada e orientada em objetos. JavaScript JavaScript é uma linguagem de script usada em navegadores web. É uma linguagem dinâmica, estruturada e orientada em objetos. Pode ser usada dentro do próprio arquivo HTML ou estruturada em um

Leia mais

PROF. DANIELA PIRES. Aplicações para Web. Aplicações para Web - FMU - 2012 - Prof. Daniela Pires

PROF. DANIELA PIRES. Aplicações para Web. Aplicações para Web - FMU - 2012 - Prof. Daniela Pires PROF. DANIELA PIRES Aplicações para Web 1 *Oficialmente: *Uma biblioteca escrita em Javascript *Uma definição melhor: *jquery é uma Biblioteca JavaScript que simplifica a manipulação de um documento HTML

Leia mais

JavaScript 2.0X 1.0 3.0X 1.1 4.0 4.05 1.2 4.06 4.61 1.3 5.0 1.4 6.0 1.5

JavaScript 2.0X 1.0 3.0X 1.1 4.0 4.05 1.2 4.06 4.61 1.3 5.0 1.4 6.0 1.5 JavaScript Diego R. Frank, Leonardo Seibt FIT Faculdades de Informática de Taquara Fundação Educacional Encosta Inferior do Nordeste Av. Oscar Martins Rangel, 4500 Taquara RS Brasil difrank@terra.com.br,

Leia mais

, , , , , , , ,... , , , , td

<b>, <big>, <em>, <i>, <small>, <strong>, <sub>, <sup>,... <table>, <tbody>, <thead>, <th>, <tr>, td HTML Hypertext Markup Language Draft 1991; 1.1 1992; 2.0 1993; 3.0 1995; 4.0 1997; 4.01 1999; 5.0 (2011?) Linguagem g de marcação básica utilizada na WEB, que consiste de elementos envolvidos pelos sinais

Leia mais

Exercícios Práticos de HTML e JavaScript.

Exercícios Práticos de HTML e JavaScript. <FORM ACTION=mailto:teste@gmail.com METHOD=POST ENCTYPE=text/plain NAME=cadastro> Exercícios Práticos de HTML e JavaScript Exercício 1: Formulário Padrão HTML SEM JavaScript

Leia mais

WORKSHOP. 2ª Sessão 08/10/15

WORKSHOP. 2ª Sessão 08/10/15 WORKSHOP 2ª Sessão 08/10/15 HTML e CSS http://neecist.org/workshop JavaScript: O que é? Linguagem de programação interpretada pelo browser Corre do lado do cliente Permite manipular elementos da página

Leia mais

Prof Evandro Manara Miletto. parte 2

Prof Evandro Manara Miletto. parte 2 Prof Evandro Manara Miletto parte 2 Sumário Estruturas de Controle Eventos Estruturas de controle características Estruturas de controle (ou condicionais) são executadas caso um teste seja atendido Permite

Leia mais

Construindo um sistema simples de cadastro de fornecedores em PHP e MySQL.

Construindo um sistema simples de cadastro de fornecedores em PHP e MySQL. Construindo um sistema simples de cadastro de fornecedores em PHP e MySQL. Procuraremos mostrar os principais procedimentos para fazer um cadastro de registros numa base de dados MySQL utilizando a linguagem

Leia mais

Programação WEB. http://www.w3.org/

Programação WEB. http://www.w3.org/ 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

Leia mais

Programação Web com PHP. Prof. Wylliams Barbosa Santos wylliamss@gmail.com Optativa IV Projetos de Sistemas Web

Programação Web com PHP. Prof. Wylliams Barbosa Santos wylliamss@gmail.com Optativa IV Projetos de Sistemas Web Programação Web com PHP Prof. Wylliams Barbosa Santos wylliamss@gmail.com Optativa IV Projetos de Sistemas Web Agenda O que é PHP? O que da pra fazer com PHP? Como a web funciona? Onde, quando e por que

Leia mais

Ajax Asynchronous JavaScript and Xml

Ajax Asynchronous JavaScript and Xml Ajax Asynchronous JavaScript and Xml Ajax permite construir aplicações Web mais interativas, responsivas, e fáceis de usar que aplicações Web tradicionais. Numa aplicação Web tradicional quando se prime

Leia mais

Programação para a Internet II 2.13. PHP AJAX. Nuno Miguel Gil Fonseca nuno.fonseca@estgoh.ipc.pt

Programação para a Internet II 2.13. PHP AJAX. Nuno Miguel Gil Fonseca nuno.fonseca@estgoh.ipc.pt Programação para a Internet II 2.13. PHP AJAX Nuno Miguel Gil Fonseca nuno.fonseca@estgoh.ipc.pt Ajax não é uma tecnologia! É um conceito! Consiste no uso do objecto XMLHttpRequest que se encontra implementado

Leia mais

Patrick Augusto Gonçalves pkgoncalves@gmail.com

Patrick Augusto Gonçalves pkgoncalves@gmail.com Single Page Apps com AngularJS Patrick Augusto Gonçalves pkgoncalves@gmail.com Vamos Começar do Começo O que são Single Page Apps? Por que usar? O que eu ganho com isso? Modelo Clássico de Aplicações Web

Leia mais

Node.js: JavaScript com Google V8 no servidor

Node.js: JavaScript com Google V8 no servidor Luciano Ramalho luciano@ramalho.org Node.js: JavaScript com Google V8 no servidor Luciano Ramalho Programando por prazer desde 1978, profissionalmente desde 1982 Arquiteto de soluções Web desde 1994 1º

Leia mais

@sergio_caelum sergiolopes.org

@sergio_caelum sergiolopes.org HTTP/2 @sergio_caelum sergiolopes.org review HTTP em 5 slides $ telnet www.caelum.com.br 80 Trying 64.233.171.121... Connected to ghs.googlehosted.com. Escape character is '^]'. GET / HTTP/1.1 Host: www.caelum.com.br

Leia mais

Introdução ao javascript ver material de apoio em downloads e também-referência livro javascript manzano.

Introdução ao javascript ver material de apoio em downloads e também-referência livro javascript manzano. Prof. Vania Gimenez- Notas de aula Caro aluno- Este material é só um apoio as aulas, os livros devem ser utilizados para o aprimoramento de seu estudo. -----------------------------------------------------------------------------------------------------------------

Leia mais

R E L A T Ó R I O D A A P R E S E N T A Ç Ã O J Q U E R Y

R E L A T Ó R I O D A A P R E S E N T A Ç Ã O J Q U E R Y R E L A T Ó R I O D A A P R E S E N T A Ç Ã O J Q U E R Y SI S TE MAS D IS TR I BUÍD O S E TO LERÂ NC IA A FA L HA S Ângelo Santos M 4189 André Elias M4272 ÍNDICE Arquitectura e funcionamento... 3 Ferramentas...

Leia mais

O que é Ajax? Asynchronous JavaScript and XML (JavaScript Assíncrono e XML)

O que é Ajax? Asynchronous JavaScript and XML (JavaScript Assíncrono e XML) Ajax O que é Ajax? Asynchronous JavaScript and XML (JavaScript Assíncrono e XML) É uma técnica para criar páginas web fáceis e dinâmicas; Permite que páginas web sejam atualizadas de forma assíncrona através

Leia mais

Centro Estadual de Educação Tecnológica Paula Souza Faculdade de Tecnologia da Zona Sul

Centro Estadual de Educação Tecnológica Paula Souza Faculdade de Tecnologia da Zona Sul Centro Estadual de Educação Tecnológica Paula Souza Faculdade de Tecnologia da Zona Sul Curso Superior de Tecnologia em Análise e Desenvolvimento de Sistemas BLACKBOARD Como desenvolver aplicativos para

Leia mais

Desenvolvimento de Aplicações Web. Prof. José Eduardo A. de O. Teixeira www.vqv.com.br / j.edu@vqv.com.br

Desenvolvimento de Aplicações Web. Prof. José Eduardo A. de O. Teixeira www.vqv.com.br / j.edu@vqv.com.br Desenvolvimento de Aplicações Web Programação Contextualização de aplicações Web: navegadores e servidores como interpretadores, tecnologias do lado do cliente (XHTML, CSS, Javascript) e do lado do servidor

Leia mais

Web Design II. PHP mail. Docente: Célio B. Sengo

Web Design II. PHP mail. Docente: Célio B. Sengo PHP mail PHP mail The PHP mail() Usado para enviar email pelo script. Syntaxe mail(to,subject,message,headers,parameters) Note: É necessário um serviço de email para que o script funcione. As configurações

Leia mais

Laboratório 4 Validação do Formulário

Laboratório 4 Validação do Formulário Laboratório 4 Validação do Formulário Introdução Agora que já definimos os nossos documentos usando xhtml e já os embelezámos através da utilização das CSS, está na hora de validar a informação que o utilizador

Leia mais

Mais sobre uso de formulários Site sem Ajax

Mais sobre uso de formulários Site sem Ajax Mais sobre uso de formulários Site sem Ajax Página com busca padrão 1 Página com o resultado da busca carregada no local da anterior (o formulário está vazio) Site com Ajax 2 Site usando Ajax para preencher

Leia mais

Introdução à Tecnologia Web

Introdução à Tecnologia Web Introdução à Tecnologia Web JavaScript Sintaxe da Linguagem: Delimitadores e etc Profª MSc. Elizabete Munzlinger JavaScript Sintaxe da Linguagem Índice 1 SINTAXE DA LINGUAGEM... 2 1.1 Delimitadores de

Leia mais

Manual Portal PADRÃO. Gerenciador de Temas: Editar Estilo. 1. Clique na aba Extensões e em seguida em Gerenciador de Temas.-

Manual Portal PADRÃO. Gerenciador de Temas: Editar Estilo. 1. Clique na aba Extensões e em seguida em Gerenciador de Temas.- Manual Portal PADRÃO Gerenciador de Temas: Editar Estilo 1. Clique na aba Extensões e em seguida em Gerenciador de Temas.- 1 2 2. Selecione o link padraogoverno01 Default. 3. Abrirá a seguinte tela: 4.

Leia mais

Gestão e Tratamento de Informação 1º semestre

Gestão e Tratamento de Informação 1º semestre DepartamentodeEngenhariaInformática 2010/2011 GestãoeTratamentodeInformação1ºsemestre Laboratório8 Exercícios Nestaaulairemosresolveralgunsexercíciosrelacionadoscomaconstruçãodemashups, i.e.aplicaçõeswebqueprocedemáintegraçãodedadoseserviçosdisponibilizadospor

Leia mais

O código JavaScript deve ser colocado entre tags de comentário para ficar escondido no caso de navegadores antigos que não reconhecem a linguagem.

O código JavaScript deve ser colocado entre tags de comentário para ficar escondido no caso de navegadores antigos que não reconhecem a linguagem. 1 - O que é JAVASCRIPT? É uma linguagem de script orientada a objetos, usada para aumentar a interatividade de páginas Web. O JavaScript foi introduzido pela Netscape em seu navegador 2.0 e posteriormente

Leia mais

Linguagens de programação

Linguagens de programação Prof. André Backes Linguagens de programação Linguagem de Máquina Computador entende apenas pulsos elétricos Presença ou não de pulso 1 ou 0 Tudo no computador deve ser descrito em termos de 1 s ou 0 s

Leia mais

Pré-requisito Ter realizado os cursos de Lógica de Programação e HTML5 e CSS3, ou ter conhecimento equivalentes.

Pré-requisito Ter realizado os cursos de Lógica de Programação e HTML5 e CSS3, ou ter conhecimento equivalentes. 1 Javascript com Ajax Descrição A Web 2.0 trouxe um novo conceito na construção de sites para internet. O domínio da linguagem de programação JavaScript é essencial para o desenvolvimento de web sites

Leia mais

Minicurso introdutório de desenvolvimento para web em HTML5. Cristiano Costa

Minicurso introdutório de desenvolvimento para web em HTML5. Cristiano Costa Minicurso introdutório de desenvolvimento para web em HTML5 Cristiano Costa Sobre mim Graduando em Engenharia Eletrônica - UNIFEI Trabalhou em desenvolvimento de sistemas empresariais (Base em servidores

Leia mais

CONCEITOS DE LINGUAGEM DE PROGRAMAÇÃO CARACTERÍSTICAS. João Gabriel Ganem Barbosa

CONCEITOS DE LINGUAGEM DE PROGRAMAÇÃO CARACTERÍSTICAS. João Gabriel Ganem Barbosa CONCEITOS DE LINGUAGEM DE PROGRAMAÇÃO CARACTERÍSTICAS João Gabriel Ganem Barbosa Sumário Motivação História Linha do Tempo Divisão Conceitos Paradigmas Geração Tipos de Dados Operadores Estruturada vs

Leia mais

Conteúdo. Especificação HTTP v1.1

Conteúdo. Especificação HTTP v1.1 Conteúdo Introdução... 2 Início e comandos básicos... 2 Exemplo método GET... 3 Exemplo método POST... 3 Códigos de retorno... 4 Exemplo para envio em Cold Fusion... 4 Exemplo para envio em PHP... 5 Exemplo

Leia mais

Capítulo 4. Programação em ASP

Capítulo 4. Programação em ASP Índice: CAPÍTULO 4. PROGRAMAÇÃO EM ASP...2 4.1 REGISTRAR...2 4.1.1 Códigos para configuração do objeto...2 4.1.2 Formulário para transferir dados da impressão digital...3 4.1.3 Código Javascript para registro

Leia mais

Desenvolvimento de Aplicações para Internet Aula 11

Desenvolvimento de Aplicações para Internet Aula 11 Desenvolvimento de Aplicações para Internet Aula 11 Celso Olivete Júnior olivete@fct.unesp.br www.fct.unesp.br/docentes/dmec/olivete jquery Na aula passada: Selecionando atributos Manipulando CSS Inserindo

Leia mais

AJAX. O que é AJAX? PROGRAMAÇÃO. A nova tecnologia da Web. Os problemas com o IE

AJAX. O que é AJAX? PROGRAMAÇÃO. A nova tecnologia da Web. Os problemas com o IE A nova tecnologia da Web AJAX AJAX é o termo da moda. O Google usa AJAX, o Yahoo usa AJAX...todo mundo quer usar o AJAX. Mas, e você, usa? E, o mais importante: que diabos é AJAX? por José María Ruiz e

Leia mais

#Aula Nº 1 Introdução webstandards.samus.com.br Vinicius Fiorio Custódio samus@samus.com.br

#Aula Nº 1 Introdução webstandards.samus.com.br Vinicius Fiorio Custódio samus@samus.com.br #Aula Nº 1 Introdução webstandards.samus.com.br Vinicius Fiorio Custódio samus@samus.com.br #O que é Web Standards? São padrões de desenvolvimento web recomendados pela W3C que visam a implementação de

Leia mais

Manual de Integração Via Gadget. Passo a passo para realizar a integração entre websites e a plataforma Virtual Target.

Manual de Integração Via Gadget. Passo a passo para realizar a integração entre websites e a plataforma Virtual Target. Manual de Integração Via Gadget Passo a passo para realizar a integração entre websites e a plataforma Virtual Target. Manual de Integração Via Gadget 1. Introdução 1.1. O que é? Virtual Target Gadgets

Leia mais

Aplicações Single-page: Caso de implementação com Backbone.js

Aplicações Single-page: Caso de implementação com Backbone.js Aplicações Single-page: Caso de implementação com Backbone.js Autor: Bruno Vitorino - 1402214 Introdução Este artigo pretende fornecer uma pequena introdução ao conceito de aplicações Single- Page e um

Leia mais

English Português. By erickalves 25 Julho, 2009-01:08. Devido à política (#) de segurança. Encontrar Blogs Crie o seu blog de graça Ganhe prêmios

English Português. By erickalves 25 Julho, 2009-01:08. Devido à política (#) de segurança. Encontrar Blogs Crie o seu blog de graça Ganhe prêmios Encontrar Blogs Crie o seu blog de graça Ganhe prêmios English Português Cel: +55 (21) 7417-9918 E-mail: erick@lithic.com.br Inserindo dados no banco em PHP + Ajax + jquery + Mysql + Validação (/pt-br/blog/tutoriais

Leia mais

HTTP. passado, presente e futuro.

HTTP. passado, presente e futuro. HTTP passado, presente e futuro. Luiz Fernando Rodrigues (ou Fernahh) blog.fernahh.com.br github.com/fernahh twitter.com/fernahh speakerdeck.com/fernahh www.organicadigital.com HTT... o que? HTT... o que?

Leia mais

Funções e objetos. Funções nativas

Funções e objetos. Funções nativas Capítulo 3 Funções e objetos 3 Funções e objetos NO ÚLTIMO CAPÍTULO APRESENTAMOS AS ESTRUTURAS FUNDAMENTAIS de JavaScript, que estão presentes em qualquer linguagem estruturada. Neste capítulo, apresentaremos

Leia mais

API do Google Maps. Distância segura

API do Google Maps. Distância segura Tutorial API do Google Maps Como usar a API do Google Maps Distância segura Saiba como incorporar mapas interativos em suas páginas web Por Alberto Planas O Google Maps foi um dos serviços mais inovadores

Leia mais

Primeiro exemplo de uso de páginas JSP

Primeiro exemplo de uso de páginas JSP Primeiro exemplo de uso de páginas JSP Crie um arquivo html com o nome: index, e digite o código abaixo no Eclipse. Salve no seguinte diretório: C:\apache-tomcat-6.0.33\webapps\ROOT\Prog1\ Voces podem

Leia mais

Dicas para Javascript (parte1)

Dicas para Javascript (parte1) <style TYPE=text/css><!--a.menu {color:000000;}a.menu:hover {color:cc0000;}-- ></style> Dicas para Javascript (parte1) 1 - DETECTANDO A RESOLUÇÃO DO USUÁRIO

Leia mais

Práticas de Desenvolvimento de Software

Práticas de Desenvolvimento de Software Aula 3. 09/03/2015. Práticas de Desenvolvimento de Software Aula 3 - Introdução à linguagem de programação Ruby Oferecimento Ruby (1) Ruby Ruby (2) Ruby Linguagem de programação dinâmica, de código aberto,

Leia mais

Programando em PHP. Conceitos Básicos

Programando em PHP. Conceitos Básicos Programando em PHP www.guilhermepontes.eti.br lgapontes@gmail.com Conceitos Básicos Todo o escopo deste estudo estará voltado para a criação de sites com o uso dos diversos recursos de programação web

Leia mais

Ajax Asynchronous JavaScript and Xml

Ajax Asynchronous JavaScript and Xml Ajax Asynchronous JavaScript and Xml Ajax permite construir aplicações Web mais interactivas, responsivas, e fáceis de usar que aplicações Web tradicionais. Numa aplicação Web tradicional quando se prime

Leia mais

AJAX no GASweb. Mas e afinal, para que usamos o AJAX?

AJAX no GASweb. Mas e afinal, para que usamos o AJAX? Nível - Avançado AJAX no GASweb Por: Pablo Hadler AJAX (Asynchronous Javascript and XML) foi criado com o princípio de ser uma maneira rápida e otimizada de podermos fazer requisições Web, sendo esta totalmente

Leia mais

Introdução ao Javascript. Parte 2 Prof. Victor Hugo Lopes

Introdução ao Javascript. Parte 2 Prof. Victor Hugo Lopes Introdução ao Javascript Parte 2 Prof. Victor Hugo Lopes agenda Estruturas de comandos Modularização A primeira estrutura de comando da linguagem é baseada na noção da estrutura sequencial, no estilo top-down:

Leia mais

Validação de formulários utilizando Javascript

Validação de formulários utilizando Javascript Validação de formulários utilizando Javascript A validação de formulários é um dos usos mais comuns na programação Javascript. A validação de dados por meio da programação Javascript é muito fácil e rápida

Leia mais

7. Formulários em XHTML

7. Formulários em XHTML Programação para Internet I 7. Formulários em XHTML Nuno Miguel Gil Fonseca nuno.fonseca@estgoh.ipc.pt Os formulários constituem uma das principais formas de interacção entre clientes e servidores. São

Leia mais

Universidade Federal do Espírito Santo CCA UFES. Centro de Ciências Agrárias CCA UFES Departamento de Computação. Ajax

Universidade Federal do Espírito Santo CCA UFES. Centro de Ciências Agrárias CCA UFES Departamento de Computação. Ajax Universidade Federal do Espírito Santo Centro de Ciências Agrárias CCA UFES Departamento de Computação Universidade Federal do Espírito Santo CCA UFES Ajax Desenvolvimento de Sistemas para WEB Site: http://jeiks.net

Leia mais

AJaX Asy s nchronous s J avasc S ript p t a nd d XML

AJaX Asy s nchronous s J avasc S ript p t a nd d XML Asynchronous JavaScript and XML Ajax Um nome para um novo tipo de aplicações na Web Técnica de desenvolvimento de aplicações para criar páginas mais interactivas Não é uma nova tecnologia Ajax= JavaScript

Leia mais

Programação para web JavaScript

Programação para web JavaScript Programação para web JavaScript Professor: Harlley Lima E-mail: harlley@decom.cefetmg.br Departamento de Computação Centro Federal de Educação Tecnológica de Minas Gerais Belo Horizonte, 4 de maio 2016

Leia mais

Instituto Federal do Sertão-PE. Curso de PHP. Professor: Felipe Correia

Instituto Federal do Sertão-PE. Curso de PHP. Professor: Felipe Correia Instituto Federal do Sertão-PE Curso de PHP Professor: Felipe Correia Conteúdo Parte I Parte II Introdução Funções de strings Instalação Constantes Sintaxe Operadores Variáveis if else elseif Echo/Print

Leia mais

Integração do Java + Adobe Flex através do Projeto BlazeDs

Integração do Java + Adobe Flex através do Projeto BlazeDs Integração do Java + Adobe Flex através do Projeto BlazeDs por, Thiago Luiz Ribeiro Rodrigues (R.A: 060147-2), 14 de Abril 2009 Este artigo tem por objetivo ensinar como se faz a integração entre o Java

Leia mais

JavaScript Orientado a Objectos

JavaScript Orientado a Objectos JavaScript Orientado a Objectos O bom, o mau e uma solução. Artur Ventura Índice JavaScript JavaScript Orientado a Objectos Visibilidade Herança Problemas JSC Definição Instanciação Herança Métodos de

Leia mais

DHTML - MÓDULO 1: VISÃO GERAL E INTRODUÇÃO Por Marcelo Camargo Visão geral

DHTML - MÓDULO 1: VISÃO GERAL E INTRODUÇÃO Por Marcelo Camargo Visão geral Apostila retirada de http://www.ibestmasters.com.br DHTML - MÓDULO 1: VISÃO GERAL E INTRODUÇÃO Por Marcelo Camargo Visão geral A tecnologia DHTML (Dynamic HTML) foi apresentada inicialmente como um conjunto

Leia mais

Rails & Javascript Faça isso direito! Dicas de como organizar o javascript em apps Rails não SPA

Rails & Javascript Faça isso direito! Dicas de como organizar o javascript em apps Rails não SPA Rails & Javascript Faça isso direito! Dicas de como organizar o javascript em apps Rails não SPA $ whoami Cezinha Anjos. Comecei programando num Apple II e gravando programas em fitas cassetes há 26 anos

Leia mais

PROGRAMAÇÃO PARA DISPOSITIVOS MÓVEIS -INTRODUÇÃO A JQUERY MOBILE. Prof. Angelo Augusto Frozza, M.Sc. http://about.me/tilfrozza

PROGRAMAÇÃO PARA DISPOSITIVOS MÓVEIS -INTRODUÇÃO A JQUERY MOBILE. Prof. Angelo Augusto Frozza, M.Sc. http://about.me/tilfrozza PROGRAMAÇÃO PARA DISPOSITIVOS MÓVEIS -INTRODUÇÃO A JQUERY MOBILE Prof. Angelo Augusto Frozza, M.Sc. http://about.me/tilfrozza ROTEIRO Introdução Principais características Página dentro de página Transições

Leia mais

PROGRAMAÇÃO PARA DISPOSITIVOS MÓVEIS ARMAZENAMENTO EM BD NO DM. Prof. Angelo Augusto Frozza, M.Sc. http://about.me/tilfrozza

PROGRAMAÇÃO PARA DISPOSITIVOS MÓVEIS ARMAZENAMENTO EM BD NO DM. Prof. Angelo Augusto Frozza, M.Sc. http://about.me/tilfrozza PROGRAMAÇÃO PARA DISPOSITIVOS MÓVEIS ARMAZENAMENTO EM BD NO DM Prof. Angelo Augusto Frozza, M.Sc. http://about.me/tilfrozza ROTEIRO Introdução App de exemplo Implementação do exemplo Testes realizados

Leia mais

PROGRAMAÇÃO PARA DISPOSITIVOS MÓVEIS ARMAZENAMENTO EM BD NO DM. Prof. Angelo Augusto Frozza, M.Sc. http://about.me/tilfrozza

PROGRAMAÇÃO PARA DISPOSITIVOS MÓVEIS ARMAZENAMENTO EM BD NO DM. Prof. Angelo Augusto Frozza, M.Sc. http://about.me/tilfrozza PROGRAMAÇÃO PARA DISPOSITIVOS MÓVEIS ARMAZENAMENTO EM BD NO DM Prof. Angelo Augusto Frozza, M.Sc. http://about.me/tilfrozza ROTEIRO Introdução App de exemplo Implementação do exemplo Testes realizados

Leia mais

Conteúdo. DHTML tópicos Hamilton Lima - 2002-2004

Conteúdo. DHTML tópicos Hamilton Lima - 2002-2004 DHTML tópicos Hamilton Lima - 2002-2004 Conteúdo 1. meu primeiro script... 2 2. DOM Document Object Model...2 3. tipo de execução de scripts...2 4. resposta a um evento... 3 5. tipos de dados, variaveis

Leia mais

Os objetivos indicados aplicam-se a duas linguagens de programação: C e PHP

Os objetivos indicados aplicam-se a duas linguagens de programação: C e PHP AGRUPAMENTO DE ESCOLAS DE SANTA COMBA DÃO CURSO PROFISSIONAL DE TÉCNICO DE GESTÃO E PROGRAMAÇÃO DE SISTEMAS INFORMÁTICOS 2012-2015 PROGRAMAÇÃO E SISTEMAS DE INFORMAÇÃO MÓDULO 2 Mecanismos de Controlo de

Leia mais

PLANNER CONSULTORIA E SISTEMAS

PLANNER CONSULTORIA E SISTEMAS Índice Adicionando a tag HTML em seu site Pág. 1 Customização da aparência da tag HTML Pág. 2 Passando valores para os campos do formulário do cliente no P-Atendimento Pág. 2 Passando valores dinâmicos

Leia mais

Introdução à Tecnologia Web

Introdução à Tecnologia Web Introdução à Tecnologia Web JavaScript Sintaxe da Linguagem: Eventos Profª MSc. Elizabete Munzlinger www.elizabete.com.br JavaScript Eventos Índice 1 Eventos JavaScript... 2 a) Relacionados a Janela...

Leia mais

4. A Linguagem JavaScript

4. A Linguagem JavaScript 4. A Linguagem JavaScript! A linguagem XHTML, por não ser uma linguagem de programação e sim uma linguagem de marcação, não permite interação entre o usuário e a página, além de clicar em um link, fazendo

Leia mais

JavaScript. Programação de Servidores. Marx Gomes Van der Linden

JavaScript. Programação de Servidores. Marx Gomes Van der Linden JavaScript Programação de Servidores Marx Gomes Van der Linden JavaScript É uma linguagem de programação interpretada pelo navegador Programação para web no cliente. Padronizada pela W3C e suportada por

Leia mais

Aplicativos para Internet Aula 01

Aplicativos para Internet Aula 01 Aplicativos para Internet Aula 01 Arquitetura cliente/servidor Introdução ao HTML, CSS e JavaScript Prof. Erika Miranda Universidade de Mogi das Cruzes Uso da Internet http://www.ibope.com.br/pt-br/noticias/paginas/world-wide-web-ou-www-completa-22-anos-nesta-terca-feira.aspx

Leia mais

Programação Web Aula 4 - Javascript Parte 1 - O Núcleo

Programação Web Aula 4 - Javascript Parte 1 - O Núcleo Programação Web Aula 4 - Javascript Parte 1 - O Núcleo Bruno Müller Junior Departamento de Informática UFPR 10 de Março de 2014 1 Abordagem 2 Orientação a Objeto Objetos de Javascript Objetos de Javascript

Leia mais

TECNOLOGIAS WEB AULA 5 PROF. RAFAEL DIAS RIBEIRO @RIBEIRORD

TECNOLOGIAS WEB AULA 5 PROF. RAFAEL DIAS RIBEIRO @RIBEIRORD TECNOLOGIAS WEB AULA 5 PROF. RAFAEL DIAS RIBEIRO @RIBEIRORD Objetivos: Apresentar as principais tags utilizadas na construção de páginas Web. Compreender as principais funcionalidades de cada tag utilizada.

Leia mais

Desenvolvimento de Sites com PHP e Mysql Docente André Luiz Silva de Moraes

Desenvolvimento de Sites com PHP e Mysql Docente André Luiz Silva de Moraes Roteiro 3: Introdução a Linguagem CSS Desenvolvimento de Sites com PHP e Mysql Objetivos Vincular folhas de estilo CSS em páginas de Internet; Compreender a sintaxe CSS; Controlar a formatação dos elementos

Leia mais

Desenvolvendo aplicativos multiplataforma com tecnologias web

Desenvolvendo aplicativos multiplataforma com tecnologias web phonegap_ Desenvolvendo aplicativos multiplataforma com tecnologias web Criando aplicativos para tablets e smartphones com o Phonegap Este artigo aborda o desenvolvimento de aplicativos para smartphones

Leia mais

Construindo um Jogo para a Web - Tetris

Construindo um Jogo para a Web - Tetris Construindo um Jogo para a Web - Tetris Programação para a Internet Prof. Vilson Heck Junior Tecnologias Necessárias Tecnologias já Estudadas: HTML; CSS; JavaScript; Tecnologias Novas: Computação Gráfica

Leia mais

Tutorial Jogo da Velha WEB

Tutorial Jogo da Velha WEB Tutorial Jogo da Velha WEB Criação do Projeto 1- Inicie o Eclipse 2- Crie um novo projeto Web dinâmico. 3- Na tela seguinte, digite o nome do projeto e caso no campo Target Runtime não estiver aparecendo

Leia mais

Roteiro. Desenvolvimento de Aplicações Web. JavaScript. Script. Script

Roteiro. Desenvolvimento de Aplicações Web. JavaScript. Script. Script Roteiro Desenvolvimento de Aplicações Web JavaScript Roberto Vedoato vedoato@joinville.udesc.br Introdução Conceitos Usos Formas de inserção Sintaxe Variáveis Tipos de dados e literais Identificadores

Leia mais

Aula 9: Fundamentos do JQuery Fonte: Plano de Aula Oficial da Disciplina

Aula 9: Fundamentos do JQuery Fonte: Plano de Aula Oficial da Disciplina Programação para Internet Rica 1 Aula 9: Fundamentos do JQuery Fonte: Plano de Aula Oficial da Disciplina Objetivo: Capacitar o aluno para o trabalho com o framework JQuery. INTRODUÇÃO JQuery é uma biblioteca

Leia mais

Linguagem de Programação. Helder Lucas S. Silas Valdemar

Linguagem de Programação. Helder Lucas S. Silas Valdemar Linguagem de Programação Helder Lucas S. Silas Valdemar Perl, Smalltalk, Eiffel, Ada e Lisp. Mais poderosa do que Perl, e mais orientada a objetos do que Python. Yukihiro Matsumoto Matz Coral ou Ruby?

Leia mais
,