A apresentação está carregando. Por favor, espere

A apresentação está carregando. Por favor, espere

JavaScript/jQuery: fundamentos e aplicações Prof. André Luiz Silva de Moraes Faculdade Senac Pelotas Senactech - Agosto/2011.

Apresentações semelhantes


Apresentação em tema: "JavaScript/jQuery: fundamentos e aplicações Prof. André Luiz Silva de Moraes Faculdade Senac Pelotas Senactech - Agosto/2011."— Transcrição da apresentação:

1 javaScript/jQuery: fundamentos e aplicações Prof. André Luiz Silva de Moraes Faculdade Senac Pelotas Senactech - Agosto/2011

2 Sumário HTML – visão geral JavaScript- Introdução e Histórico Características Ferramentas de manipulação Aplicações da linguagem Na prática Exemplos de uso de javaScript Dificuldades da linguagem jQuery – Introdução e Histórico Características Finalidades jQuery na prática Exemplos de uso Plugins javaScript/jQuery: fundamentos e aplicações - Senactech - André Moraes 2

3 HTML: Visão geral HTML fornece apenas a marcação para definir a estrutura de uma página; Páginas construídas somente com HTML não propõem interação com o usuário; A linguagem HTML não tem a proposta de operar iterações e rotinas diversas de programação, apenas realizar a marcação de texto; javaScript/jQuery: fundamentos e aplicações - Senactech - André Moraes 3

4 javaScript: Visão geral Linguagem criada pela Netscape em parceria com a Sun Microsystems com o objetivo de fornecer interatividade em páginas web; Utilizada por muito tempo apenas para pequenos efeitos em páginas; Em sua criação teve sempre como objetivo ser uma linguagem client-side; Necessita apenas de um navegador para ser executada; javaScript/jQuery: fundamentos e aplicações - Senactech - André Moraes 4

5 ECMA European Computer Manufacturers Association; Associação fundada em 1961, com o objetivo de padronizar sistemas de informação; Em 1996 desenvolveram o padrão ECMA-262, norma que padronizou o JavaScript. Em 1998 foi reconhecida oficialmente pela ISO. javaScript/jQuery: fundamentos e aplicações - Senactech - André Moraes 5

6 JavaScript – Histórico Inventada por Brendan Eich, da Netscape, denominada já JavaScript; Lançada em 1995 e implementada em 1996 no navegador Netscape 2.0; Em seguida a Microsoft lança uma versão jScript baseada em Visual Basic para o Internet Explorer 3.0 Obteve versões de implementação desde a 1.0 (Netscape ) até 5.8 (Internet Explorer ) e atualmente segue a norma ECMA-262 v5, de javaScript/jQuery: fundamentos e aplicações - Senactech - André Moraes 6

7 javaScript: Características É uma linguagem de script; É capaz de simular muitos dos fundamentos de programação orientada a objetos; Possui uma estrutura de objetos organizada em objetos da linguagem, objetos do ambiente de hospedagem e objetos personalizados do desenvolvedor; Não possui uma depuração automatizada como outras linguagens como PHP, por exemplo. javaScript/jQuery: fundamentos e aplicações - Senactech - André Moraes 7

8 Ferramentas de manipulação Notepad ++ Eclipse IDE NetBeans IDE Adobe DreamWeaver javaScript/jQuery: fundamentos e aplicações - Senactech - André Moraes 8

9 Aplicações da linguagem Detecção de ações do usuário; Validar dados de formulários; Criar funções personalizadas; Adicionar funções não existentes no navegador; Processar rotinas no lado cliente; Controlar objetos DOM da página; javaScript/jQuery: fundamentos e aplicações - Senactech - André Moraes 9

10 javaScript na prática javaScript/jQuery: fundamentos e aplicações - Senactech - André Moraes 10

11 javaScript – Exemplos Detecção de redimensionamento de Navegador Programa Poltronas Validação de Formulários javaScript/jQuery: fundamentos e aplicações - Senactech - André Moraes 11

12 Dificuldades da linguagem Torna-se tedioso para a programação de algumas tarefas; Códigos grandes para tarefas pequenas; Facilita a ocorrência de erros; Demora na conclusão de funções personalizadas; Seletores para comunicação com elementos da página requerem iterações constantes; javaScript/jQuery: fundamentos e aplicações - Senactech - André Moraes 12

13 jQuery: introdução Biblioteca javaScript Desenvolvida por John Rezig Sua primeira versão foi desenvolvida em 2006 De 2006 até 2011 foram várias implementações de novas versões. Atualmente na versão Disponível para download no site javaScript/jQuery: fundamentos e aplicações - Senactech - André Moraes 13

14 jQuery: características Regra geral de simplicidade Consiste em uma biblioteca javaScript Utilizar os benefícios do javaScript com maior a simplicidade possível Sintaxe pequena Padrões web Utiliza seletores CSS javaScript/jQuery: fundamentos e aplicações - Senactech - André Moraes 14

15 Finalidade do jQuery Controlar o comportamento de toda ou partes de uma página web. Adicionar comportamentos visuais elegantes em páginas; Controlar elementos de estilização CSS de forma mais dinâmica; Prover interatividade; Prover simplicidade em programação javaScript; Redução de código; Desenvolvimento de plugins javaScript/jQuery: fundamentos e aplicações - Senactech - André Moraes 15

16 jQuery na prática O operador $(document).ready(function(){}) $(‘tagname).propriedade(‘valor’) Selecione classes Selecione ID’s Controle ações Adicione Efeitos javaScript/jQuery: fundamentos e aplicações - Senactech - André Moraes 16

17 Exemplos de uso da Biblioteca jQuery Animação: fadeIn/fadeOut Controle de CSS: seletores Revelação de camadas: visible/hide Destaque de conteúdos: Destaque de conteúdos: Formatação de Tabelas Alertas visuais Menus de opção Ampliação Bolding Box Foto com menu de índices javaScript/jQuery: fundamentos e aplicações - Senactech - André Moraes 17

18 Plugins jQuery Extensibilidade da linguagem Código-aberto Adição de novas funcionalidades Link: extensionshttp://plugins.jquery.com/projects/plugins/jquery- extensions Alguns Plugins: SearchForm Vertical Glide Navigator Great-Highcharts Popular-Jquery-Sliding-Accordion-Images Awkward Showcase Plugin Cool Image Lightbox javaScript/jQuery: fundamentos e aplicações - Senactech - André Moraes 18

19 Sites Interessantes javaScript/jQuery: fundamentos e aplicações - Senactech - André Moraes 19

20 Contatos André Moraes Faculdade de Senac Pelotas javaScript/jQuery: fundamentos e aplicações - Senactech - André Moraes 20


Carregar ppt "JavaScript/jQuery: fundamentos e aplicações Prof. André Luiz Silva de Moraes Faculdade Senac Pelotas Senactech - Agosto/2011."

Apresentações semelhantes


Anúncios Google