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

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

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

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

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

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 2.0 - 1996) até 5.8 (Internet Explorer 8 - 2009) e atualmente segue a norma ECMA-262 v5, de 2009. javaScript/jQuery: fundamentos e aplicações - Senactech - André Moraes

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

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

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

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

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

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

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 http://jquery.com/ javaScript/jQuery: fundamentos e aplicações - Senactech - André Moraes

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

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

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

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

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

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

Faculdade de Senac Pelotas Contatos André Moraes Faculdade de Senac Pelotas chameoandre@gmail.com javaScript/jQuery: fundamentos e aplicações - Senactech - André Moraes