O documento discute a manipulação de HTML, CSS e eventos em jQuery na Aula 04. É apresentado como selecionar e modificar elementos HTML, estilizá-los com CSS e adicionar comportamentos com eventos em jQuery.
Este documento fornece uma introdução à biblioteca jQuery:
1) jQuery é uma biblioteca JavaScript que facilita a manipulação de elementos, eventos e animações em páginas web.
2) A biblioteca pode ser incluída através de arquivos locais ou do Google.
3) jQuery permite selecionar elementos de várias formas e modificá-los facilmente.
O documento descreve a biblioteca JavaScript jQuery, destacando suas principais funcionalidades como seleção e manipulação de elementos DOM, animações, compatibilidade entre navegadores, simplicidade de uso e produtividade. Apresenta os principais métodos e seletores da biblioteca para realizar tarefas comuns como recuperar e alterar atributos, estilos, classes de elementos, adicionar e remover elementos, animações etc.
Este documento apresenta os principais conceitos e funcionalidades da biblioteca jQuery, incluindo seletores, manipulação de CSS e elementos, requisições AJAX, entre outros tópicos, a fim de introduzir o leitor ao framework jQuery de forma prática através de exemplos e exercícios resolvidos.
O documento apresenta uma introdução ao jQuery, biblioteca JavaScript que simplifica manipulação de elementos HTML, eventos e animações. Explica que jQuery aumenta produtividade, funciona em diversos navegadores e é utilizado por muitos sites. Detalha seleção e manipulação de elementos DOM e apresenta exemplos básicos de uso do jQuery.
Web 2.0 com Ajax: JQuery/PHP (Aula 05)Wagner Silva
A aula aborda técnicas de animação com JavaScript e jQuery, incluindo:
1) Métodos para manipular a exibição de objetos como fadeIn, fadeOut e slideUp;
2) Customização de animações com CSS usando o método animate;
3) Enfileiramento e aplicação de delay em animações;
4) Uso de Ajax para interação dinâmica sem recarregamento de página.
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 elemento canvas permite desenhos bitmap 2D e 3D no HTML usando JavaScript. Foi criado pela Apple e é suportado pelos principais navegadores, exceto no Internet Explorer que requer o uso do ExplorerCanvas. Exemplos demonstram como rotacionar imagens e imprimir pontos no canvas.
Este documento fornece uma introdução à biblioteca jQuery:
1) jQuery é uma biblioteca JavaScript que facilita a manipulação de elementos, eventos e animações em páginas web.
2) A biblioteca pode ser incluída através de arquivos locais ou do Google.
3) jQuery permite selecionar elementos de várias formas e modificá-los facilmente.
O documento descreve a biblioteca JavaScript jQuery, destacando suas principais funcionalidades como seleção e manipulação de elementos DOM, animações, compatibilidade entre navegadores, simplicidade de uso e produtividade. Apresenta os principais métodos e seletores da biblioteca para realizar tarefas comuns como recuperar e alterar atributos, estilos, classes de elementos, adicionar e remover elementos, animações etc.
Este documento apresenta os principais conceitos e funcionalidades da biblioteca jQuery, incluindo seletores, manipulação de CSS e elementos, requisições AJAX, entre outros tópicos, a fim de introduzir o leitor ao framework jQuery de forma prática através de exemplos e exercícios resolvidos.
O documento apresenta uma introdução ao jQuery, biblioteca JavaScript que simplifica manipulação de elementos HTML, eventos e animações. Explica que jQuery aumenta produtividade, funciona em diversos navegadores e é utilizado por muitos sites. Detalha seleção e manipulação de elementos DOM e apresenta exemplos básicos de uso do jQuery.
Web 2.0 com Ajax: JQuery/PHP (Aula 05)Wagner Silva
A aula aborda técnicas de animação com JavaScript e jQuery, incluindo:
1) Métodos para manipular a exibição de objetos como fadeIn, fadeOut e slideUp;
2) Customização de animações com CSS usando o método animate;
3) Enfileiramento e aplicação de delay em animações;
4) Uso de Ajax para interação dinâmica sem recarregamento de página.
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 elemento canvas permite desenhos bitmap 2D e 3D no HTML usando JavaScript. Foi criado pela Apple e é suportado pelos principais navegadores, exceto no Internet Explorer que requer o uso do ExplorerCanvas. Exemplos demonstram como rotacionar imagens e imprimir pontos no canvas.
O documento resume os principais conceitos e propriedades de CSS e jQuery. CSS é usado para definir a apresentação visual de páginas web, enquanto jQuery simplifica manipulação de elementos, eventos e interações. O documento inclui exemplos de como aplicar estilos de texto, fundo, caixas e posicionamento com CSS e como selecionar e manipular elementos com jQuery.
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().
Este documento descreve um workshop sobre o framework Django. Apresenta os principais conceitos como arquitetura MVT, desenvolvimento de modelos, administração, URLs, views e templates. Inclui também exemplos de configuração inicial de um projeto, gestão de base de dados, autenticação e extensão de templates.
Oficina realizada em 2011. Apresenta a linguagem javascript e os frameworks jQuery e jQuery UI. Contém vários exercícios práticos e demos além de referências úteis.
O documento discute as Single Page Applications e a nova arquitetura da web, onde as aplicações são construídas usando HTML, CSS e JavaScript com foco em melhor experiência do usuário. Apresenta as tecnologias e frameworks para desenvolvimento deste tipo de aplicação, como testá-las e quais as novas responsabilidades do servidor web. Discutem também os desafios e oportunidades deste novo modelo de desenvolvimento web.
O documento discute metaprogramação em Python, incluindo:
1) Metaprogramação permite que programas sejam capazes de modificar outros programas;
2) Em Python tudo é objeto e pode ser modificado dinamicamente através de metaprogramação;
3) Técnicas como method missing, metaclasses e built-in types permitem customizar a linguagem.
Javascript para CSharpers - Append B - jQueryWesley Lemos
Este documento fornece uma introdução à biblioteca JavaScript jQuery:
1) É uma biblioteca cross-browser para manipulação de DOM, eventos e efeitos visuais.
2) Fornece funcionalidades como seleção de elementos, manipulação do DOM, vinculação de eventos e requisições Ajax.
3) É altamente utilizado pela comunidade web devido à sua simplicidade e extensibilidade.
JavaScript is the most widely used language cross platforms. This talk will analyze the security concerns from past to present with a peek to the future of this important language. This talk was presented as Keynote at CyberCamp Espana 2014.
DOM Based XSS (or as it is called in some texts, “type-0 XSS”) is an XSS attack wherein the attack payload is executed as a result of modifying the DOM “environment” in the victim’s browser used by the original client side script, so that the client side code runs in an “unexpected” manner. Certain vulnerabilities in JavaScript code cannot be tracked by standard IDS or perimeter security measures, which leads to a huge potential vulnerability, the code can be abused to steal data or bypass authentication mechanisms in web interfaces. This presentation will demonstrate vulnerabilities and also present Minded Security’s latest countermeasure DOMinatorPro.
== Abstract ==
Presented at Analysis of Security APIs
Satellite workshop of IEEE CSF
July 13th 2015, Verona, Italy
http://www.dsi.unive.it/~focardi/ASA8/#program
Browsers HTML sandbox is, by default, only protected by the "Same Origin Policy". Although this simple constraint gave companies a very flexible environment to play with, and was probably one of the key features that led the Web to success as we see it now, it is quite unsatisfactory from a security perspective. In fact, this solution does not face the problem of letting third party code access the whole data in the DOM when explicitly loaded and executed by the browser. This behaviour opens the door to malicious third party code attacks that can be achieved using either Cross Site Scripting (OWASP Top Ten Security risk #1 for many years) or second order attacks, such as malvertising software. In the past, several attempts to sandbox untrusted code have been made. In this talk we will focus on successes and failures of the most interesting open source sandboxing browser techniques.
HTTP Parameter Pollution (HPP) - SEaCURE.it presentation by Luca Carettoni and Stefano Di Paola
Throughout this presentation, we will present a new attack technique called HTTP Parameter Pollution (HPP). We will examine with a fresh perspective a newly discovered input validation flaw, while demonstrating new threats and possible attack scenarios. Such injection can be defined as the possibility to override the HTTP GET/POST parameters within the query string. In such situations, an attacker may replace existent values which are normally hardcoded and not accessible. In many cases it can be used to modify the behaviors of client-side and server-side applications, to exploit vulnerabilities in uncontrollable variables as well as bypassing web application firewalls. Some of the attacks covered in this talk have been discovered in real-world applications.
Although input validation vulnerabilities are a well-known subject in the web application security field and are extensively covered by several researchers, it is quite surprising that no formal definition of the HPP attack was previously published, as far as we know. Once again, it is a clear demonstration of how important is to develop comprehensive input validation filters in order to manage new incoming web application threats
HTTP Parameter Pollution Vulnerabilities in Web Applications (Black Hat EU 2011)Marco Balduzzi
While input validation vulnerabilities such as XSS and SQL injection have been intensively studied, a new class of injection vulnerabilities called HTTP Parameter Pollution (HPP) has not received as much attention. HPP attacks consist of injecting encoded query string delimiters into other existing parameters. If a web application does not properly sanitize the user input, a malicious user can compromise the logic of the application to perform either client-side or server-side attacks. One consequence of HPP attacks is that the attacker can potentially override existing hard-coded HTTP parameters to modify the behavior of an application, bypass input validation checkpoints, and access and possibly exploit variables that may be out of direct reach.
In the talk we present the first automated system for the detection of HPP vulnerabilities in real web applications. Our approach consists of injecting fuzzed parameters into the web application and a set of tests and heuristics to determine if the pages that are generated contain HPP vulnerabilities. We used this system to conduct a large-scale experiment by testing more than 5,000 popular websites and discovering unknown HPP flaws in many important and well-known sites such as Microsoft, Google, VMWare, Facebook, Symantec, Paypal and others. These sites have been all informed and many of them have acknowledged or fixed the problems. We will explain in details how to efficiently detect HPP bugs and how to prevent this novel class of injection vulnerabilities in future web applications.
Http Parameter Pollution, a new category of web attacksStefano Di Paola
On May 14th @ OWASP Appsec Poland 2009, Stefano Di Paola (Minded Security) and Luca Carettoni presented a new attack category called
Http Parameter Pollution (HPP).
HPP attacks can be defined as the possibility to override or add HTTP GET/POST parameters by injecting query string
delimiters.
It affects a building block of all web technologies thus server-side and client-side attacks exist.
Exploiting HPP vulnerabilities, it may be possible to:
* Override existing hardcoded HTTP parameters.
* Modify the application behaviors.
* Access and, potentially exploit, uncontrollable variables.
* Bypass input validation checkpoints and WAFs rules.
Web 2.0 com Ajax: JQuery/PHP (Aula 03)Wagner Silva
O documento apresenta uma aula sobre seletores e filtros no jQuery. As principais informações apresentadas são:
1) Os conceitos de seletores e filtros no jQuery para selecionar e manipular elementos HTML;
2) Os diferentes tipos de seletores como tags, identificadores, classes e hierarquia;
3) Os diferentes tipos de filtros como índice, conteúdo, atributos e estado para refinar seleções;
4) Exemplos de como aplicar seletores e filtros.
O documento discute refatoração de código jQuery para uma abordagem baseada em objetos. Ele apresenta como refatorar handlers de eventos e requisições Ajax para uma função construtora Receita(), encapsulando o comportamento de cada receita em um objeto. Isso permite gerenciar múltiplas receitas de forma independente ao invés de usar um objeto literal único.
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.
O documento discute a evolução da web para a Web 3.0, com foco nas novas tecnologias como HTML5, CSS3 e Javascript que permitem experiências web mais ricas e inteligentes, incluindo semântica melhorada, armazenamento no navegador, efeitos gráficos avançados e novas APIs. Essas tecnologias ainda não têm suporte completo, mas já permitem iniciar a construção da próxima geração da web.
Web 2.0 com Ajax: JQuery/PHP (Aula 02)Wagner Silva
Este documento apresenta uma aula sobre HTML DOM e JQuery. A aula discute conceitos como nós, propriedades e métodos do HTML DOM para manipular documentos. Também apresenta o framework JQuery, como selecionar elementos, utilizar funções ready e modificar exemplos anteriores para a sintaxe JQuery.
Jquery é um framework Javascript poderoso para desenvolvimento web dinâmico. Ele simplifica a criação de efeitos visuais e interatividade, escrevendo menos código. Jquery permite selecionar elementos, adicionar eventos a elementos e manipular atributos de forma simplificada.
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.
Backbone.js é um framework JavaScript que separa as responsabilidades entre modelo, vista e roteador de forma semelhante a MVC. Ele é usado para estruturar projetos com maior responsividade, testabilidade e estabilidade dos componentes. O documento discute a estruturação de projetos com Backbone usando RequireJS para modularização, separação de código da aplicação e bibliotecas, além de testes de unidade com Jasmine.
O documento discute como dinamizar um site estático usando localStorage, Kizzy e Head.js para armazenar dados do usuário localmente, carregar scripts de forma assíncrona e manter o código limpo usando MVC e isolamento de views com Backbone.js.
O documento resume os principais conceitos e propriedades de CSS e jQuery. CSS é usado para definir a apresentação visual de páginas web, enquanto jQuery simplifica manipulação de elementos, eventos e interações. O documento inclui exemplos de como aplicar estilos de texto, fundo, caixas e posicionamento com CSS e como selecionar e manipular elementos com jQuery.
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().
Este documento descreve um workshop sobre o framework Django. Apresenta os principais conceitos como arquitetura MVT, desenvolvimento de modelos, administração, URLs, views e templates. Inclui também exemplos de configuração inicial de um projeto, gestão de base de dados, autenticação e extensão de templates.
Oficina realizada em 2011. Apresenta a linguagem javascript e os frameworks jQuery e jQuery UI. Contém vários exercícios práticos e demos além de referências úteis.
O documento discute as Single Page Applications e a nova arquitetura da web, onde as aplicações são construídas usando HTML, CSS e JavaScript com foco em melhor experiência do usuário. Apresenta as tecnologias e frameworks para desenvolvimento deste tipo de aplicação, como testá-las e quais as novas responsabilidades do servidor web. Discutem também os desafios e oportunidades deste novo modelo de desenvolvimento web.
O documento discute metaprogramação em Python, incluindo:
1) Metaprogramação permite que programas sejam capazes de modificar outros programas;
2) Em Python tudo é objeto e pode ser modificado dinamicamente através de metaprogramação;
3) Técnicas como method missing, metaclasses e built-in types permitem customizar a linguagem.
Javascript para CSharpers - Append B - jQueryWesley Lemos
Este documento fornece uma introdução à biblioteca JavaScript jQuery:
1) É uma biblioteca cross-browser para manipulação de DOM, eventos e efeitos visuais.
2) Fornece funcionalidades como seleção de elementos, manipulação do DOM, vinculação de eventos e requisições Ajax.
3) É altamente utilizado pela comunidade web devido à sua simplicidade e extensibilidade.
JavaScript is the most widely used language cross platforms. This talk will analyze the security concerns from past to present with a peek to the future of this important language. This talk was presented as Keynote at CyberCamp Espana 2014.
DOM Based XSS (or as it is called in some texts, “type-0 XSS”) is an XSS attack wherein the attack payload is executed as a result of modifying the DOM “environment” in the victim’s browser used by the original client side script, so that the client side code runs in an “unexpected” manner. Certain vulnerabilities in JavaScript code cannot be tracked by standard IDS or perimeter security measures, which leads to a huge potential vulnerability, the code can be abused to steal data or bypass authentication mechanisms in web interfaces. This presentation will demonstrate vulnerabilities and also present Minded Security’s latest countermeasure DOMinatorPro.
== Abstract ==
Presented at Analysis of Security APIs
Satellite workshop of IEEE CSF
July 13th 2015, Verona, Italy
http://www.dsi.unive.it/~focardi/ASA8/#program
Browsers HTML sandbox is, by default, only protected by the "Same Origin Policy". Although this simple constraint gave companies a very flexible environment to play with, and was probably one of the key features that led the Web to success as we see it now, it is quite unsatisfactory from a security perspective. In fact, this solution does not face the problem of letting third party code access the whole data in the DOM when explicitly loaded and executed by the browser. This behaviour opens the door to malicious third party code attacks that can be achieved using either Cross Site Scripting (OWASP Top Ten Security risk #1 for many years) or second order attacks, such as malvertising software. In the past, several attempts to sandbox untrusted code have been made. In this talk we will focus on successes and failures of the most interesting open source sandboxing browser techniques.
HTTP Parameter Pollution (HPP) - SEaCURE.it presentation by Luca Carettoni and Stefano Di Paola
Throughout this presentation, we will present a new attack technique called HTTP Parameter Pollution (HPP). We will examine with a fresh perspective a newly discovered input validation flaw, while demonstrating new threats and possible attack scenarios. Such injection can be defined as the possibility to override the HTTP GET/POST parameters within the query string. In such situations, an attacker may replace existent values which are normally hardcoded and not accessible. In many cases it can be used to modify the behaviors of client-side and server-side applications, to exploit vulnerabilities in uncontrollable variables as well as bypassing web application firewalls. Some of the attacks covered in this talk have been discovered in real-world applications.
Although input validation vulnerabilities are a well-known subject in the web application security field and are extensively covered by several researchers, it is quite surprising that no formal definition of the HPP attack was previously published, as far as we know. Once again, it is a clear demonstration of how important is to develop comprehensive input validation filters in order to manage new incoming web application threats
HTTP Parameter Pollution Vulnerabilities in Web Applications (Black Hat EU 2011)Marco Balduzzi
While input validation vulnerabilities such as XSS and SQL injection have been intensively studied, a new class of injection vulnerabilities called HTTP Parameter Pollution (HPP) has not received as much attention. HPP attacks consist of injecting encoded query string delimiters into other existing parameters. If a web application does not properly sanitize the user input, a malicious user can compromise the logic of the application to perform either client-side or server-side attacks. One consequence of HPP attacks is that the attacker can potentially override existing hard-coded HTTP parameters to modify the behavior of an application, bypass input validation checkpoints, and access and possibly exploit variables that may be out of direct reach.
In the talk we present the first automated system for the detection of HPP vulnerabilities in real web applications. Our approach consists of injecting fuzzed parameters into the web application and a set of tests and heuristics to determine if the pages that are generated contain HPP vulnerabilities. We used this system to conduct a large-scale experiment by testing more than 5,000 popular websites and discovering unknown HPP flaws in many important and well-known sites such as Microsoft, Google, VMWare, Facebook, Symantec, Paypal and others. These sites have been all informed and many of them have acknowledged or fixed the problems. We will explain in details how to efficiently detect HPP bugs and how to prevent this novel class of injection vulnerabilities in future web applications.
Http Parameter Pollution, a new category of web attacksStefano Di Paola
On May 14th @ OWASP Appsec Poland 2009, Stefano Di Paola (Minded Security) and Luca Carettoni presented a new attack category called
Http Parameter Pollution (HPP).
HPP attacks can be defined as the possibility to override or add HTTP GET/POST parameters by injecting query string
delimiters.
It affects a building block of all web technologies thus server-side and client-side attacks exist.
Exploiting HPP vulnerabilities, it may be possible to:
* Override existing hardcoded HTTP parameters.
* Modify the application behaviors.
* Access and, potentially exploit, uncontrollable variables.
* Bypass input validation checkpoints and WAFs rules.
Web 2.0 com Ajax: JQuery/PHP (Aula 03)Wagner Silva
O documento apresenta uma aula sobre seletores e filtros no jQuery. As principais informações apresentadas são:
1) Os conceitos de seletores e filtros no jQuery para selecionar e manipular elementos HTML;
2) Os diferentes tipos de seletores como tags, identificadores, classes e hierarquia;
3) Os diferentes tipos de filtros como índice, conteúdo, atributos e estado para refinar seleções;
4) Exemplos de como aplicar seletores e filtros.
O documento discute refatoração de código jQuery para uma abordagem baseada em objetos. Ele apresenta como refatorar handlers de eventos e requisições Ajax para uma função construtora Receita(), encapsulando o comportamento de cada receita em um objeto. Isso permite gerenciar múltiplas receitas de forma independente ao invés de usar um objeto literal único.
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.
O documento discute a evolução da web para a Web 3.0, com foco nas novas tecnologias como HTML5, CSS3 e Javascript que permitem experiências web mais ricas e inteligentes, incluindo semântica melhorada, armazenamento no navegador, efeitos gráficos avançados e novas APIs. Essas tecnologias ainda não têm suporte completo, mas já permitem iniciar a construção da próxima geração da web.
Web 2.0 com Ajax: JQuery/PHP (Aula 02)Wagner Silva
Este documento apresenta uma aula sobre HTML DOM e JQuery. A aula discute conceitos como nós, propriedades e métodos do HTML DOM para manipular documentos. Também apresenta o framework JQuery, como selecionar elementos, utilizar funções ready e modificar exemplos anteriores para a sintaxe JQuery.
Jquery é um framework Javascript poderoso para desenvolvimento web dinâmico. Ele simplifica a criação de efeitos visuais e interatividade, escrevendo menos código. Jquery permite selecionar elementos, adicionar eventos a elementos e manipular atributos de forma simplificada.
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.
Backbone.js é um framework JavaScript que separa as responsabilidades entre modelo, vista e roteador de forma semelhante a MVC. Ele é usado para estruturar projetos com maior responsividade, testabilidade e estabilidade dos componentes. O documento discute a estruturação de projetos com Backbone usando RequireJS para modularização, separação de código da aplicação e bibliotecas, além de testes de unidade com Jasmine.
O documento discute como dinamizar um site estático usando localStorage, Kizzy e Head.js para armazenar dados do usuário localmente, carregar scripts de forma assíncrona e manter o código limpo usando MVC e isolamento de views com Backbone.js.
Web 2.0 com Ajax: JQuery/PHP (Aula 01)Wagner Silva
Este documento apresenta a agenda do curso "Web 2.0 com Ajax" ministrado por Wagner Silva. A aula 01 introduz conceitos de HTML, CSS, JavaScript, JQuery, PHP e Ajax. Também apresenta o professor e objetivos do curso.
O documento apresenta como a biblioteca D3.js pode ser usada para visualizações de grandes conjuntos de dados. Discute como D3 representa dados graficamente usando SVG e HTML e fornece exemplos de visualizações com D3, incluindo barras, círculos e linhas. Também aborda desafios ao lidar com milhões de objetos e estratégias como navegação, dados sob demanda e algoritmos para usar D3 com grandes volumes de dados.
This document discusses how to quickly build web applications using the Django framework. It covers installing Django, creating models and templates, and building a basic job listing application. The goal is to demonstrate how Django allows for rapid development through features like automatic administration interfaces, URL routing, and object relational mapping.
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.
Este documento apresenta uma introdução ao Javascript e jQuery, incluindo: (1) Uma breve história do Javascript, (2) Como carregar o jQuery em uma página, (3) Como selecionar e manipular elementos DOM usando seletores jQuery e (3) Exemplos básicos de manipulação de estilo, animação e eventos.
O documento apresenta uma introdução ao jQuery, abordando os seguintes tópicos: fundamentos do JavaScript e do DOM, preparação do ambiente jQuery, seletores, manipulação de CSS e conteúdo, eventos e funções. O documento fornece uma visão geral dos principais conceitos e funcionalidades do jQuery.
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.
Palestra sobre persistência de dados no SQLite com Room API apresentada no TDC São Paulo 2017 (19/07/2017). O Room é um dos Architectural Components apresentados pelo Google no Google I/O 2017.
Rafael Garcia - Yii Framework, principais características e em açãoRafael Garcia
O documento apresenta Rafael Alves Nogueira Garcia, desenvolvedor PHP há 9 anos que desenvolve com o framework Yii há 2 anos. Ele já desenvolveu algumas extensões para o Yii, como wrappers para extensões Jquery e integração com PHP IDS.
1. O documento discute segurança e desempenho no WordPress VIP, mencionando validação de dados, escaping de strings e funções.
2. É explicado porque escapar dados é importante para prevenir exploits e ataques como SQL injection.
3. Diferentes funções de escaping e sanitização são explicadas, incluindo como escapar atributos, texto, URLs e JavaScript.
1) O documento apresenta um programa sobre como criar gráficos e animações eficientes em SVG para a Web.
2) É introduzido o que é SVG, seus benefícios de ser vetorial e escalável, e suas origens e versões.
3) São explicadas formas de criar, exibir, usar SVG em HTML, CSS e JavaScript, além de estilos e animações.
Semelhante a Web 2.0 com Ajax: JQuery/PHP (Aula 04) (20)
Palestra ministrada para Diretoria de Desenvolvimento de Sistemas durante passagem como Analista de Sistemas no Tribunal de Justiça do Estado de Sergipe
Proposto por Tenny Pinheiro em seu livro “The Service Startup: design gets lean”, o MVS se diferencia do MVP ao utilizar um processo centrado no usuário. Essa abordagem possui foco em três variáveis: aprendizagem, uso e lembrança. O livro tem uma linguagem clara e didática, o que colabora com o processo de aprendizagem e amadurecimento do empreendedor e de suas ideias inovadoras.
Público alvo: alunos do 1º período, DCOMP, UFS
Material de apoio:
- Bel Pesce: 5 ways to kill your dreams [ http://www.ted.com/talks/bel_pesce_5_ways_to_kill_your_dreams ]
- Joi Ito: Want to innovate? Become a "now-ist" [ http://www.ted.com/talks/joi_ito_want_to_innovate_become_a_now_ist ]
O documento discute a fase de execução do Planejamento Estratégico de Tecnologia da Informação (PETI), identificando suas principais características como a organização e execução de mudanças planejadas, os principais desafios como alinhar TI com metas de negócios e gerar ambiente favorável à estratégia, e as principais barreiras como suporte gerencial e envolvimento de usuários.
O documento discute o Planejamento Estratégico de Tecnologia da Informação (PETI), definindo-o como um processo para identificar como os recursos de TI podem apoiar os objetivos organizacionais. Apresenta a evolução histórica da TI nas organizações e objetivos do PETI, como alinhar sistemas de informação às necessidades do negócio e buscar vantagens competitivas.
Governança de Tecnologia da Informação - Slides referentes à participação em Estágio Docência no Mestrado em Administração da UFS na disciplina 'Gestão de TI'
Princípios da Governança Corporativa herdados pela Governança de TI - Slides referentes à participação em Estágio Docência no Mestrado em Administração da UFS na disciplina 'Gestão de TI'
Compreender os conceitos e as diversas características presentes no processo de Alinhamento Estratégico entre as áreas de Negócio e de Tecnologia da Informação, bem como os principais modelos propostos - Slides referentes à participação em Estágio Docência no Mestrado em Administração da UFS na disciplina 'Gestão de TI'
O documento discute os principais aspectos da segurança da informação, incluindo confidencialidade, integridade, disponibilidade, autenticação, não-repúdio e auditoria. Também aborda os ativos de informação, sistemas de gestão de segurança da informação, normas como a NBR ISO/IEC 27000 e a importância da auditoria em segurança da informação.
Web 2.0 com Ajax: JQuery/PHP (Aula 06)Wagner Silva
A aula ensina sobre manipulação de funções através do Ajax usando HTML, XML e JSON. Os alunos aprenderão como retornar dados desses formatos do servidor e exercícios como autocomplete, carregar estados e cidades e ordenação de dados em tabelas.
Web 2.0 com Ajax: JQuery/PHP (Aula 07)Wagner Silva
A aula aborda técnicas de carregamento e envio de dados dinamicamente para bancos de dados, incluindo leitura, gravação, ordenação e navegação de dados. O documento fornece exemplos destas técnicas para listagem, classificação e exibição limitada de e-mails.
PETIC: Conceitos, Fundamentos, Guia e Sua Aplicação na Universidade Federal d...Wagner Silva
O documento discute conceitos, fundamentos e uma proposta de guia simplificado para a criação de um Programa de Educação Tutorial em Informática e Comunicação (PETIC) na Universidade Federal de Sergipe. Aborda tópicos como planejamento estratégico, PETI, comunicação, áreas da TIC e apresenta um estudo de caso do PETIC da UFS entre 2009-2011.
O documento discute a concepção de um Planejamento Estratégico de Tecnologia da Informação e Comunicação (PETIC) para o Centro de Processamento de Dados da Universidade Federal de Sergipe. O PETIC 2009-2011 identificou desafios como sistemas desintegrados e equipamentos defasados e objetivou a implantação de Wi-Fi e melhores condições de trabalho.
PETI - Planejamento Estratégico de Tecnologia da InformaçãoWagner Silva
A partir da inovação contínua de tecnologias, da grande quantidade e velocidade de informações na internet e da importância destas informações na competitividade, a Tecnologia da Informação (TI), juntamente com os Recursos Humanos (RH), tem sido o fator de sucesso e diferenciação para qualquer que seja a organização no mundo globalizado no qual nos encontramos. Por isso, pretendemos expor a importância da implantação do Planejamento Estratégico de Tecnologia da Informação (PETI), que abrange o planejamento dos sistemas de informações, conhecimentos e informática, em toda e qualquer empresa, seja ela pública ou privada.
2. Agenda
Manipulação de HTML
Manipulação de CSS
Manipulação de Eventos
Wagner Silva # Web 2.0 com Ajax Aula 04
3. Manipulação de HTML
seleção.html()
$(“p”).html()
$(“p#assinantes”).html(“<b>Conteúdo Bloqueado</b>”)
seleção.text()
$(“p”).text()
$(“p#assinantes”).text(“Conteúdo disponível somente para
assintantes!”)
Wagner Silva # Web 2.0 com Ajax Aula 04
4. Manipulação de HTML
seleção.val()
$(“:text[name=email]”).val()
$(“:text[name=email]”).val(“Digite aqui o seu e-mail...”)
seleção.attr()
$(“img”).attr(“src”)
$(“img”).attr(“src”,”imagem.png”)
Wagner Silva # Web 2.0 com Ajax Aula 04
5. Manipulação de HTML
seleção.removeAttr()
$(“table”).removeAttr(“bgcolor”)
seleção.prepend(objeto)
$(“#scraps”).prepend(“<div class=‘user’>
<img>Fulano</div><div class=‘msg’>Recado de
Fulano</div>”)
Wagner Silva # Web 2.0 com Ajax Aula 04
6. Manipulação de HTML
seleção.append(objeto)
$(“div#emails”).append(“<br><input type=‘text’
name=‘email’>”)
seleção.before(objeto)
$(“.nome”).before(“<img>”)
Wagner Silva # Web 2.0 com Ajax Aula 04
7. Manipulação de HTML
seleção.after(objeto)
$(“#usuarios > tr:last”).after(“<tr><td><input type=‘text’
name=‘uNome’></td></tr>”)
seleção.clone()
$(“div.carimbo”).clone()
seleção.remove()
$(“img”).remove()
Wagner Silva # Web 2.0 com Ajax Aula 04
8. Manipulação de HTML
Exercício: Criar tabela onde será possível manipular a
ordem das linhas.
Wagner Silva # Web 2.0 com Ajax Aula 04
9. Manipulação de CSS
seleção.css(propriedade,valor)
$(“body”).css(“background-color”,”#ff0000”);
seleção.addClass()
$(“img”).addClass(“miniatura”);
seleção.removeClass()
$(“img”).removeClass(“miniatura”);
Wagner Silva # Web 2.0 com Ajax Aula 04
10. Manipulação de CSS
seleção.height()
Somente conteúdo
seleção.innerHeight()
Conteúdo + Padding
seleção.outerHeight(true)
Conteúdo + Padding + Borda + Margem
Wagner Silva # Web 2.0 com Ajax Aula 04
11.
12. Manipulação de CSS
seleção.width()
Somente conteúdo
seleção.innerWidth()
Conteúdo + Padding
seleção.outerWidth(true)
Conteúdo + Padding + Borda + Margem
Wagner Silva # Web 2.0 com Ajax Aula 04
13.
14. Manipulação de CSS
seleção.offset()
Referente à página
seleção.position()
Referente ao “pai”
Wagner Silva # Web 2.0 com Ajax Aula 04
15.
16. Manipulação de CSS
Exercício: Centralizar uma div horizontal e
verticalmente.
Wagner Silva # Web 2.0 com Ajax Aula 04
17. Manipulação de CSS
seleção.blur(função)
seleção.change(função)
seleção.click(função)
seleção.dbclick(função)
seleção.focus(função)
Wagner Silva # Web 2.0 com Ajax Aula 04
18. Manipulação de CSS
seleção.keydown(função)
seleção.keypress(função)
seleção.keyup(função)
seleção.mousedown(função)
seleção.mouseout(função)
Wagner Silva # Web 2.0 com Ajax Aula 04
19. Manipulação de CSS
seleção.mouseover(função)
seleção.mouseup(função)
seleção.submit(função)
seleção.scroll(função)
seleção.mouseout(função)
Wagner Silva # Web 2.0 com Ajax Aula 04
20. Manipulação de CSS
seleção.delegate(descendente, evento, função)
Novos elementos da página
Herança de comportamento
$(“#galeria”).delegate(“.miniatura”,”mouseover”,function(){
$(this).attr(“src”,this.id+”_2x.jpg”);
});
Wagner Silva # Web 2.0 com Ajax Aula 04
21. Manipulação de CSS
Exercício: Modificar todas as funções da simulação do
GMail e adicionar as funções de seleção, arquivar, e
desarquivar.
Wagner Silva # Web 2.0 com Ajax Aula 04
22. Web 2.0 com Ajax # Aula 04
Próxima Aula:
Animação de Objetos
Ajax
E-mail: web2softeam@gmail.com
Twitter: twitter.com/web2softeam