O documento fornece uma introdução sobre HTML DOM, jQuery e eventos em JavaScript. Em 3 frases:
1) Apresenta conceitos básicos sobre HTML DOM como estrutura de documentos e manipulação de elementos;
2) Explica como jQuery simplifica a manipulação do DOM e eventos no JavaScript através de seletores e métodos encadeados;
3) Demonstra como eventos permitem tornar páginas dinâmicas ao executar funções em resposta a ações do usuário.
1) jQuery é uma biblioteca JavaScript que simplifica a manipulação e seleção de elementos HTML, assim como eventos, animações e AJAX.
2) jQuery permite reduzir o tamanho de código e introduzir a reutilização através de plugins.
3) A sintaxe básica de jQuery é $(seletor).ação() para selecionar elementos HTML e realizar ações neles.
O documento apresenta uma introdução ao framework jQuery. Ele discute a filosofia, vantagens e exemplos de uso do jQuery, incluindo seletores, funções e eventos. Além disso, o documento aborda plugins populares como jQuery UI, DataTables e Flot que podem ser usados junto com o jQuery.
AngularJS é um framework JavaScript criado pelo Google para desenvolvimento de aplicações web single-page. O documento introduz AngularJS, explicando que ele estende HTML com diretivas como ng-app e ng-model. Dois exemplos simples são fornecidos para demonstrar como vincular dados a elementos HTML e exibir expressões AngularJS. Controllers JavaScript são usados para definir lógica e escopo de dados para partes da página.
Eventos no JavaScript permitem executar ações em resposta a eventos do usuário ou da página. Alguns eventos comuns incluem click, change, load e mouseover. Esses eventos podem acionar funções usando propriedades como "onclick" ou o método "addEventListener".
1) O documento introduz o jQuery, uma biblioteca JavaScript que simplifica a manipulação e animação de elementos HTML, CSS e eventos no browser.
2) Explica como adicionar o arquivo jQuery à página e apresenta a sintaxe básica $ (seletor).ação().
3) Detalha vários recursos do jQuery como seleção de elementos, manipulação de CSS, eventos, efeitos e AJAX.
O documento descreve o modelo de objetos de documento (DOM), que representa a estrutura de um documento HTML como uma árvore de objetos onde cada elemento é um nó. O JavaScript pode acessar e manipular esses nós para modificar o conteúdo e apresentação da página.
O documento introduz jQuery e AJAX. Resume os principais pontos sobre jQuery: (1) é uma biblioteca JavaScript que facilita a manipulação do DOM e eventos; (2) permite códigos mais sucintos e independentes de navegador; (3) inclui recursos como AJAX e animações.
O documento discute a importância da acessibilidade na web para pessoas com deficiências. Ele explica como tornar sites acessíveis para deficientes visuais, auditivos, físicos e cognitivos através do uso correto de tags HTML, atributos como "alt" e "longdesc", e organização da tabulação. Também fornece diretrizes sobre como tornar conteúdo acessível para daltônicos e links úteis sobre o assunto.
1) jQuery é uma biblioteca JavaScript que simplifica a manipulação e seleção de elementos HTML, assim como eventos, animações e AJAX.
2) jQuery permite reduzir o tamanho de código e introduzir a reutilização através de plugins.
3) A sintaxe básica de jQuery é $(seletor).ação() para selecionar elementos HTML e realizar ações neles.
O documento apresenta uma introdução ao framework jQuery. Ele discute a filosofia, vantagens e exemplos de uso do jQuery, incluindo seletores, funções e eventos. Além disso, o documento aborda plugins populares como jQuery UI, DataTables e Flot que podem ser usados junto com o jQuery.
AngularJS é um framework JavaScript criado pelo Google para desenvolvimento de aplicações web single-page. O documento introduz AngularJS, explicando que ele estende HTML com diretivas como ng-app e ng-model. Dois exemplos simples são fornecidos para demonstrar como vincular dados a elementos HTML e exibir expressões AngularJS. Controllers JavaScript são usados para definir lógica e escopo de dados para partes da página.
Eventos no JavaScript permitem executar ações em resposta a eventos do usuário ou da página. Alguns eventos comuns incluem click, change, load e mouseover. Esses eventos podem acionar funções usando propriedades como "onclick" ou o método "addEventListener".
1) O documento introduz o jQuery, uma biblioteca JavaScript que simplifica a manipulação e animação de elementos HTML, CSS e eventos no browser.
2) Explica como adicionar o arquivo jQuery à página e apresenta a sintaxe básica $ (seletor).ação().
3) Detalha vários recursos do jQuery como seleção de elementos, manipulação de CSS, eventos, efeitos e AJAX.
O documento descreve o modelo de objetos de documento (DOM), que representa a estrutura de um documento HTML como uma árvore de objetos onde cada elemento é um nó. O JavaScript pode acessar e manipular esses nós para modificar o conteúdo e apresentação da página.
O documento introduz jQuery e AJAX. Resume os principais pontos sobre jQuery: (1) é uma biblioteca JavaScript que facilita a manipulação do DOM e eventos; (2) permite códigos mais sucintos e independentes de navegador; (3) inclui recursos como AJAX e animações.
O documento discute a importância da acessibilidade na web para pessoas com deficiências. Ele explica como tornar sites acessíveis para deficientes visuais, auditivos, físicos e cognitivos através do uso correto de tags HTML, atributos como "alt" e "longdesc", e organização da tabulação. Também fornece diretrizes sobre como tornar conteúdo acessível para daltônicos e links úteis sobre o assunto.
Este documento explica o que é jQuery, como instalá-lo e usar suas funcionalidades para manipular elementos HTML e validar formulários. Explica que jQuery é uma biblioteca JavaScript que facilita a interação com páginas web, permite criar e modificar elementos HTML e aplicar efeitos. Demonstra como adicionar o código jQuery, identificar elementos por ID ou classe, e usar suas funções para esconder/mostrar elementos e validar campos obrigatórios em formulários.
O documento discute como escrever JavaScript de forma mais eficiente usando a biblioteca jQuery. Apresenta os principais conceitos como seletores, manipulação do DOM, eventos e efeitos que facilitam e simplificam o desenvolvimento front-end. Também fornece exemplos práticos de como implementar diversas funcionalidades com poucas linhas de código jQuery.
O documento discute funções em JavaScript, cobrindo tópicos como:
1) Definições de funções e seus usos;
2) Diferentes formas de declarar funções como declaração, expressão e construtor;
3) Parâmetros, escopo e closures em funções.
O documento apresenta Gabriel Colombo e um workshop introdutório sobre o framework Vue.js. O workshop irá cobrir os principais conceitos e funcionalidades do Vue como reatividade, data-binding, diretivas, event handling, componentes e projeto prático de um e-mail client. O objetivo é mostrar porque o Vue é um framework popular, fácil de aprender e usar para criar interfaces reativas.
O documento descreve conceitos e operadores fundamentais de JavaScript, incluindo:
1) Operadores matemáticos, lógicos e de comparação;
2) Estruturas condicionais como if/else e switch;
3) Estruturas de repetição como for, while, do/while;
4) Tratamento de erros com try/catch/finally/throw.
Alguns exercícios de fixação sobre esses tópicos são apresentados no final.
O documento apresenta uma introdução sobre JavaScript, descrevendo-o como uma linguagem de programação utilizada para criar pequenos programas que realizam ações em páginas web. Em seguida, explica conceitos básicos como estrutura de scripts, uso de funções como document.write(), caixas de diálogo e conversão de variáveis. Por fim, aborda brevemente objetos, eventos e funções.
JavaScript é uma linguagem de script que é interpretada pelo navegador para dar interatividade às páginas HTML. jQuery é um framework JavaScript que simplifica a manipulação do DOM HTML, tratamento de eventos e efeitos visuais. O documento apresenta os conceitos básicos de JavaScript e jQuery, incluindo seletores, manipulação do DOM, eventos e efeitos.
O documento discute funções em JavaScript, definindo-as como blocos de código capazes de executar ações e dar maior legibilidade e manutenção ao código. Apresenta diferentes formas de criar funções como declaração function, objeto construtor e sintaxe literal, e discute conceitos como escopo, closures e funções globais.
O documento apresenta boas práticas para automação de testes, incluindo usar page objects, dados-driven testing e manter testes isolados. Também discute técnicas como record and replay, bare sleep e keep pooling.
O documento apresenta a agenda de um mini-curso de 5 dias sobre JavaScript. O curso abordará tópicos como sintaxe e estrutura da linguagem, funções e objetos, objetos nativos do browser, janelas do browser e depuração do DOM. Cada dia será dedicado a um ou dois episódios sobre esses assuntos.
O documento descreve diferentes eventos em JavaScript como onclick, onload, onsubmit e onchange e fornece exemplos de código HTML para demonstrar o uso de cada um. Os eventos permitem executar funções JavaScript em resposta a ações do usuário, como clicar em um botão ou mudar o valor de um campo.
O documento fornece uma introdução sobre JavaScript, abordando seus principais tópicos:
1) JavaScript permite adicionar interatividade às páginas web;
2) Foi criada pela Netscape em 1995 para rodar no lado do cliente;
3) Possui funcionalidades como manipulação de conteúdo, formulários, janelas do navegador e interação com outras linguagens.
Este documento fornece informações sobre um curso de desenvolvimento web ministrado pelo professor Rodrigo Santa Maria. O curso ensina HTML5, CSS3, JavaScript e frameworks como o Bootstrap. O professor tem formação em Ciência da Computação e MBA em Gerenciamento de Projetos e experiência como analista, professor e empreendedor na área de tecnologia.
Javascript - Princípios da linguagem e utilização de frameworksBruno Abrantes
O documento discute princípios da linguagem Javascript e utilização de frameworks. Ele apresenta três pontos principais:
1. Separar uma aplicação em três componentes lógicos: conteúdo (HTML), apresentação (CSS) e comportamento (Javascript).
2. Exemplos práticos de como implementar a separação de componentes utilizando Javascript semântico e progressivamente mais Javascript não intrusivo.
3. Como frameworks como jQuery abstraem métodos nativos do Javascript e lidam com inconsistências entre browsers, facilitando o desenvolvimento.
O documento discute formulários em HTML e validação de dados com JavaScript. Aborda elementos como <form>, propriedades como action e method, e controles como input, select e textarea. Apresenta expressões regulares para validar campos como CPF, CEP, e-mail e senhas. Explica como recuperar dados, mascarar valores e localizar termos em strings usando expressões regulares.
Este documento apresenta uma introdução à linguagem JavaScript, cobrindo sua história, tipos, operações, strings, arrays, expressões, funções, objetos, strict mode, manipulação do DOM, eventos e o operador this. O documento também discute como rodar código JavaScript em sites e o futuro promissor de JavaScript.
O documento fornece exemplos de códigos JavaScript para criar diversos elementos interativos em páginas web, como ciclo de banners, janelas rolantes, painéis de menus, interligação de campos de formulários, calendário de eventos, duplo clique, menus suspensos e outros. O foco é ensinar técnicas básicas e avançadas de JavaScript por meio de exemplos práticos passo a passo.
Aplicações rápidas para a Web com DjangoFreedom DayMS
1) The document discusses how to build quick web applications using the Django framework.
2) It covers topics like presenting Django, the importance of documentation, the job market, installing Django on Linux, and creating a simple application.
3) The presentation includes creating models, views, templates, and administering the application using Django's automatic admin interface.
Este documento fornece uma introdução aos conceitos fundamentais do jQuery, incluindo:
1) O que é jQuery e suas principais características como biblioteca JavaScript.
2) Exemplos básicos de sintaxe jQuery, incluindo seletores e eventos como click.
3) Uma explicação de diferentes tipos de eventos no jQuery como mouseenter e focus.
4) Demonstrações de como usar métodos jQuery como hide, show e addClass.
Este documento explica o que é jQuery, como instalá-lo e usar suas funcionalidades para manipular elementos HTML e validar formulários. Explica que jQuery é uma biblioteca JavaScript que facilita a interação com páginas web, permite criar e modificar elementos HTML e aplicar efeitos. Demonstra como adicionar o código jQuery, identificar elementos por ID ou classe, e usar suas funções para esconder/mostrar elementos e validar campos obrigatórios em formulários.
O documento discute como escrever JavaScript de forma mais eficiente usando a biblioteca jQuery. Apresenta os principais conceitos como seletores, manipulação do DOM, eventos e efeitos que facilitam e simplificam o desenvolvimento front-end. Também fornece exemplos práticos de como implementar diversas funcionalidades com poucas linhas de código jQuery.
O documento discute funções em JavaScript, cobrindo tópicos como:
1) Definições de funções e seus usos;
2) Diferentes formas de declarar funções como declaração, expressão e construtor;
3) Parâmetros, escopo e closures em funções.
O documento apresenta Gabriel Colombo e um workshop introdutório sobre o framework Vue.js. O workshop irá cobrir os principais conceitos e funcionalidades do Vue como reatividade, data-binding, diretivas, event handling, componentes e projeto prático de um e-mail client. O objetivo é mostrar porque o Vue é um framework popular, fácil de aprender e usar para criar interfaces reativas.
O documento descreve conceitos e operadores fundamentais de JavaScript, incluindo:
1) Operadores matemáticos, lógicos e de comparação;
2) Estruturas condicionais como if/else e switch;
3) Estruturas de repetição como for, while, do/while;
4) Tratamento de erros com try/catch/finally/throw.
Alguns exercícios de fixação sobre esses tópicos são apresentados no final.
O documento apresenta uma introdução sobre JavaScript, descrevendo-o como uma linguagem de programação utilizada para criar pequenos programas que realizam ações em páginas web. Em seguida, explica conceitos básicos como estrutura de scripts, uso de funções como document.write(), caixas de diálogo e conversão de variáveis. Por fim, aborda brevemente objetos, eventos e funções.
JavaScript é uma linguagem de script que é interpretada pelo navegador para dar interatividade às páginas HTML. jQuery é um framework JavaScript que simplifica a manipulação do DOM HTML, tratamento de eventos e efeitos visuais. O documento apresenta os conceitos básicos de JavaScript e jQuery, incluindo seletores, manipulação do DOM, eventos e efeitos.
O documento discute funções em JavaScript, definindo-as como blocos de código capazes de executar ações e dar maior legibilidade e manutenção ao código. Apresenta diferentes formas de criar funções como declaração function, objeto construtor e sintaxe literal, e discute conceitos como escopo, closures e funções globais.
O documento apresenta boas práticas para automação de testes, incluindo usar page objects, dados-driven testing e manter testes isolados. Também discute técnicas como record and replay, bare sleep e keep pooling.
O documento apresenta a agenda de um mini-curso de 5 dias sobre JavaScript. O curso abordará tópicos como sintaxe e estrutura da linguagem, funções e objetos, objetos nativos do browser, janelas do browser e depuração do DOM. Cada dia será dedicado a um ou dois episódios sobre esses assuntos.
O documento descreve diferentes eventos em JavaScript como onclick, onload, onsubmit e onchange e fornece exemplos de código HTML para demonstrar o uso de cada um. Os eventos permitem executar funções JavaScript em resposta a ações do usuário, como clicar em um botão ou mudar o valor de um campo.
O documento fornece uma introdução sobre JavaScript, abordando seus principais tópicos:
1) JavaScript permite adicionar interatividade às páginas web;
2) Foi criada pela Netscape em 1995 para rodar no lado do cliente;
3) Possui funcionalidades como manipulação de conteúdo, formulários, janelas do navegador e interação com outras linguagens.
Este documento fornece informações sobre um curso de desenvolvimento web ministrado pelo professor Rodrigo Santa Maria. O curso ensina HTML5, CSS3, JavaScript e frameworks como o Bootstrap. O professor tem formação em Ciência da Computação e MBA em Gerenciamento de Projetos e experiência como analista, professor e empreendedor na área de tecnologia.
Javascript - Princípios da linguagem e utilização de frameworksBruno Abrantes
O documento discute princípios da linguagem Javascript e utilização de frameworks. Ele apresenta três pontos principais:
1. Separar uma aplicação em três componentes lógicos: conteúdo (HTML), apresentação (CSS) e comportamento (Javascript).
2. Exemplos práticos de como implementar a separação de componentes utilizando Javascript semântico e progressivamente mais Javascript não intrusivo.
3. Como frameworks como jQuery abstraem métodos nativos do Javascript e lidam com inconsistências entre browsers, facilitando o desenvolvimento.
O documento discute formulários em HTML e validação de dados com JavaScript. Aborda elementos como <form>, propriedades como action e method, e controles como input, select e textarea. Apresenta expressões regulares para validar campos como CPF, CEP, e-mail e senhas. Explica como recuperar dados, mascarar valores e localizar termos em strings usando expressões regulares.
Este documento apresenta uma introdução à linguagem JavaScript, cobrindo sua história, tipos, operações, strings, arrays, expressões, funções, objetos, strict mode, manipulação do DOM, eventos e o operador this. O documento também discute como rodar código JavaScript em sites e o futuro promissor de JavaScript.
O documento fornece exemplos de códigos JavaScript para criar diversos elementos interativos em páginas web, como ciclo de banners, janelas rolantes, painéis de menus, interligação de campos de formulários, calendário de eventos, duplo clique, menus suspensos e outros. O foco é ensinar técnicas básicas e avançadas de JavaScript por meio de exemplos práticos passo a passo.
Aplicações rápidas para a Web com DjangoFreedom DayMS
1) The document discusses how to build quick web applications using the Django framework.
2) It covers topics like presenting Django, the importance of documentation, the job market, installing Django on Linux, and creating a simple application.
3) The presentation includes creating models, views, templates, and administering the application using Django's automatic admin interface.
Este documento fornece uma introdução aos conceitos fundamentais do jQuery, incluindo:
1) O que é jQuery e suas principais características como biblioteca JavaScript.
2) Exemplos básicos de sintaxe jQuery, incluindo seletores e eventos como click.
3) Uma explicação de diferentes tipos de eventos no jQuery como mouseenter e focus.
4) Demonstrações de como usar métodos jQuery como hide, show e addClass.
Java mais ágil que nunca no desenvolvimento WebBruno Borges
1) O documento discute como a combinação de Apache Wicket, Scala e MongoDB permite o desenvolvimento web ágil preservando a separação de responsabilidades entre designers e desenvolvedores.
2) Apache Wicket permite marcação declarativa sem intrusões no HTML do designer e toda a lógica ficar no código Java.
3) Scala adiciona funcionalidade e expressividade ao código Wicket de forma elegante através de construções como DSL.
4) MongoDB é um banco de dados NoSQL orientado a documentos que se integra bem a esta stack por não
Apps Web em Wicket e Scala no GlassFish Java EE 6Bruno Borges
O documento discute o desenvolvimento web usando as tecnologias Apache Wicket, Scala e Java EE 6 no servidor GlassFish. Ele aborda como Wicket permite separar as camadas de interface do usuário e lógica de negócios, e como Scala pode ser usado com Wicket para melhorar a produtividade. Também menciona como recursos do Java EE 6 como CDI e Bean Validation podem ser integrados a aplicações Wicket.
O documento apresenta as vantagens e funcionalidades do jQuery, como simplificar códigos JavaScript, acesso direto ao DOM, efeitos e animações. Explica a filosofia do jQuery de procurar elementos e fazer ações com eles, e demonstra seletores, métodos como append(), css() e eventos como click().
O documento discute o uso do jQuery e jQuery UI para criar interfaces ricas para a web. Ele descreve como essas bibliotecas permitem adicionar funcionalidades avançadas como animações, efeitos, Ajax e componentes como calendários, abas, menus sanfonas e janelas modais de forma fácil.
O documento discute conceitos fundamentais da linguagem JavaScript, como tipos dinâmicos, orientação a protótipos, objetos literais e padrões de projeto como o MVC para estruturar aplicações. Também apresenta técnicas como o try() para lidar com possíveis erros e o uso de classes simuladas para organizar o código.
Prototype é uma biblioteca JavaScript que fornece funções úteis para facilitar o desenvolvimento de páginas web dinâmicas e interativas, reduzindo código repetitivo e melhorando o desempenho. Algumas de suas principais funcionalidades incluem facilitar o acesso a elementos HTML, manipulação de formulários, requisições assíncronas e atualização parcial de páginas via Ajax.
O documento resume os principais conceitos da linguagem JavaScript, incluindo sua sintaxe, funções, eventos, entrada e saída de dados, estruturas de decisão e repetição.
O manual descreve o framework jQuery, que ajuda desenvolvedores a resolver problemas de compatibilidade entre navegadores e reduzir código, por meio de seletores, manipulação de elementos, eventos e efeitos.
Este documento apresenta uma introdução básica ao JavaScript, abordando seus principais conceitos como: sua origem e diferenças em relação ao Java; como inserir códigos JavaScript em páginas HTML; utilização de variáveis, arrays, objetos, funções, condicionais e laços de repetição; tratamento de eventos e manipulação de elementos da página; e validação de formulários.
Combinando OO e Funcional em javascript de forma práticaMilfont Consulting
O documento discute conceitos fundamentais da linguagem JavaScript, como tipos dinâmicos, orientação a protótipos, objetos literais, entre outros. Também aborda técnicas como programação funcional e orientada a objetos em JS, o uso de bibliotecas como Underscore e padrões como MVC para estruturar aplicações.
Evento Front End SP - Organizando o JavascriptMichel Ribeiro
O documento fornece 3 dicas principais para escrever códigos JavaScript melhores:
1) Aprenda bem a linguagem JavaScript e seus conceitos-chave.
2) Aplique padrões como o Module Pattern para organizar e encapsular o código.
3) Use arquiteturas como MVC para separar as preocupações da aplicação.
Além disso, fornece dicas gerais como documentar o código, criar arquivos separados, injetar dependências e realizar testes. O objetivo é ajudar a escrever códigos mais
Este documento fornece uma introdução ao AJAX e como ele pode ser usado em aplicações Java. Ele discute o que é AJAX, como fazer requisições ao servidor usando AJAX e frameworks JavaScript que facilitam o desenvolvimento de aplicações AJAX. Além disso, apresenta como AJAX pode ser usado com Java usando DWR.
Este documento apresenta Ricardo Coelho e discute a criação de plugins jQuery. Ele explica o que é jQuery, por que criar plugins, como criar plugins básicos preservando o encadeamento, e dá um exemplo de plugin de efeito. O documento também lista referências úteis sobre plugins jQuery.
O documento apresenta conceitos sobre PHP e AJAX. Resume os principais pontos sobre: 1) como o AJAX permite enviar e receber dados de um servidor sem recarregar a página usando tecnologias como Javascript, XML e HTTP; 2) o objeto XMLHttpRequest que permite fazer requisições assíncronas; 3) um exemplo prático de um mural de recados interativo usando PHP no servidor e AJAX no cliente.
O documento apresenta uma oficina sobre desenvolvimento web full stack de forma simplificada e prática. A palestrante introduz as ferramentas SCRUM, GIT, terminal, HTML, CSS, PHP, MySQL, servidor local e JavaScript que serão usadas para construir um jogo de forma incremental e entregando funcionalidades em partes.
1. O documento apresenta um resumo sobre JavaScript, incluindo sua definição, frameworks e bibliotecas, instalação no VSCode e introdução a elementos, eventos e métodos como getElementById, getElementByTagName e querySelector.
2. É apresentado o conceito de DOM e como manipular elementos da página através de JavaScript.
3. Há explicações e exemplos sobre como criar, inserir e alterar elementos utilizando métodos como createElement, insertBefore e appendChild.
DevDay - O elo perdido: sincronizando webappsSuissa
O documento discute como desenvolver aplicações web que funcionem offline através de tecnologias como HTML5, Node.js e Socket.io. Ele apresenta soluções como cache manifest, localStorage e webSockets para sincronizar dados entre clientes e servidor mesmo sem conexão com a internet.
Este documento apresenta uma agenda para o curso "JavaScript e Ajax com jQuery". A agenda inclui introdução ao jQuery, revisão de JavaScript e DOM, preparação do ambiente, seletores jQuery, manipulação de CSS e conteúdo, eventos, animação, funções jQuery e Ajax. O documento também discute porque usar jQuery e como carregar a biblioteca jQuery.
As classes de modelagem podem ser comparadas a moldes ou
formas que definem as características e os comportamentos dos
objetos criados a partir delas. Vale traçar um paralelo com o projeto de
um automóvel. Os engenheiros definem as medidas, a quantidade de
portas, a potência do motor, a localização do estepe, dentre outras
descrições necessárias para a fabricação de um veículo
PRODUÇÃO E CONSUMO DE ENERGIA DA PRÉ-HISTÓRIA À ERA CONTEMPORÂNEA E SUA EVOLU...Faga1939
Este artigo tem por objetivo apresentar como ocorreu a evolução do consumo e da produção de energia desde a pré-história até os tempos atuais, bem como propor o futuro da energia requerido para o mundo. Da pré-história até o século XVIII predominou o uso de fontes renováveis de energia como a madeira, o vento e a energia hidráulica. Do século XVIII até a era contemporânea, os combustíveis fósseis predominaram com o carvão e o petróleo, mas seu uso chegará ao fim provavelmente a partir do século XXI para evitar a mudança climática catastrófica global resultante de sua utilização ao emitir gases do efeito estufa responsáveis pelo aquecimento global. Com o fim da era dos combustíveis fósseis virá a era das fontes renováveis de energia quando prevalecerá a utilização da energia hidrelétrica, energia solar, energia eólica, energia das marés, energia das ondas, energia geotérmica, energia da biomassa e energia do hidrogênio. Não existem dúvidas de que as atividades humanas sobre a Terra provocam alterações no meio ambiente em que vivemos. Muitos destes impactos ambientais são provenientes da geração, manuseio e uso da energia com o uso de combustíveis fósseis. A principal razão para a existência desses impactos ambientais reside no fato de que o consumo mundial de energia primária proveniente de fontes não renováveis (petróleo, carvão, gás natural e nuclear) corresponde a aproximadamente 88% do total, cabendo apenas 12% às fontes renováveis. Independentemente das várias soluções que venham a ser adotadas para eliminar ou mitigar as causas do efeito estufa, a mais importante ação é, sem dúvidas, a adoção de medidas que contribuam para a eliminação ou redução do consumo de combustíveis fósseis na produção de energia, bem como para seu uso mais eficiente nos transportes, na indústria, na agropecuária e nas cidades (residências e comércio), haja vista que o uso e a produção de energia são responsáveis por 57% dos gases de estufa emitidos pela atividade humana. Neste sentido, é imprescindível a implantação de um sistema de energia sustentável no mundo. Em um sistema de energia sustentável, a matriz energética mundial só deveria contar com fontes de energia limpa e renováveis (hidroelétrica, solar, eólica, hidrogênio, geotérmica, das marés, das ondas e biomassa), não devendo contar, portanto, com o uso dos combustíveis fósseis (petróleo, carvão e gás natural).
Em um mundo cada vez mais digital, a segurança da informação tornou-se essencial para proteger dados pessoais e empresariais contra ameaças cibernéticas. Nesta apresentação, abordaremos os principais conceitos e práticas de segurança digital, incluindo o reconhecimento de ameaças comuns, como malware e phishing, e a implementação de medidas de proteção e mitigação para vazamento de senhas.
A linguagem C# aproveita conceitos de muitas outras linguagens,
mas especialmente de C++ e Java. Sua sintaxe é relativamente fácil, o que
diminui o tempo de aprendizado. Todos os programas desenvolvidos devem
ser compilados, gerando um arquivo com a extensão DLL ou EXE. Isso torna a
execução dos programas mais rápida se comparados com as linguagens de
script (VBScript , JavaScript) que atualmente utilizamos na internet
2. Algumas Ferramentas “Firebug integrates with Firefox to put a wealth of web development tools at your fingertips while you browse. You can edit, debug, and monitor CSS, HTML, and JavaScript live in any web page!” http://getfirebug.com
3. JavacriptBasico: tag <script> <script type="text/javascript">document.write("Hello World!");</script> É executadoassimquecarregado Se o script alterar a página, coloque no final Colocar no final é sempreuma boa prática document.write() Output para a página
4. Javascript Básico: arquivo .js Para incluir arquivos externos <script type="text/javascript“ src="xxx.js"></script> Boa prática: minifique e unifique os arquivos .js YUI Compressor e Google ClosureCompiler
6. Browser objects: window Representa uma janela aberta no browser alert( msg ) confirm() window.location Informações sobre a URL window.screen window.history window.navigator
9. DOM: introdução DocumentObjectModel: um conjunto de interfaces Uma API para HTML e XML Representação estrutural do documento Permite modificação do conteúdo e do visual Liga as páginas aos scripts
10. DOM: documento HTML <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <title>ToDolist</title> </head> <body> <div>What I need to do.</div> <p title="ToDolist">Mylist:</p> <ul> <li>Finishpresentation</li> <li>Cleanupmy home.</li> <li>Buy a bottleofmilk. (Maybebeerwillbebetter?;) </li> </ul> </body> </html> html Head body Meta title div P ul title li
11. DOM: encontrando elementos <input type="text" id="message" value="Messagesgoeshere..."/> ... var msgInput = document.getElementById("message"); <ul id="list"> <li>Item 1</li> <li>Item 2</li> <li>Item 3</li> </ul> ... var items = document.getElementsByTagName("li");
12. DOM: elements <p title="ToDo list">My tasks</p> Tipos de nodes HTML element Attribute Textnode p title Textnode ToDo list My tasks
13. DOM: atributos de Element nodeName nodeValue nodeType parentNode childNodes firstChild lastChild previousSibling nextSibling attributes ownerDocument
14. DOM: objeto document A raiz para a árvore DOM document.getElementById document.getElementsByName document.getElementsByTagName
15. DOM: manipulação do DOM var item = document.createElement("li"); var text = document.createTextNode(message); item.appendChild(text); parent.appendChild(item); parent.insertBefore(someNode, item); parent.innerHTML = parent.innerHTML + ("<li>"+message+"</li>"); parent.removeChild(item);
16. DOM: element.style É possível mudar o visual do elemento através do javacript var el = document.getElementById(“myDiv”); el.style.display= “none”;
19. Eventos: introdução Para tornar páginas dinâmicas Funções que executarão quando eventos ocorrerem O retorno da função pode bloquear a execução de uma ação posterior
20. Eventos: definindo eventos Inline, na tag html <input type="text" size="30" id="email" onchange="checkEmail()"> functioncheckEmail(){ //... } Não use! É ruim escrever código javascript no meio do html
21. Eventos: definindo eventos Diretamente no elemento <input type="text" size="30" id="email" > var elEmail = document.getElementById(“email”); elEmail.onchange = function(){ ...}; Posso executar a função do evento elEmail.onchange() thisé o elemento onde ocorreu o evento Desvantagem: apenas uma função por evento.
22. Eventos: modelos avançados Adicionando um eventhandler var addBtn = document.getElementById("addBtn"); //... addBtn.addEventListener('click', function(){ //codegoeshere },false); addBtn.attachEvent('click', function(){ //codegoeshere }); thisé o elemento onde ocorreu o evento
23. Eventos: capturing & bubbling Se ambos tiverem onclick, qual é executado primeiro? Capturing: div a primeiro Bubbling: div b primeiro W3C definiu as duas possibilidades addEventListener(“click”, fn, boolean) False: capturing True: bubling
24. Eventos: eventos de mouse mousedown mouseup click dblclick mousemove A cada pixel mouseover mouseout
29. jQuery: introdução Escondendo divs com javacript divs = document.getElementByTagName(‘div’); for (i = 0; i < divs.length; i++) { divs[i].style.display = ‘none’; }
30. jQuery: introdução Escondendo divs com javacript divs = document.getElementByTagName(‘div’); for (i = 0; i < divs.length; i++) { divs[i].style.display = ‘none’; } Escondendo divs com jquery $(‘div’).hide();
31. jQuery: filosofia Encontre HTML Faça alguma coisa $() função seletora O mesmo que jQuery() Incluam na página http://code.jquery.com/jquery-1.4.3.min.js Ou baixem em http://jquery.com/
33. jQuery: seletores CSS Um pouco de CSS #myId encontra o elemento com o id ‘myId’ .myClass encontra todos os elementos com a class ‘myClass’ table encontra todos os elementos com a tagtable table#myId encontra a tabela com id ‘myId’ table #myId encontra o elemento com id ‘myId’ que esteja dentro de um table
34. jQuery: seletores $(‘#myId’) pega o elemento com o id ‘myId’ $(‘li:first’) pega o primeiro li $(‘tr:odd’) pega todas as tablerows ímpares $(‘a[target=_blank]’) pega todos os a cujo target é _blank $(‘form[id^=step]’) pega todos os forms cujo id começa com ‘step’
35. jQuery: seletores CSS Depois de achar $(‘#myId’) Fazer $(‘#myId’).addClass(‘redbox’);
36. jQuery: coisas legais Métodos encadeados $(“div”).addClass(“redbox”) .fadeOut(); Um método, várias aplicações $(...).html(); $(...).html(“<p>hello</p>”); $(...).html(function(i, oldHtml){ return “<p>hello “ + i + “</p>”; });
38. jQuery: um pouco mais de $() Você pode passar uma função para $() para ser executada quando a página carregar $(function(){ //executa quando o DOM estiver pronto }); o mesmo que $(document).ready(function(){ });
39. Exemplo: criando e incluindo elementos Pegue um elemento com o id foo e adicione html $(“#foo”) <html> <body> <div>jQuery</div> <div id=”foo”>example</div> </body> </html>
40. Exemplo: criando e incluindo elementos Pegue um elemento com o id foo e adicione html $(“#foo”).append(“<p>test</p>”); <html> <body> <div>jQuery</div> <div id=”foo”>example</div> </body> </html>
41. Exemplo: criando e incluindo elementos Pegue um elemento com o id foo e adicione html $(“#foo”).append(“<p>test</p>”); <html> <body> <div>jQuery</div> <div id=”foo”>example<p>test</p></div> </body> </html>
42. Exemplo: movendo elementos Mova os parágrafos para o elemento com id “foo” $(“p”) <html> <body> <div>jQuery <p>moving</p> <p>paragraphs</p> </div> <div id=”foo”>example</div> </body> </html>
43. Exemplo: movendo elementos Mova os parágrafos para o elemento com id “foo” $(“p”).appendTo(“#foo”); <html> <body> <div>jQuery <p>moving</p> <p>paragraphs</p> </div> <div id=”foo”>example</div> </body> </html>
44. Exemplo: movendo elementos Mova os parágrafos para o elemento com id “foo” $(“p”).appendTo(“#foo”); <html> <body> <div>jQuery</div> <div id=”foo”>example <p>moving</p> <p>paragraphs</p> </div> </body> </html>
45. jQuery: Atributos .attr(‘id’) .html() .val() .css(“top”) .width() .attr(‘id’,’foo’) .html(“<p>hi</p>”) .val(“newval”) .css(“top”, “80px”) .width(60) Get Set
46. jQuery: Atributos Setar a bordapara 1px black $(...).css(“border”, “1px solidblack”); Setar várias propriedades css $(...).css({ “background”: “yellow”, “height”: “400px” }); Setar todos os href dos links para google.com $(“a”).attr(“href”, “http://google.com”);
47. jQuery: Atributos Setar a bordapara 1px black $(...).css(“border”, “1px solidblack”); Setar várias propriedades css $(...).css({ “background”: “yellow”, “height”: “400px” }); Setar todos os href dos links para google.com $(“a”).attr(“href”, “http://google.com”);
48. jQuery: Eventos Quando um botão é clicado, faz algo $(“button”).click(function(){ something(); });
49. jQuery: Animação e efeitos Efeitos Hide e show fadeIn e fade out Slide up e slide down
50. jQuery: Animação Cada vez que clicar, alterne slide up e down o primeiro div $(...).click(function(){ $(“div:first”).slideToggle(); }); Animar os elementos até que tenham 300px de largura, em 0.5 segundos $(...).animate({ “width”: “300px” }, 500); Tire o foco do elemento realizando fade out até 30% de opacity em 0.5 segundos $(...).fadeTo(500, 0.3);
51. jQuery: Transversing 1 Pegue todas as células anteriores a #myCell $(“#myCell”) <html> <body> <table><tr> <td></td> <td></td> <td id=”myCell”></td> <td></td> </tr></table> </body> </html>
52. jQuery: Transversing 1 Pegue todas as células anteriores a #myCell $(“#myCell”).prevAll() <html> <body> <table><tr> <td></td> <td></td> <td id=”myCell”></td> <td></td> </tr></table> </body> </html>
53. jQuery: Transversing 1 Pegue todas as células anteriores a #myCell $(“#myCell”).prevAll().andSelf() <html> <body> <table><tr> <td></td> <td></td> <td id=”myCell”></td> <td></td> </tr></table> </body> </html>
54. jQuery: Transversing 2 Encontre os parágrafos a partir da tabela $(“table”); <html> <body> <table></table> <div> <p>foo</p> <span>bar</span> </div> </body> </html>
55. jQuery: Transversing 2 Encontre os parágrafos a partir da tabela $(“table”).next(); <html> <body> <table></table> <div> <p>foo</p> <span>bar</span> </div> </body> </html>
56. jQuery: Transversing 2 Encontre os parágrafos a partir da tabela $(“table”).next().find(“p”); <html> <body> <table></table> <div> <p>foo</p> <span>bar</span> </div> </body> </html>