javaScript/jQuery: fundamentos e aplicações

Apresentação em tema: "javaScript/jQuery: fundamentos e aplicações"— 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 Finalidades jQuery na prática Exemplos de uso Plugins javaScript/jQuery: fundamentos e aplicações - Senactech - André Moraes

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

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

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

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

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

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

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

10 javaScript na prática <script type = “text/javascript”>
<script type = “text/javasript” src = “scrips/file.js”> javaScript/jQuery: fundamentos e aplicações - Senactech - André Moraes

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

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

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 1.6.2 Disponível para download no site javaScript/jQuery: fundamentos e aplicações - Senactech - André Moraes

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

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

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

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: 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

18 Plugins jQuery Extensibilidade da linguagem
Código-aberto Adição de novas funcionalidades Link: 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

19 Sites Interessantes http://www.maujor.com http://www.w3schools.com
javaScript/jQuery: fundamentos e aplicações - Senactech - André Moraes

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