Utilizando os Custom Data Attributes da HTML5
|
|
- João Gabriel Camarinho Wagner
- 6 Há anos
- Visualizações:
Transcrição
1 Material de apoio aula 7 Utilizando os Custom Data Attributes da HTML5 Veja neste artigo como utilizar os Custom Data Attributes, novo recurso inserindo na versão 5 da linguagem HTML para definir atributos customizados para as tags. O novo e revolucionário HTML5 é, como o próprio nome já diz, a 5ª versão da linguagem HTML, e consigo trouxe novas funcionalidades e novos recursos, que antes só eram possíveis através de outras tecnologias. Se você estudar a fundo essas novidades encontrará tags como: <vídeo>, <áudio>, <canvas> e etc., esses são apenas alguns dos novos recursos. O W3C (World Wide Web Consortium) é o principal regularizador do HTML5 e junto a ele são definidas todas as regras ao se utilizar esta nova linguagem, incluindo as regras de utilização do Custom Data Attributes (que veremos mais abaixo). Trataremos neste artigo de um recurso pouco conhecido, porém muito útil: os Custom Data Attributes. Mas afinal, o que seria isso? Para que serve? Vamos responder todas essas perguntas logo abaixo. 1. Entendendo os Custom Data Attributes Você já precisou recuperar valores de um LI, UL, DIV ou qualquer outra tag que não lhe dê a opção de retornar valores como as tags INPUT? Bom, geralmente nesses casos os desenvolvedores optam por utilizar o atributo class, div ou até input[type='hidden'] para armazenar os valores Exemplo sem Custom Data Attributes Suponhamos que você tenha uma lista (LI) com o nome de vários pacientes e você precise armazenar a matrícula de cada paciente, de forma que você possa posteriormente capturar essa matricula via jquery, por exemplo. Poderíamos fazer da seguinte forma: class Listagem 1: Exemplo de lista HTML com itens utilizando o atributo
2 <ul> <li class="001" onclick="chamajavascript(this)">pedro</li> <li class="002" onclick="chamajavascript(this)">joão</li> <li class="003" onclick="chamajavascript(this)">kamila</li> Parece simples com este exemplo simples, mas e se precisássemos armazenar vários atributos referentes ao paciente, como por exemplo: matricula, idade, sexo, data de nascimento, etc.? E se o atributo class já estivesse sendo utilizado por uma classe do CSS? Bom, nestes casos seria bem mais complicado (não impossível) armazenar esses dados nas tags Custom Data Attributes na prática Você já deve ter percebido que conforme a aplicação fica mais complexa e mais atributos devem ser armazenados em uma tag não convencional de armazenamento (li, ul, div...), a não utilização dos Custom Data Attributes faz com que o trabalho seja árduo e muito tempo seja perdido. A sua utilização é simples, mas muito eficaz. A regra é sempre usar o nome do seu atributo precedido da string "data-", ou seja, se o seu atributo será "matricula", o Custom Data Attribute será data-matricula, sempre com letras minúsculas. Tomando o exemplo acima (1.1) da lista de pacientes, iremos agora armazenar os dados: matrícula, idade e sexo em uma mesma LI usando Custom Data Attributes. Listagem 2: Lista HTML com itens utilizando data-attributes <ul> <li data-matricula="001" data-idade="23" data-sexo="m" onclick="chamajavascript(this)">pedro</li> <li data-matricula="002" data-idade="28" data-sexo="m" onclick="chamajavascript(this)">joão</li> <li data-matricula="003" data-idade="33" data-sexo="f" onclick="chamajavascript(this)">kamila</li> Agora fica fácil capturar a matrícula, sexo ou idade de determinado paciente quando o usuário clicar na LI deste. Veja o exemplo abaixo em JavaScript:
3 Listagem 3: Função JavaScript acessando os data-attributes dos elementos function chamajavascript(componente){ } var matricula = componente.getattribute("data-matricula"); var idade = componente.getattribute("data-idade"); var sexo = componente.getattribute("data-sexo"); // Faça aqui o que desejar com os valores obtidos Mas afinal, porque eu devo utilizar o prefixo data-* antes de criar um atributo customizado? Se eu não utilizar este prefixo meu atributo customizado irá funcionar? Estas são perguntas comuns que geralmente são feitas por quem já utilizou os Custom Data Attributes (mesmo que inconscientemente) sem o prefixo data-* e percebeu que funcionou normalmente. Você pode testar o código abaixo que funcionará normalmente. Listagem 4: Utilização do Custom Data Attributes sem o prefixo data-* <ul> <li matricula="001" idade="23" sexo="m" onclick="chamajavascript(this)">pedro</li> <li matricula="002" idade="28" sexo="m" onclick="chamajavascript(this)">joão</li> <li matricula="003" idade="33" sexo="f" onclick="chamajavascript(this)">kamila</li> Listagem 5: Função JavaScript acessando os data-attributes sem o prefixo data-* function chamajavascript(componente){ var matricula = componente.getattribute('matricula'); alert(matricula); } Acontece que o interpretador HTML (Browser) não identifica como um erro a não utilização do prefixo data-*, mas sim como apenas um novo atributo que foi criado para aquela tag em específico. Para facilitar a compreensão, pense nos atributos da tag como métodos de determinada Classe, ou seja, ao criar um novo atributo para a tag DIV chamado
4 matricula você estaria criando um método matricula para a classe DIV, onde o parâmetro será o valor da matricula a ser armazenado. O interessante aqui é que estes atributos vão funcionar como getters e setters da tag DIV. Você notou que o problema não é sintático? Afinal o sistema continua funcionando normalmente mesmo sem o prefixo data-*. A grande questão para utilização deste prefixo é a padronização segundo a W3C. Assim como em toda área, padrões devem ser seguidos e fugir destes padrões significa trabalhar como amador. A utilização do prefixo data-* não foi criada apenas para deixar o código mais bonito ou para criar um padrão aleatório ao qual todos devem seguir, a sua utilidade vai muito além: evitar conflitos entre atributos padrões da linguagem. Imagine que você resolve por não seguir o padrão e cria um atributo chamado storage em diversas Tags. Inicialmente tudo funciona como planejado, mas amanhã a linguagem HTML pode sofrer uma alteração onde agora todas as tags terão um atributo storage (por coincidência o mesmo nome que você havia escolhido) como padrão para armazenar a quantidade em bytes que aquele componente pode usar. Agora você terá que mudar o nome do seu atributo storage em todas as partes do seu código para evitar conflitos, imagine o trabalho. Se o nome fosse definido como data-storage (seguindo o padrão do W3C) esse problema seria evitado e com certeza não passariamos por nenhuma dor de cabeça futura. 2. Problemas mais comuns Temos ainda um obstáculo a enfrentar antes de aplicar na prática em nosso projeto este novo recurso: a compatibilidade dos browsers com HTML5. Por não estar totalmente disseminada em todos os browsers, encontramos ainda problemas de compatibilidade. O ideal é que você avalie os usuários que utilizarão seu sistema e veja se a grande maioria ou a totalidade possui browser com suporte a HTML5. Na Figura 1 abaixo temos uma tabela mostrando a compatibilidade dos Custom Data Attributes ou data-attributes com os browsers.
5 Figura 1: Tabela de Suporte dos Browsers ao data-attributes A tabela possui uma linguagem de simples entendimento, onde para cada coluna (que representa um browser) são listadas todas as suas versões de forma crescente. As células com a cor verde claro representam as versões daquele determinado browser que possuem suporte total a dataattributes e as células com a cor verde escuro representam as versões daquele browser que possuem suporte parcial ao recurso. Sabendo disso, agora você pode realizar a analise se é viável ou não utilizar o recurso no seu projeto. Referência:
Programação WEB. Prof. André Gustavo Duarte de Almeida andre.almeida@ifrn.edu.br www3.ifrn.edu.br/~andrealmeida. Aula II jquery UI
Prof. André Gustavo Duarte de Almeida andre.almeida@ifrn.edu.br www3.ifrn.edu.br/~andrealmeida Aula II jquery UI Introdução O que é jquery UI? Biblioteca que fornece maior nível de abstração para interação
Leia maisCurso online de. Formação em Front-End. Plano de Estudo
Curso online de Formação em Front-End Plano de Estudo Descrição do programa O Programa de Desenvolvimento Web lhe oferece conhecimentos para desenvolver habilidades necessárias para se tornar um Desenvolvedor
Leia maisGosta de acompanhar os rumos das linguagens de programação? Então não fique de fora dessa! Descubra o que é o HTML 5!
O que é HTML 5? Gosta de acompanhar os rumos das linguagens de programação? Então não fique de fora dessa! Descubra o que é o HTML 5! Leia mais em: http://www.tecmundo.com.br/navegador/2254-o-que-e-html-5-.htm#ixzz2xyr1tlam
Leia maisINTRODUÇÃO AO DESENVOLVIMENTO FRONT-END COM HTML, CSS E JAVASCRIPT
v1.1 INTRODUÇÃO AO DESENVOLVIMENTO FRONT-END COM HTML, CSS E JAVASCRIPT AULA 7 CRIANDO INTERAÇÕES COM JAVASCRIPT (PARTE 2) Eder Franco @ FPF Tech The road so far... JavaScript Desenvolvida para criar interações
Leia maisWeb I F R N I N S T I T U TO F E D E R A L D E E D U C A Ç Ã O, C I Ê N C I A E T E C N O LO G I A D O R I O G R A N D E D O N R T E.
Web I F R N I N S T I T U TO F E D E R A L D E E D U C A Ç Ã O, C I Ê N C I A E T E C N O LO G I A D O R I O G R A N D E D O N R T E. J O S É A N TÔ N I O D A C U N H A Web Page HTTP No início a web, era
Leia maisAULA 2 VISÃO BÁSICA DE CLASSES EM PHP
AULA 2 VISÃO BÁSICA DE CLASSES EM PHP Antes de mais nada, vamos conhecer alguns conceitos, que serão importantes para o entendimento mais efetivos dos assuntos que trataremos durante a leitura desta apostila.
Leia maisAula 11 Introdução ao Java Script
Aula 11 Introdução ao Java Script Java Script é uma linguagem que permite trabalhar com a Lógica em páginas escritas em HTML (HiperText Mark-up Language). As páginas HTML podem ser escritas utilizando-se
Leia maisHTML 5, UM ESTUDO SOBRE SEUS NOVOS RECURSOS
HTML 5, UM ESTUDO SOBRE SEUS NOVOS RECURSOS Clodoaldo Hiroiti Iamashita 1, Willian Barbosa Magalhães 1 1 Universidade Paranaense (Unipar) Paranavaí PR Brasil hiroiteiamashita@hotmail.com wmagalhaes@unipar.br
Leia maisBaixar curso de html5 e css3. Baixar curso de html5 e css3.zip
Baixar curso de html5 e css3 Baixar curso de html5 e css3.zip Markup HTML 5 - Curso W3C Escritório Brasil 11 2. Esse método foi mudado com o lançamento do HTML5 e o CSS3. A partir de agora, as duas tec-neste
Leia maisNovidades do CSS3: sombras em textos e bordas. com as propriedades text-shadow e box-shadow. Por Erika Sarti, em 07_03_2010. Atualizado em 29_07_2011.
Novidades do CSS3: sombras em textos e bordas com as propriedades text-shadow e box-shadow Por Erika Sarti, em 07_03_2010. Atualizado em 29_07_2011. Introdução Este é o segundo artigo publicado aqui no
Leia maisUma regra CSS quando válida para vários seletores, estes podem ser agrupados. Exemplo: h1, h2, h3, h4, h5, h6 { color: #00FF00; }
CENTRO PASTORAL, EDUCACIONAL E ASSISTENCIAL DOM CARLOS CPEA Reconhecido de Utilidade Pública pelo Decreto No. 5.692 de 08.11.1967 FACULDADE VIZINHANÇA VALE DO IGUAÇU VIZIVALI DOIS VIZINHOS PARANÁ Criada
Leia maisNOVIDADES DO JAVA PARA PROGRAMADORES C
PROGRAMAÇÃO SERVIDOR EM SISTEMAS WEB NOVIDADES DO JAVA PARA PROGRAMADORES C Prof. Dr. Daniel Caetano 2011-2 Visão Geral 1 2 4 5 Classes Objetos Herança Tratamento de Erros Material de Estudo Material Notas
Leia maisCurso básico de JavaScript Aula 2
Tópicos 1 JavaScript é case sensitive... 1 2 Comentários... 1 3 Saídas do JavaScript... 1 4 Entrada de dados usando window.prompt( )... 3 5 Variáveis... 3 1.1 Regras para criar uma variável... 3 6 Literais...
Leia maisRedes de Computadores I Seminário Novas Tecnologias em Redes HTML5. Jessica da Silva Hahn Letícia Aparecida Coelho
Redes de Computadores I Seminário Novas Tecnologias em Redes HTML5 Jessica da Silva Hahn Letícia Aparecida Coelho Internet HTTP Dois métodos de requisição HTTP são os mais utilizados: GET e POST Outros
Leia maisRoteiro 01. Professor: Prof. M.Sc. Odilon Corrêa da Silva. Curso: Desenvolvimento de Sistemas. Disciplina: Programação para WEB I
Roteiro 01 Professor: Prof. M.Sc. Odilon Corrêa da Silva Curso: Desenvolvimento de Sistemas Disciplina: Programação para WEB I Roteiro 01 Objetivos Apresentar os conceitos básicos do HTML Conhecer os recursos
Leia maisBootstrap: Uma solução rápida para sites web
III Escola Regional de Informática do Piauí. Livro Anais - Artigos e Minicursos, v. 1, n. 1, p. 487-499, jun, 2017. www.eripi.com.br/2017 - ISBN: 978-85-7669-395-6 Capítulo 12 Bootstrap: Uma solução rápida
Leia maisLinguagem de Programação Visual. Estrutura Basica do HTML5 Prof. Gleison Batista de Sousa
Linguagem de Programação Visual Estrutura Basica do HTML5 Prof. Gleison Batista de Sousa O que vai ser estudado Codificação; Linguagem de Programação; Infra Estrutura Basica; Ferramentas; Implantação;
Leia maisDreamweaver CS5 Plano de Aula - 24 Aulas (Aulas de 1 Hora).
4149 - Dreamweaver CS5 Plano de Aula - 24 Aulas (Aulas de 1 Hora). Aula 1 Capítulo 1 - Introdução 1.1. Novidades do Dreamweaver CS5...23 1.2. Área de Trabalho...23 1.2.1. Tela de Boas-vindas...24 1.2.2.
Leia maisPlano de Aula - Dreamweaver CS5 - cód Horas/Aula
Plano de Aula - Dreamweaver CS5 - cód.4149 24 Horas/Aula Aula 1 Capítulo 1 - Introdução Aula 2 Continuação do Capítulo 1 - Introdução Aula 3 Capítulo 2 - Site do Dreamweaver 1.1. Novidades do Dreamweaver
Leia maisProgramação Orientada a Objetos
Programação Orientada a Objetos Programação Orientada a Objetos Na aula passada vimos: Introdução a linguagem java; Introdução ao Eclipse IDE; Revisão sobre programação; Programação Orientada a Objetos
Leia maisAo projeto inciado na aula anterior, faça as seguintes alterações:
Atividade 4 Ao projeto inciado na aula anterior, faça as seguintes alterações: 1. Insira uma cor de fundo na página. 2. Google fonts Se nos basearmos apenas nas fontes que o usuário terá instaladas em
Leia maisProgramação para Internet I
Programação para Internet I Aula 04 Prof. Diemesleno Souza Carvalho diemesleno@iftm.edu.br http://www.diemesleno.com.br Na aula passada vimos... Na aula passada vimos... Unidade I - Conceitos básicos sobre
Leia maisPré-requisitos: Conhecimentos de informática gerencial e lógica de programação.
CURSO DESENVOLVEDOR FRONT-END HTML5/CSS3/JavaScript Objetivo: Este curso visa introduzir o aluno do mundo do desenvolvimento Web, com aplicabilidade, ensino e capacitação nas principais linguagens de diagramação
Leia maisRecursos Complementares (Tabelas e Formulários)
Linguagem de Programação para Web Recursos Complementares (Tabelas e Formulários) Prof. Mauro Lopes 1-31 30 Objetivo Nesta aula iremos trabalhar o conceito de tabelas e todas as tags associadas ao seu
Leia maisConstrução de sites Aula 1
Construção de sites Aula 1 Programa Instrutor Universidade Federal do Paraná Pró-reitoria de Assuntos Estudantis Departamento de Informática 31 de Julho de 2010 Indice Estrutura da Internet 1 Estrutura
Leia maisRoteiro 06. Professor: Prof. M.Sc. Odilon Corrêa da Silva. Curso: Desenvolvimento de Sistemas. Disciplina: Programação para WEB I
Roteiro 06 Professor: Prof. M.Sc. Odilon Corrêa da Silva Curso: Desenvolvimento de Sistemas Disciplina: Programação para WEB I Roteiro 06 Objetivos Layout responsivo Formulários HTML 2 Layout responsivo
Leia maisAula 03 Introdução à Java. Disciplina: Fundamentos de Lógica e Algoritmos Prof. Bruno Gomes
Aula 03 Introdução à Java Disciplina: Fundamentos de Lógica e Algoritmos Prof. Bruno Gomes http://www3.ifrn.edu.br/~brunogomes Agenda da Aula Representação de Algoritmos em Pseudocódigo: Tipos de Dados;
Leia maisProgramação Web - HTML
Instituto Federal de Minas Gerais Campus Ponte Nova Programação Web - HTML Professor: Saulo Henrique Cabral Silva HTML Início em 1980, Tim Bernes-Lee Implementado Pascal. 1989, o CERN investiu esforços
Leia maisRoteiro 01. Professor: Prof. M.Sc. Odilon Corrêa da Silva. Curso: Engenharia de Computação. Disciplina: Programação para WEB
Roteiro 01 Professor: Prof. M.Sc. Odilon Corrêa da Silva Curso: Engenharia de Computação Disciplina: Programação para WEB Roteiro 01 Objetivos Apresentar os conceitos básicos do HTML Criar listas em páginas
Leia maisDreamweaver CS6 Plano de Aula - 24 Aulas (Aulas de 1 Hora).
5232 - Dreamweaver CS6 Plano de Aula - 24 Aulas (Aulas de 1 Hora). Aula 1 Capítulo 1 - Introdução ao Dreamweaver CS6 1.1. Novidades do Dreamweaver CS6... 23 1.2. Área de Trabalho... 24 1.2.1. Tela de Boas-vindas...
Leia maisREPÚBLICA FEDERATIVA DO BRASIL ESTADO DE SANTA CATARINA Universidade do Estado de Santa Catarina - UDESC CENTRO DE EDUCAÇÃO DO PLANALTO NORTE - CEPLAN
Curso: SIN-BAC - Bacharelado em Sistemas de Informação Departamento: DSI.. - Sistemas de Informação Disciplina: DESENVOLVIMENTO DE APLICAÇÕES PARA A WEB Código: 7DAI002 Carga horária: 72 Período letivo:
Leia maisMANIPULAÇÃO DE STRINGS
MANIPULAÇÃO DE STRINGS PROF. ME. HÉLIO ESPERIDIÃO 2 STRLEN Retorna o tamanho de uma string 3 LTRIM Retira espaços em branco do início da string 4 RTRIM Retira espaço em branco do final da string 5 TRIM
Leia mais1. Passo a passo de como Remover Duplicatas
Existem duas maneiras principais para você descobrir se existem valores duplicados na sua tabela de dados do Excel. A primeira e mais direta é a funcionalidade de remover duplicatas, que depois de usada,
Leia maisElementos Básicos HTML e Formatação de textos
Elementos Básicos HTML e Formatação de textos O Html é uma linguagem de marcação (markup languages em inglês). As linguagens que combinam texto com informações extras sobre o texto. Essas informações extras
Leia mais26/04/2017 Triggers no SQL Server: teoria e prática aplicada em uma situação real
www.devmedia.com.br [versão para impressão] Link original: http://www.devmedia.com.br/articles/viewcomp.asp?comp=28194 Triggers no SQL Server: teoria e prática aplicada em uma situaçã o real Veja neste
Leia maisO que é o HTML5? Tags Canvas
O que é o HTML5? O código HTML está presente nas páginas da web há mais de dez anos e tem uma larga aceitação dos usuários por todo o mundo. Com certeza, qualquer pessoa que tem uma ligação um pouco mais
Leia maisSumário. Parte I JavaScript básica. 1 Introdução a JavaScript Estrutura léxica Tipos, valores e variáveis... 28
Sumário 1 Introdução a JavaScript... 1 1.1 JavaScript básica 4 1.2 JavaScript do lado do cliente 8 Parte I JavaScript básica 2 Estrutura léxica... 21 2.1 Conjunto de caracteres 21 2.2 Comentários 23 2.3
Leia maisJavaScript (Elementos de Programação e Programação Básica)
Linguagem de Programação para Web JavaScript (Elementos de Programação e Programação Básica) Prof. Mauro Lopes 1 Objetivos Iniciaremos aqui o nosso estudo sobre a Linguagem de Programação JavaScript. Apresentaremos
Leia maisIntrodução a Banco de Dados. Curso: Engenharia de Produção Disciplina: Informática Aplicada Professor: Rodrigo da Rocha
Introdução a Banco de Dados Curso: Engenharia de Produção Disciplina: Informática Aplicada Professor: Rodrigo da Rocha Agenda Introdução Objetos do Banco de Dados Planejar um Banco de Dados Criar um Banco
Leia maisProgramação para Internet I
Programação para Internet I Aula 01 Prof. Diemesleno Souza Carvalho diemesleno@iftm.edu.br http://www.diemesleno.com.br Na aula passada vimos... Na aula passada vimos... - Apresentação da disciplina; -
Leia maisComo Fazer Sua Primeira Venda
Por Tiago Bastos 1 Como Fazer Sua Primeira Venda Direto Da Mesa Do Tiago Bastos, Rio De Janeiro Este é sem dúvidas, o seu grande desejo: fazer sua primeira venda Estou certo? Neste guia eu vou lhe entregar
Leia maisJavaScript Intermediário
CONTEÚDO PROGRAMÁTICO JavaScript Intermediário Carga horária: 32 horas TreinaWeb Tecnologia LTDA CNPJ: 06.156.637/0001-58 Av. Paulista, 1765 - Conj 71 e 72 São Paulo - SP CONTEÚDO PROGRAMÁTICO 1 - Introdução
Leia maisData-Driven Documents
Data-Driven Documents Lucas Pagliosa Aula de Visualização - Parte Teórica 9 de setembro de 2014 Lucas Pagliosa (ICMC-USP) D3 9 de setembro de 2014 1 / 30 Sumário 1 Motivação 2 Recapitulando 3 JavaScript
Leia maisHTML 5 TAGS BÁSICAS E ESTRUTURAIS. Prof. Rosemary Melo
HTML 5 TAGS BÁSICAS E ESTRUTURAIS Prof. Rosemary Melo TAGS BÁSICAS DA LINGUAGEM TAG Indica que está criando uma página html TAG Área contém informação sobre a página TAG especifica
Leia maisDesenvolvimento Web. JavaScript aula IV Acesso a documentos com Document Object Model (DOM) Professor: Bruno E. G. Gomes
INSTITUTO FEDERAL DE EDUCAÇÃO CIÊNCIA E TECNOLOGIA CURSO TÉCNICO INTEGRADO EM INFORMÁTICA CAMPUS CURRAIS NOVOS Desenvolvimento Web JavaScript aula IV Acesso a documentos com Document Object Model (DOM)
Leia maisUNIDADE 3. Ensino/aprendizagem e Novas tecnologias. Educação à distância: conceitos básicos. Olá turma! Bem-vindos de volta.
Olá turma! Bem-vindos de volta. UNIDADE 3 Educação à distância: conceitos básicos Ensino/aprendizagem e Novas tecnologias Você sabe o que são NTICs? Como elas poderiam auxiliar no seu processo de aprendizagem?
Leia maisDiário Escolar Digital. Secretaria de Estado da Educação de Minas Gerais Capacitação: Inspeção Escolar - Metropolitana B
Diário Escolar Digital Secretaria de Estado da Educação de Minas Gerais Capacitação: Inspeção Escolar - Metropolitana B Fases da implantação do Diário Escolar Digital No Simade Web A ser feito pela direção
Leia maisIntrodução à Programação para Dispositivos Móveis
Introdução à Programação para Dispositivos Móveis Aula 02 Prof. Diemesleno Souza Carvalho diemesleno@iftm.edu.br http://www.diemesleno.com.br Na aula passada vimos... Na aula passada vimos... Plataformas
Leia maisUNIDADE 3. Ensino/aprendizagem e Novas tecnologias. Educação à distância: conceitos básicos. Olá turma! Bem-vindos de volta.
Olá turma! Bem-vindos de volta. UNIDADE 3 Educação à distância: conceitos básicos Ensino/aprendizagem e Novas tecnologias Você sabe o que são NTICs? Como elas poderiam auxiliar no seu processo de aprendizagem?
Leia maisDreamweaver CS5 -5- CAPÍTULO 1... Iniciando e conhecendo o dreamweaver...8 Interfaces...23 Criando e confi gurando sites...24 Exercícios...
DREAMWEAVER CS5 INTRODUÇÃO O Dreamweaver CS5 é um editor avançado de páginas para Internet, pois possui ferramentas para usuários que não são familiarizados com as linguagens HTML, Java e PHP. Com o Dreamweaver
Leia maisProf. Esp. Andrew Rodrigues 1
Prof. Esp. Andrew Rodrigues www.andrewrodrigues.com.br www.andrewrodrigues.com.br 1 PHP em Ação PHP é uma linguagem de programação que pode fazer todo o tipo de coisas: avaliar dados de formulários enviados
Leia maisLiveGeek.Me DESENVOLVIMENTO DE APLICAÇÕES EM HTML5
DESENVOLVIMENTO DE APLICAÇÕES EM HTML5 APRESENTAÇÃO www.soualuno.livegeek.me andresimonelli@livegeek.me Aula 04 Plataforma Eventials - Visualização do Professor / Slides / Códigos; - Tela Cheia. Aplicações
Leia maisIntrodução 1 PARTE I: A LINGUAGEM DA WEB 5
Sumário Introdução 1 PARTE I: A LINGUAGEM DA WEB 5 Capítulo 1: Introdução a HTML5 7 Criando com tags: um panorama 8 Incorporando os novos elementos de HTML5 9 Usando tags válidas de HTML4 11 Esquecendo
Leia maisPara começar, vamos começar vendo alguns exemplos do uso da SOMASE na gestão de empresas:
Este conteúdo faz parte da série: Excel Fórmulas Avançadas Ver 10 posts dessa série Esse é o meu segundo post da série Como gerir melhor usando uma função do Excel (veja o meu post sobre a PROCV função
Leia mais1. Entendendo os erros que aparecem no Excel:
Este conteúdo faz parte da série: Excel Fórmulas Avançadas Ver 10 posts dessa série Todo mundo que usa o Excel, desde o básicão até as funções mais avançadas pode ter tido a experiência de ver as mesmas
Leia maisREPÚBLICA FEDERATIVA DO BRASIL ESTADO DE SANTA CATARINA Universidade do Estado de Santa Catarina - UDESC CENTRO DE EDUCAÇÃO DO PLANALTO NORTE - CEPLAN
Curso: SIN-BAC - Bacharelado em Sistemas de Informação Departamento: DSI.. - Sistemas de Informação Disciplina: DESENVOLVIMENTO DE APLICAÇÕES PARA A WEB Código: 7DAI002 Carga horária: 72 Período letivo:
Leia maisUniversidade Federal do Espírito Santo Centro de Ciências Agrárias CCA UFES Departamento de Computação. XML e JSON
Universidade Federal do Espírito Santo Centro de Ciências Agrárias CCA UFES Departamento de Computação XML e JSON Desenvolvimento de Sistemas para WEB Site: http://jeiks.net E-mail: jacsonrcsilva@gmail.com
Leia maisConceitos de HTML 5 Aula 1
Prof. João Augusto da Silva Bueno (joao.augusto@ifsc.edu.br) Conceitos de HTML 5 Aula 1 World Wide Web É um serviço da Internet que reúne vários documentos de todas as partes do mundo e esses documentos
Leia maisO que são e quando utilizá-las:
Este conteúdo faz parte da série: Excel VBA Ver 6 posts dessa série Trabalhar com Excel é uma tarefa muito comum nos dias atuais, seja para uso pessoal ou profissional. Dentre a infinidade de fórmulas
Leia maisDesenvolvimento Virtual de Ensino Aprendizagem integrado com recursos de Web Conferência.
Desenvolvimento Virtual de Ensino Aprendizagem integrado com recursos de Web Conferência. Alex Sander Corrêa Martins Projeto IFSC 2011 Professor: Adriano Heis Coordenador: Antônio pereira Cândido O Moodle
Leia maisCriando objetos personalizados
Criando objetos personalizados Já aprendemos a utilizar objetos embutidos do JavaScript, como Date, e também os objetos browser que permitem manipular documentos da Web (os objetos mais comumente utilizados
Leia maisTutorial de Administração de sites do Portal C3
Tutorial de Administração de sites do Portal C3 Carlos Magno da Rosa Graduando Sistemas de Informação Estagiário Centro de Ciências Computacionais Sumário Sumário... 2 1-Apresentação Geral... 3 3-Componentes
Leia maisComposição e Herança. carro meucarro = new carro();
Composição e Herança Um dos conceitos mais interessantes das linguagens orientadas a objeto é a reutilização de código. Mas para isso realmente funcionar, você tem que conseguir fazer mais do que simplesmente
Leia maisAtualização Técnica e Pedagógica de Professores no componente de Lógica de Programação com C# (console) Semana 4 Vetor e Matriz
Atualização Técnica e Pedagógica de Professores no componente de Lógica de Programação com C# (console) Semana 4 Vetor e Matriz Prof. Tiago Jesus de Souza Introdução Vetores e Matrizes em geral são caracterizadas
Leia maisDownload e Upload. De forma muito objetiva podemos dizer que um arquivo possui pelo menos três características que os definem:
Download e Upload Aula 4 1. Download É o ato de descarregar ou baixar um arquivo (textos, imagens, músicas, filmes). Fazer o download de algo significa fazer uma cópia de um arquivo da internet para o
Leia maisUnidade 7: Documentação de Código A Importância dos Comentários Prof. Daniel Caetano
Linguagem de Programação 1 Unidade 7: Documentação de Código A Importância dos Comentários Prof. Daniel Caetano Objetivo: Desenvolver a habilidade de comentar código adequadamente INTRODUÇÃO Até o momento
Leia maisO potencial didático do WordPress no ensino-aprendizagem de Programação WEB. WordCamp Porto Alegre
O potencial didático do WordPress no ensino-aprendizagem de Programação WEB Alegre - 2018 Quem sou eu? Vitor Hugo Cardoso 1. 2. 3. 4. 5. 6. Alegre - 2018 Professor, Historiador, Desenvolvedor WEB, Fotógrafo
Leia maisPrática de Programação. Prof. Tiago A. E. Ferreira Aula 9 Estruturas, Uniões, Enumerações e Tipos Definidos pelo Usuário
Prática de Programação Prof. Tiago A. E. Ferreira Aula 9 Estruturas, Uniões, Enumerações e Tipos Definidos pelo Usuário Introdução A linguagem C/C++ permite criar tipos de dados definidos pelo usuário
Leia maisINTRODUÇÃO AO JQUERY PROF. ME. HÉLIO ESPERIDIÃO
INTRODUÇÃO AO JQUERY PROF. ME. HÉLIO ESPERIDIÃO Introdução JQuery é uma biblioteca JavaScript desenvolvida para simplificar os scripts client-side que interagem com o HTML. Ela foi lançada em janeiro de
Leia maisJavaScript IFRN INSTITUTO FEDERAL DE EDUCAÇÃO, CIÊNCIAS E TECNOLOGIAS DO RIO GRANDE DO NORTE
JavaScript IFRN INSTITUTO FEDERAL DE EDUCAÇÃO, CIÊNCIAS E TECNOLOGIAS DO RIO GRANDE DO NORTE 2 Objetos Objeto é um tipo de dado constituído por uma coleção de dados, ou seja, é uma unidade que armazena
Leia mais4 Testes e experimentos realizados 4.1. Implementação e banco de dados
32 4 Testes e experimentos realizados 4.1. Implementação e banco de dados Devido à própria natureza dos sites de redes sociais, é normal que a maior parte deles possua uma grande quantidade de usuários
Leia maisPROJETO ARQUITETURAL PARTE II: PADRÕES DE PROJETO. Projeto de Programas PPR0001
PROJETO ARQUITETURAL PARTE II: PADRÕES DE PROJETO Projeto de Programas PPR0001 QUALIDADE DO PROJETO 2 3 Qualidade do Projeto de Software Modularidade: gerar particionamento em elementos que executam funções
Leia mais1. Exemplo de uso do PROCV em planilha de Controle de Funcionários
Este conteúdo faz parte da série: Excel Fórmulas Avançadas Ver 10 posts dessa série Sempre que vejo gestores usando planilhas de Excel, fica claro pra mim a necessidade de uso do PROCV. Para quem não sabe
Leia maisIntrodução a Programação Web com PHP
AULA: Introdução a Programação Web com PHP Programação para Internet http://docentes.ifrn.edu.br/albalopes alba.lopes@ifrn.edu.br Breve histórico A primeira versão surgiu em meados de 1995, escrita por
Leia maisVocê pode ter um site bonito, com um bom layout e facilmente navegável... Mas, isso não significa que todos estejam divertindo-se com ele.
Aula 07 Você pode ter um site bonito, com um bom layout e facilmente navegável... Mas, isso não significa que todos estejam divertindo-se com ele. Usuários com problemas visão, distinguir cores, coordenação
Leia maisPROGRAMAÇÃO PARA INTERNET RICA DHTML E O DOCUMENT OBJECT MODEL
PROGRAMAÇÃO PARA INTERNET RICA DHTML E O DOCUMENT OBJECT MODEL Prof. Dr. Daniel Caetano 2013-1 Objetivos Apresentar os conceitos do DHTML Conceituar a estruturação dos objetos do DOM Compreender as diferentes
Leia maisModificadores de acesso e atributos de classe
Modificadores de acesso e atributos de classe Material baseado na apostila FJ-11: Java e Orientação a Objetos do curso Caelum, Ensino e Inovação, disponível para download em http://www.caelum.com.br/apostilas/
Leia maisMódulo 03. Trabalhando com listas, imagens e tabelas
Módulo 03 Trabalhando com listas, imagens e tabelas Apresentação do módulo 03 Objetivos do módulo Boas vindas ao terceiro módulo do curso Primeiros Passos no Word. Neste módulo vamos saber como utilizar
Leia maisHTML: Recursos Básicos e Especiais
Linguagem de Programação para Web HTML: Recursos Básicos e Especiais Prof. Mauro Lopes 1-31 34 Objetivo Iremos aqui apresentar os recursos básicos e especiais do HTML. Serão apresentados, o uso de fontes,
Leia maisDesenvolvimento Web. JavaScript aula IV Funções. Professor: Bruno E. G. Gomes
INSTITUTO FEDERAL DE EDUCAÇÃO CIÊNCIA E TECNOLOGIA CURSO TÉCNICO INTEGRADO EM INFORMÁTICA CAMPUS CURRAIS NOVOS Desenvolvimento Web JavaScript aula IV Funções Professor: Bruno E. G. Gomes 2013 INTRODUÇÃO
Leia maisWebDesign. Professor: Paulo Trentin paulo@paulotrentin.com.br http://www.paulotrentin.com.br. Escola CDI de Videira
WebDesign Professor: Paulo Trentin paulo@paulotrentin.com.br http://www.paulotrentin.com.br Escola CDI de Videira Entendendo Alguns Conceitos Antes de prosseguirmos é importante ter em mente o motivo pelo
Leia maisProgramação para Internet. Professor Pedro Ramires 1º Informática
Programação para Internet Professor Pedro Ramires 1º Informática Introdução a Web HTML é a sigla em inglês para HiperText Markup Language, que em português significa linguagem para marcação de hipertexto.
Leia maisjquery Curso de Tecnologia em Análise e Desenvolvimento de Sistemas Desenvolvimento de Sistemas web
jquery Curso de Tecnologia em Análise e Desenvolvimento de Sistemas Desenvolvimento de Sistemas web Introdução jquery é uma biblioteca JavaScript que tem como objetivo principal facilitar a programação
Leia maisTUTORIAL FGV WIKI Professor
TUTORIAL FGV WIKI Professor 1. Cadastro Para ser cadastrado no http://wiki.fgv.br o usuário será convidado a participar de um projeto Wiki ou em outros casos será cadastrado previamente com os mesmos dados
Leia maisIntrodução à Informática. Aula 02. Números Binários Números Hexadecimais Aplicação dos Computadores. Prof. Fábio Nelson
Aula 2 Números Binários Números Hexadecimais Aplicação dos Computadores Aplicação dos Computadores O computador é uma ferramenta, a sua utilidade é determinada pela necessidade do utilizador. Pode ser
Leia maisEscolhendo seu antivírus Pago x Gratuito
Escolhendo seu antivírus Pago x Gratuito Cada vez mais os vírus de computadores e notebooks vem assombrando os usuários!! Mas eai!? Qual antivírus usar em meu equipamento!? Além da escolha entre um antivírus
Leia maisRespostas - RESUMO: Questionário CSS. 1) O padrão CSS nasceu para tentar minimizar quais problemas ligados à gestão de conteúdos na web?
Faculdade de Informática de Taquara Disciplina: Autoria e Design na Internet I Profa. Flavia Pereira de Carvalho Respostas - RESUMO: Questionário CSS 1) O padrão CSS nasceu para tentar minimizar quais
Leia maisProjeto Integrador. Pesquisa HTML5. Green Friday. Gestão em Tecnologia da Informação. Turma 1º B
Projeto Integrador Green Friday Pesquisa HTML5 Gestão em Tecnologia da Informação Turma 1º B Versão : 1.0.0 Equipe Cristiano Margarida Rodrigues Idealização e arquitetura Tiago Dariel Gois Marques - Teste
Leia maisTecnologias de Desenvolvimento de Páginas web
Tecnologias de Desenvolvimento de Páginas web HTML DHTML CSS Javascript Visual Basic Script Java HTML Hypertext Markup Language HTML Hypertext Markup Language Linguagem com a qual se definem as páginas
Leia maisFunções de Agregação, Subconsultas e Views
Projeto e Administração de Banco de Dados Funções de Agregação, Subconsultas e Views Objetivo Nesta unidade você vai estudar sobre pesquisas com funções de agregação de dados, sobre a criação de subconsultas
Leia maisProf Evandro Manara Miletto. parte 1
Prof Evandro Manara Miletto parte 1 Sumário Introdução Variáveis e tipos de dados Operadores O que é JavaScript? JavaScript é uma linguagem de programação criada pela Netscape para adicionar interatividade
Leia maisINTRODUÇÃO AO DESENVOLVIMENTO WEB. PROFª. M.Sc. JULIANA H Q BENACCHIO
INTRODUÇÃO AO DESENVOLVIMENTO WEB PROFª. M.Sc. JULIANA H Q BENACCHIO Declaração DOCTYPE em documentos HTML O W3C (World Wide Web Consortium: www.w3.org), encarregado da criação dos Standard webs, define
Leia mais