jquery UI Componentes de interface rica para suas aplicações web Maurício Samy Silva Novatec

Tamanho: px
Começar a partir da página:

Download "jquery UI Componentes de interface rica para suas aplicações web Maurício Samy Silva Novatec"

Transcrição

1 jquery UI Componentes de interface rica para suas aplicações web Maurício Samy Silva Novatec

2 Copyright 2012 da Novatec Editora Ltda. Todos os direitos reservados e protegidos pela Lei de 19/02/1998. É proibida a reprodução desta obra, mesmo parcial, por qualquer processo, sem prévia autorização, por escrito, do autor e da Editora. Editor: Rubens Prates Revisão gramatical: Alessandro Thomé Editoração eletrônica: Carolina Kuwabata Capa: Carolina Kuwabata ISBN: Histórico das impressões: Maio/2012 Primeira edição Novatec Editora Ltda. Rua Luís Antônio dos Santos São Paulo, SP Brasil Tel.: Fax: Site: Twitter: twitter.com/novateceditora Facebook: facebook.com/novatec LinkedIn: linkedin.com/in/novatec Dados Internacionais de Catalogação na Publicação (CIP) (Câmara Brasileira do Livro, SP, Brasil) Silva, Maurício Samy jquery UI : componentes de interface rica para suas aplicações web / Maurício Samy Silva. -- São Paulo : Novatec Editora, Bibliografia ISBN HTML (Linguagem de programação) 2. jquery UI 3. Web sites - Desenvolvimento I. Título CDD Índices para catálogo sistemático: VC jquery UI : Desenvolvimento de aplicações WEB : Computadores : Processamento de dados

3 Sumário Agradecimentos Isenção de responsabilidade Sobre o autor Introdução Para quem foi escrito este livro...27 Convenções tipográficas...28 Site do livro...30 Capítulo 1 Apresentação da jquery UI Apresentação Download da biblioteca Estrutura HTML...38 Capítulo 2 Componente Draggable (Arrastar) Apresentação Características Classes para estilização Classes padrão Callback Opções Eventos Métodos...86 Capítulo 3 Componente Droppable (Soltar) Apresentação Características Classe para estilização Classes padrão Opções Eventos Métodos

4 8 jquery UI Capítulo 4 Componente Resizable (Redimensionar) Apresentação Características Classes para estilização Classes padrão Callback Opções Eventos Métodos Capítulo 5 Componente Selectable (Selecionar) Apresentação Características Classes para estilização Classes padrão Área de seleção Opções Eventos Métodos Grid Capítulo 6 Componente Sortable (Ordenar) Apresentação Características Classes para estilização Classes padrão Opções Eventos Métodos Grid Capítulo 7 Widget Accordion (Acordeão) Apresentação Características Classes padrão Opções Eventos Métodos Capítulo 8 Widget Autocomplete (Autocompletar) Apresentação Características Classes para estilização

5 Sumário Classes padrão Opções Eventos Métodos Array e JSON Array de objetos JSON Capítulo 9 Widget Button (Botão) Apresentação Características Classes padrão Opções Eventos Métodos Método buttonset Checkbox radio Exemplos Capítulo 10 Widget Datepicker (Seletor de Datas) Apresentação Características Classes padrão Opções Eventos Métodos Capítulo 11 Widget Dialog (Janela de Diálogo) Apresentação Características Classes para estilização Opções Eventos Métodos Capítulo 12 Widget Progressbar (Barra de Progresso) Apresentação Características Classes para estilização Barra funcionando Opções Eventos Métodos

6 10 jquery UI Capítulo 13 Widget Slider (Controle Deslizante) Apresentação Características Classes padrão Opções Eventos Métodos Exemplo Capítulo 14 Widget Tabs (Painel de Abas) Apresentação Características Classes para estilização Opções Eventos Métodos Capítulo 15 Efeitos Introdução Efeitos Efeitos de animação de cores Efeitos com manipulação do atributo class Capítulo 16 Framework CSS Introdução Dois temas na mesma página Folha de estilos jquery.ui.theme.css Introdução Classes para o container do widget Classes para dicas de destaque Classes para estados de interação Classes para bordas arredondadas Ícones Apêndice A Componente Draggable (Arrastar) A.1 Opções A.1.1 disabled A.1.2 addclasses A.1.3 appendto A.1.4 axis A.1.5 cancel A.1.6 connecttosortable A.1.7 containment

7 Sumário 11 A.1.8 cursor A.1.9 cursorat A.1.10 delay A.1.11 distance A.1.12 grid A.1.13 handle A.1.14 helper A.1.15 iframefix A.1.16 opacity A.1.17 refreshpositions A.1.18 revert A.1.19 revertduration A.1.20 scope A.1.21 scroll A.1.22 scrollsensitivity A.1.23 scrollspeed A.1.24 snap A.1.25 stack A.1.26 z-index A.2 Eventos A.2.1 create A.2.2 start A.2.3 drag A.2.4 stop A.3 Métodos A.3.1 destroy A.3.2 disable enable A.3.3 option A.3.4 widget Apêndice B Componente Droppable (Soltar) B.1 Opções B.1.1 disabled B.1.2 accept B.1.3 activeclass B.1.4 addclasses B.1.5 greedy B.1.6 hoverclass B.1.7 scope B.1.8 tolerance B.2 Eventos B.2.1 create B.2.2 activate B.2.3 deactivate

8 12 jquery UI B.2.4 over B.2.5 out B.2.6 drop B.3 Métodos B.3.1 destroy B.3.2 disable enable B.3.3 option B.3.4 widget Apêndice C Componente Resizable (Redimensionar) C.1 Opções C.1.1 disabled C.1.2 alsoresize C.1.3 animate C.1.4 animateduration C.1.5 animateeasing C.1.6 aspectratio C.1.7 autohide C.1.8 cancel C.1.9 containment C.1.10 delay C.1.11 distance C.1.12 ghost C.1.13 grid C.1.14 handles C.1.15 helper C.1.16 maxheight, maxwidth, minheight, minwidth C.2 Eventos C.2.1 create C.2.2 start C.2.3 resize C.2.4 stop C.3 Métodos C.3.1 destroy C.3.2 disable enable C.3.3 option C.3.4 widget Apêndice D Componente Selectable (Selecionar) D.1 Opções D.1.1 disabled D.1.2 autorefresh D.1.3 cancel D.1.4 delay...626

9 Sumário 13 D.1.5 distance D.1.6 filter D.1.7 tolerance D.2 Eventos D.2.1 create D.2.2 start D.2.3 selected D.2.4 selecting D.2.5 stop D.2.6 unselected D.2.7 unselecting D.3 Métodos D.3.1 destroy D.3.2 disable enable D.3.3 option D.3.4 widget D.3.5 refresh Apêndice E Componente Sortable (Ordenar) E.1 Opções E.1.1 disabled E.1.2 helper E.1.3 axis E.1.4 cancel E.1.5 connectwith E.1.6 containment E.1.7 cursor E.1.8 cursorat E.1.9 delay E.1.10 distance E.1.11 droponempty E.1.12 grid E.1.13 appendto E.1.14 handle E.1.15 items E.1.16 opacity E.1.17 placeholder E.1.18 rever t E.1.19 scroll E.1.20 scrollsensitivity E.1.21 scrollspeed E.1.22 tolerance E.1.23 z-index E.1.24 forcehelpersize...643

10 14 jquery UI E.1.25 forceplaceholdersize E.1.26 connecttosortable E.2 Eventos E.2.1 create E.2.2 start E.2.3 sort E.2.4 change E.2.5 beforestop E.2.6 stop E.2.7 update E.2.8 activate E.2.9 over E.2.10 out E.2.11 receive E.2.12 remove E.2.13 deactivate E.3 Métodos E.3.1 destroy E.3.2 disable enable E.3.3 option E.3.4 widget E.3.5 serialize E.3.6 toarray E.3.7 cancel E.3.8 refresh E.3.9 refreshposition Apêndice F Widget Accordion (Acordeão) F.1 Opções F.1.1 disabled F.1.2 active F.1.3 animated F.1.4 autoheight F.1.5 clearstyle F.1.6 collapsible F.1.7 event F.1.8 fillspace F.1.9 header F.1.10 icons F.1.11 navigation F.1.12 navigationfilter F.2 Eventos F.2.1 create F.2.2 change

11 Sumário 15 F.2.3 changestart F.3 Métodos F.3.1 destroy F.3.2 disable enable F.3.3 option F.3.4 widget F.3.5 activate F.3.6 resize Apêndice G Widget Autocomplete (Autocompletar) G.1 Opções G.1.1 disabled G.1.2 minlength G.1.3 autofocus G.1.4 delay G.1.5 position G.1.6 appendto G.1.7 source G.2 Eventos G.2.1 create G.2.2 search G.2.3 open G.2.4 focus G.2.5 select G.2.6 close G.2.7 change G.3 Métodos G.3.1 destroy G.3.2 disable enable G.3.3 option G.3.4 widget G.3.5 search G.3.6 close Apêndice H Widget Button (Botão) H.1 Opções H.1.1 disabled H.1.2 icons H.1.3 text H.1.4 label H.2 Eventos H.2.1 create H.3 Métodos H.3.1 destroy

12 16 jquery UI H.3.2 disable enable H.3.3 option H.3.4 widget H.3.5 refresh H.4 Método buttonset H.4.1 Checkbox H.4.2 radio Apêndice I Widget Datepicker (Seletor de Datas) I.1 Opções I.1.1 disabled I.1.2 altfield I.1.3 altformat I.1.4 appendtext I.1.5 showothermonths I.1.6 selectothermonths I.1.7 showweek I.1.8 calculateweek I.1.9 firstday I.1.10 stepmonths I.1.11 autosize I.1.12 dateformat I.1.13 changemonth I.1.14 changeyear I.1.15 yearrange I.1.16 maxdate I.1.17 mindate I.1.18 hideifnoprevnext I.1.19 defaultdate I.1.20 numberofmonths I.1.21 showcurrentatpos I.1.22 showanim I.1.23 duration I.1.24 showon I.1.25 buttontext I.1.26 buttonimage I.1.27 buttonimageonly I.1.28 showbuttonpanel I.1.29 Opções de internacionalização I.2 Eventos I.2.1 create I.2.2 beforeshow I.2.3 beforeshowday I.2.4 onchangemonthyear...691

13 Sumário 17 I.2.5 onclose I.2.6 onselect I.3 Métodos I.3.1 destroy I.3.2 disable enable I.3.3 option I.3.4 widget I.3.5 dialog I.3.6 isdisabled I.3.7 hide I.3.8 show I.3.9 refresh I.3.10 getdate I.3.11 setdate Apêndice J Widget Dialog (Janela de Diálogo) J.1 Opções J.1.1 disabled J.1.2 modal J.1.3 title J.1.4 resizable J.1.5 draggable J.1.6 minwidth J.1.7 maxwidth J.1.8 minheight J.1.9 maxheight J.1.10 width J.1.11 height J.1.12 autoopen J.1.13 buttons J.1.14 closeonescape J.1.15 show J.1.16 hide J.1.17 position J.1.18 closetext J.1.19 dialogclass J.1.20 stack J.1.21 z-index J.2 Eventos J.2.1 create J.2.2 beforeclose J.2.3 open J.2.4 focus J.2.5 dragstart...705

14 18 jquery UI J.2.6 drag J.2.7 dragstop J.2.8 resizestart J.2.9 resize J.2.10 resizestop J.2.11 close J.3 Métodos J.3.1 destroy J.3.2 disable enable J.3.3 option J.3.4 widget J.3.5 close J.3.6 isopen J.3.7 movetotop J.3.8 open Apêndice K Widget Progressbar (Barra de Progresso) K.1 Opções K.1.1 value K.1.2 disabled K.2 Eventos K.2.1 create K.2.2 change K.2.3 complete K.3 Métodos K.3.1 destroy K.3.2 disable enable K.4 option K.4.1 widget K.4.2 value Apêndice L Widget Slider (Controle Deslizante) L.1 Opções L.1.1 disabled L.1.2 step L.1.3 animate L.1.4 value L.1.5 values L.1.6 min L.1.7 max L.1.8 range L.1.9 orientation L.2 Eventos L.2.1 create...718

15 Sumário 19 L.2.2 start L.2.3 stop L.2.4 change L.2.5 slide L.3 Métodos L.3.1 destroy L.3.2 disable enable L.3.3 option L.3.4 widget L.3.5 value L.3.6 values Apêndice M Widget Tabs (Painel de Abas) M.1 Opções M.1.1 disabled M.1.2 collapsible M.1.3 selected M.1.4 event M.1.5 fx M.1.6 ajaxoptions M.1.7 cache M.1.8 spinner M.1.9 cookie M.1.10 idprefix M.1.11 paneltemplate M.1.12 tabtemplate M.2 Eventos M.2.1 create M.2.2 select M.2.3 show M.2.4 load M.2.5 add M.2.6 remove M.2.7 enable M.2.8 disable M.3 Métodos M.3.1 destroy M.3.2 disable enable M.3.3 option M.3.4 widget M.3.5 select M.3.6 length M.3.7 remove M.3.8 add

16 20 jquery UI M.3.9 rotate M.3.10 load M.3.11 abort M.3.12 url Referências Índice remissivo

17 jquery UI Componentes de interface rica para suas aplicações web Maurício Samy Silva Novatec

18 Copyright 2012 da Novatec Editora Ltda. Todos os direitos reservados e protegidos pela Lei de 19/02/1998. É proibida a reprodução desta obra, mesmo parcial, por qualquer processo, sem prévia autorização, por escrito, do autor e da Editora. Editor: Rubens Prates Revisão gramatical: Alessandro Thomé Editoração eletrônica: Carolina Kuwabata Capa: Carolina Kuwabata ISBN: Histórico das impressões: Maio/2012 Primeira edição Novatec Editora Ltda. Rua Luís Antônio dos Santos São Paulo, SP Brasil Tel.: Fax: Site: Twitter: twitter.com/novateceditora Facebook: facebook.com/novatec LinkedIn: linkedin.com/in/novatec Dados Internacionais de Catalogação na Publicação (CIP) (Câmara Brasileira do Livro, SP, Brasil) Silva, Maurício Samy jquery UI : componentes de interface rica para suas aplicações web / Maurício Samy Silva. -- São Paulo : Novatec Editora, Bibliografia ISBN HTML (Linguagem de programação) 2. jquery UI 3. Web sites - Desenvolvimento I. Título CDD Índices para catálogo sistemático: VC jquery UI : Desenvolvimento de aplicações WEB : Computadores : Processamento de dados

19 capítulo 1 Apresentação da jquery UI Nesse capítulo faremos a apresentação da biblioteca jquery UI, relatando as suas possibilidades, funcionalidades e princípios gerais de funcionamento. Detalharemos as técnicas de instalação da biblioteca em uma aplicação mostrando como construir uma infraestrutura mínima de marcação HTML5 e todas as suas variantes, em condições de receber e tratar de maneira adequada os códigos nativos de criação dos diferentes elementos de interface disponibilizados pela biblioteca. 1.1 Apresentação jquery UI é uma biblioteca JavaScript criada em 1º de julho de 2007 por um grupo de desenvolvimento que atualmente tem como gerente geral do projeto Richard D. Worth, cuja foto é mostrada na figura 1.1. Richard é consultor para interfaces de usuário trabalhando na Richly Interactive, Inc., em Washington, D.C. Morou no Rio de Janeiro nos anos 1996 e 1997 e em Recife nos anos de 1997 a 1999, fala português com fluência e não é raro esbarrarmos com ele em eventos de desenvolvimento pelo Brasil, onde costuma palestrar. Figura 1.1 Richard D. Worth. 31

20 32 jquery UI A biblioteca jquery UI foi criada com o propósito de ser uma biblioteca para a biblioteca jquery destinada à criação de elementos ricos de interface de usuário. Seu princípio geral de desenvolvimento adota a mesma filosofia que norteia a biblioteca jquery, que é: fazer mais escrevendo menos. O uso da biblioteca jquery UI possibilita ao autor criar elementos de interface de usuário com um mínimo de código e sintaxe idêntica à sintaxe da biblioteca jquery. Os elementos de interface disponíveis na biblioteca foram classificados, de acordo com sua finalidade, em grupos conforme mostrado na tabela 1.1. Tabela 1.1 Classificação e finalidade dos elementos de interface Grupo Nome Descrição Draggable (Arrastar) Cria elementos capazes de serem arrastados pela interface. Droppable (Soltar) Cria elementos para receber os elementos arrastáveis. Componentes Resizable (Dimensionar) Cria elementos cujas dimensões podem ser controladas pelo usuário. Selectable (Selecionar) Cria elementos que possam ser selecionados pelo usuário, quer individualmente quer em grupos. Sortable (Ordenar) Cria elementos que possam ser ordenados pelo usuário com ação de arrastar e soltar. Accordion (Acordeão) Cria o efeito acordeão, para ocultar/mostrar conteúdos. Apresenta ao usuário uma lista de sugestões Autocomplete (Atocompletamento) de palavras à medida que ele digita em um campo de texto. Button (Botão) Cria de vários tipos de botão. Cria uma janela popup para seleção da data a Datepicker (Seletor de datas) ser digitada em um campo destinado a coletar uma data. Widgets Cria vários tipos de janela de diálogo, entre elas Dialog (Janela de diálogo) janelas modais. Progressbar (Barra de progresso) Cria uma barra indicativa do andamento de uma tarefa. Cria um botão arrastável em uma guia para Slider (Controle deslizante) seleção de um valor compreendido em determinada faixa. Tabs (Abas) Cria uma interface cuja navegação é feita com o uso de abas.

21 Capítulo 1 Apresentação da jquery UI 33 Grupo Nome Descrição Color Animation Esse efeito destina-se a animar as cores de um elemento. Toggle class Add class Esses efeitos destinam-se a animar elementos baseados na manipulação dos seus atributos Remove class classe. Switch class Efeitos Aplica em um elemento uma série de efeitos de animação padrão da biblioteca jquery, tais Effect como os efeitos de esmaecimento, pulsação, balanço, sacudir etc. Aplica um dos efeitos padrão da biblioteca Toggle jquery com a finalidade de alternar entre ocultar e esconder um conteúdo. Hide Efeito destinado a ocultar um conteúdo. Show Efeito destinado a mostrar um conteúdo. Destina-se a controlar e manipular o posicionamento de elementos na interface. Position Utilidades Widgets Destina-se à criação de widgets personalizados. O princípio de funcionamento da biblioteca é a modificação do DOM. Para modificar o DOM os mecanismos nativos da biblioteca identificam a marcação HTML criada pelo autor e inserem elementos adicionais e atributos classes de modo a criar condições para a estilização adequada à criação do elemento de interface. Vejamos um exemplo geral sem preocupação com detalhes, mas consistente o bastante para demonstrar o príncipio de funcionamento e a modificação do DOM como descrito. Considere uma página na qual o autor pretende implementar um elemento div que possa ser arrastado, pelo usuário, livremente na tela. Observe a marcação existente na página para conseguir esse objetivo.... <style> #drag { width: 200px; height: 100px; background: red; } </style> <script> $(function() { $('#drag').draggable(); // sintaxe jquery para aplicação de um método da biblioteca }); </script> </head> <body> <div id="drag"></div>...

22 34 jquery UI E é somente isso. Basta marcar o div com um id e no script aplicar um método chamado draggable() no objeto jquery #drag. O funcionamento é assim: os mecanismos do método draggable() identificam no DOM o elemento ao qual ele foi aplicado e nele, elemento, insere classes do tipo ui-* nativas da biblioteca. Essas classes servem de referência para a estilização e para os scripts internos da biblioteca tornarem o elemento arrastável. Esse é um exemplo simples. Consideremos a seguir um exemplo mais complexo.... <script> $(function() { $('#data').datepicker(); }); </script> </head> <body> <label>data: <input type="text" id="data" /></label>... Nesse exemplo o autor pretende criar uma janela popup contendo um calendário para a seleção de uma data sempre que o usuário der o foco ao campo input. Aqui não é suficiente inserir classes no elemento input. Em dois momentos, quando a página é carregada e quando o usuário dá o foco ao campo da data, os mecanismos internos da biblioteca criam e inserem elementos div, span e table no DOM, que, devidamente estilizados pela folha de estilos nativa, os transformam em calendário e apresentam o calendário devidamente estilizado em uma janela popup próximo ao campo de entrada da data. Você poderá visualizar o funcionamento da biblioteca inspecionando o DOM no console do navegador. Depois que progredir na leitura do livro e aprender como criar os componentes da biblioteca, crie uma página que contenha um componente, por exemplo, um seletor de datas, abra o console do navegador e inspecione o DOM antes e depois de dar o foco ao campo de entrada da data. Chamamos de console do navegador a ferramenta nativa ou instalada como complemento em um navegador destinada a inspecionar o DOM, os scripts, as estilizações etc. de uma página aberta no navegador. O uso dessa ferramenta é indispensável caso o desenvolvedor pretenda personalizar as interfaces criadas com a biblioteca jquery UI. Portanto, se você não conhece tal ferramenta, recomendo começar com a leitura de uma matéria escrita pelo Pedro Rogério, disponível em (http://www.pinceladasdaweb.com.br/blog/2011/10/08/ aprenda-mais-sobre-o-console-do-firebug/).

23 Capítulo 1 Apresentação da jquery UI Download da biblioteca O primeiro passo para criar uma aplicação com uso das funcionalidades da biblioteca jquery UI é fazer o download da biblioteca. Ao contrário da biblioteca jquery e do framework jquery Mobile, que estão hospedados em vários CDNs e prontos para serem lincados dos seus servidores públicos, a biblioteca jquery UI, embora hospedada no CDN do Google, poderá ser personalizada de acordo com as necessidades do projeto ou de cada página e ser hospedada em servidor próprio. Isso ocorre porque a biblioteca é modularizada e é recomendável que o autor use apenas os módulos relativos aos componentes que irá usar em seu projeto, ou seja, se uma página usa os componentes Arrastar e Soltar, não há necessidade de se carregar os demais componentes da biblioteca. A modularidade é outra característica da biblioteca e visa a agilizar o carregamento das páginas. Se você deseja carregar a biblioteca completa, o que na maioria dos casos não é uma boa opção, poderá lincá-la do CDN do Google. Consulte a sintaxe para criar o link para aquele CDN em (http://code.google.com/ apis/libraries/devguide.html#jqueryui). Se você deseja personalizar a biblioteca para suas necessidades, o que é uma boa opção, os arquivos para download estão disponíveis em uma interface denominada Download Builder, que em tradução livre significa Construtor de Download, hospedado em (http://jqueryui.com/download) e cuja interface é mostrada na figura 1.2. Figura 1.2 Download Builder.

24 36 jquery UI Após abrirmos a ferramenta Download Builder no navegador, devemos desmarcar todos checkboxes porventura marcados clicando o link (Des)Select all components (número 1 da figura) e a seguir escolhemos, em um menu do tipo dropdown (seleção), um tema nativo entre os 24 disponíveis e mais uma opção de não escolher tema algum para o caso de um projeto com personalização de tema (número 2 na figura). Notar que ao escolher o tema abre-se um link denominado Advanced Theme Settings que nos leva a um formulário para escolher um tema em escopo. Estudaremos tema em escopo no capítulo 16. O próximo passo consiste na marcação do checkbox do componente (ou os checkboxes dos componentes) que pretendemos usar no nossa aplicação. No exemplo da figura marcamos o componente Draggable (número 3 na figura). Feito isso, são marcados automaticamente (sem interferência do usuário) os scripts necessários ao funcionamento do componente escolhido (número 4 na figura), ou seja, os scripts dos quais o componente escolhido depende. Finalmente escolhemos uma entre duas versões da biblioteca, em geral a versão mais atual (número 5 na figura), e clicamos o botão Download. Para fazer a escolha do tema no menu de seleção como explicado anteriormente é necessário que o autor conheça com antecêndia as cores de cada um dos 24 temas disponíveis e relacionados pelos seus nomes. Podemos vizualizar os temas em uma ferramenta denominada Theme Roller, disponível em (http://jqueryui.com/themeroller). Essa ferramenta se destina a criar automaticamente um tema personalizado, mas oferece também a opção de visualização dos 24 temas nativos, não só possibilitando o download deles, mas principalmente oferecendo-nos a possibilidade de consultar a aparência de cada um deles. Na figura 1.3 mostramos a interface dessa ferramenta destacando o link denominado Gallery, destinado a abrir os thumbnails dos temas que, quando clicados, mostram o tema na janela principal (no lado direito) da interface. Na figura estamos mostrando o tema denominado Start, cujo thumbnail foi destacado na figura. A personalização de temas será estudada com detalhes no capítulo 16. Fazendo o download da biblioteca conforme os passos mostrados, recebemos um arquivo comprimido (zipado) que, quando devidamente descomprimido, resulta em três diretórios e um arquivo index.html conforme mostrado na figura 1.4.

25 Capítulo 1 Apresentação da jquery UI 37 Figura 1.3 Temas nativos. Figura 1.4 Arquivos do download da biblioteca. A pasta developer-bundle e o arquivo index.html fornecem informações sobre os scripts e folhas de estilos da biblioteca personalizada pelo download, inclusive apresentando arquivos comentados com o propósito de esclarecer os desenvolvedores sobre as particularidades de tais arquivos. Essa pasta e o arquivo não interessam para o projeto da nossa interface, pois contêm informações que são relevantes para o desenvolvimento de temas personalizados, como veremos no capítulo 16. Assim, não precisam ser colocadas no servidor e não têm qualquer influência no funcionamento da biblioteca. As pastas js e css devem ser, de preferência, colocadas na raiz do site (ou aplicação), subidas para o servidor próprio, e os arquivos a serem lincados devem seguir a seguinte sintaxe:

26 38 jquery UI <head>... <link type="text/css" href="css/nome_do_tema/jquery-ui-versão.custom.css" rel="stylesheet" /> <script type="text/javascript" src="js/jquery-versão.min.js"></script> <script type="text/javascript" src="js/jquery-ui-verão.custom.min.js"></script> </head> O caminho para os arquivos deve ser ajustado de acordo com a estrutura de diretórios e da pasta da aplicação, e o número das versões, de acordo com o que for baixado. O nome do tema no caminho para a folha de estilos deve ser aquele do tema escolhido quando fizemos o download dos arquivos da biblioteca (ver número 4 da figura 1.1 mostrada anteriormente, na qual o nome do tema é ui-lightness). Se você tiver dúvida sobre o nome do tema, abra o diretório css, ele contém uma pasta cujo nome é o nome do tema. Opcionalmente o arquivo da biblioteca jquery poderá ser lincado de um CDN. Nesse caso recomendamos que o link aponte para a versão que foi baixada juntamente com a biblioteca jquery UI. Para usar essa opção linque para o CDN da jquery em (http://code.jquery.com/jquery-versao.min.js). 1.3 Estrutura HTML Certamente, como desenvolvedores modernos que somos, iremos criar nossas aplicações com uso da linguagem de marcação HTML5, para tirar proveito de todas as suas ferramentas nativas, funcionalidades para acessibilidade e semântica. Assim, os exemplos deste livro serão desenvolvidos com uso da HTML5, sem contudo entrarmos nos detalhes da linguagem e muito menos nas ferramentas necessárias para servir HTML5 aos navegadores Internet Explorer, pois essa particularidade está fora do escopo deste livro e considera-se que o leitor conhece o desenvolvimento com uso da HTML5. Se você não se sentir confortável com a HTML5, adote XHTML ou mesmo HTML, pois os conceitos básicos da biblioteca jquery UI se aplicam também a essas versões da linguagem de marcação. O template mínimo que adotaremos para criar os exemplos deste livro é conforme mostrado a seguir.

27 Capítulo 1 Apresentação da jquery UI 39 [/exemplos/c1/template-dos-exemplos.html] <!DOCTYPE html> <html lang="pt-br"> <head> <title>livro jquery UI do Maujor</title> <meta charset="utf-8" /> <link href="../estilos.css" rel="stylesheet" type="text/css" /> <!-- CSS p/ páginas exemplo --> <link type="text/css" href="css/nome_do_tema/jquery-ui-versao.custom.css" rel="stylesheet" /> <script type="text/javascript" src="http://code.jquery.com/jquery-versao.min.js "></script> <script type="text/javascript" src="js/jquery-ui-versao.custom.min.js"></script> <script> //<![CDATA[ $(function() { // entra o código para criar elementos de interface }); //]]> </script> </head> <body class="capn"> <div id="tudo"> <div id="conteudo"> <header> <h1>capítulo N Nome do capítulo</h1> <p><a href="../index.html"></a></p> <div class="clear"></div> </header> <section> <!-- Marcação para o exemplo --> <p class="tema">tema: nome do tema do capítulo</p> </section> <footer> <nav><a href="../c9/barra-ferramentas.html">«anterior</a> <a href="pt-br.html">próximo»</a></nav> <input type="button" value="reset" onclick="window.location.reload()" id="reload" /> <div class="clear"></div> </footer> </div> <!-- /conteudo --> </div> <!-- /tudo --> </body> </html>

JavaScript. Guia do Programador. Maurício Samy Silva. Novatec

JavaScript. Guia do Programador. Maurício Samy Silva. Novatec JavaScript Guia do Programador Maurício Samy Silva Novatec Copyright Novatec Editora Ltda. 2010. Todos os direitos reservados e protegidos pela Lei 9.610 de 19/02/1998. É proibida a reprodução desta obra,

Leia mais

JQuery. A Biblioteca do Programador JavaScript. 3ª Edição Revisada e ampliada. Maurício Samy Silva. Novatec

JQuery. A Biblioteca do Programador JavaScript. 3ª Edição Revisada e ampliada. Maurício Samy Silva. Novatec JQuery A Biblioteca do Programador JavaScript 3ª Edição Revisada e ampliada Maurício Samy Silva Novatec Copyright 2008, 2010, 2014 da Novatec Editora Ltda. Todos os direitos reservados e protegidos pela

Leia mais

Keith Wood. Apresentação de Dave Methvin. Novatec

Keith Wood. Apresentação de Dave Methvin. Novatec Keith Wood Apresentação de Dave Methvin Novatec Original English language edition published by Manning Publications Co., Sound View CT.#3B, Greenwich, CT 06830 USA. Copyright 2013 by Manning Publications.

Leia mais

Jonathan Stark Brian Jepson

Jonathan Stark Brian Jepson Construindo Aplicativos Android com HTML, CSS e JavaScript Jonathan Stark Brian Jepson Novatec Authorized Portuguese translation of the English edition of titled Building Android Apps with HTML, CSS, and

Leia mais

Desenvolvimento de Grandes Aplicações Web

Desenvolvimento de Grandes Aplicações Web Desenvolvimento de Grandes Aplicações Web Kyle Loudon Introdução de Nate Koechley Novatec Authorized Portuguese translation of the English edition of titled Developing Large Web Applications, First Edition,

Leia mais

jquery Cookbook Comunidade de Desenvolvedores jquery

jquery Cookbook Comunidade de Desenvolvedores jquery jquery Cookbook Comunidade de Desenvolvedores jquery Novatec Authorized Portuguese translation of the English edition of titled jquery Cookbook ISBN 9780596159771 2009, Cody Lindley. This translation is

Leia mais

Criando Aplicações PHP com. Zend e Dojo. Flávio Gomes da Silva Lisboa. Novatec

Criando Aplicações PHP com. Zend e Dojo. Flávio Gomes da Silva Lisboa. Novatec Criando Aplicações PHP com Zend e Dojo Flávio Gomes da Silva Lisboa Novatec Copyright 2013 da Novatec Editora Ltda. Todos os direitos reservados e protegidos pela Lei 9.610 de 19/02/1998. É proibida a

Leia mais

Maurício Samy Silva. Novatec

Maurício Samy Silva. Novatec Maurício Samy Silva Novatec Copyright 2014 da Novatec Editora Ltda. Todos os direitos reservados e protegidos pela Lei 9.610 de 19/02/1998. É proibida a reprodução desta obra, mesmo parcial, por qualquer

Leia mais

Desenvolvendo Websites com PHP

Desenvolvendo Websites com PHP Desenvolvendo Websites com PHP 2ª Edição Juliano Niederauer Novatec Copyright 2009, 2011 da Novatec Editora Ltda. Todos os direitos reservados e protegidos pela Lei 9.610 de 19/02/1998. É proibida a reprodução

Leia mais

Desenvolvendo Websites com PHP

Desenvolvendo Websites com PHP Desenvolvendo Websites com PHP 2ª Edição Juliano Niederauer Novatec Copyright 2009, 2011 da Novatec Editora Ltda. Todos os direitos reservados e protegidos pela Lei 9.610 de 19/02/1998. É proibida a reprodução

Leia mais

Crie Seu Próprio Site

Crie Seu Próprio Site Crie Seu Próprio Site Um guia em quadrinhos para HTML, CSS e WordPress Nate Cooper com ilustrações de Kim Gee Copyright 2014 by Nate Cooper. Title of English-language original: Build Your Own Website,

Leia mais

Lojas Virtuais com. Magento. André Nobrega Gugliotti. Novatec

Lojas Virtuais com. Magento. André Nobrega Gugliotti. Novatec Lojas Virtuais com Magento André Nobrega Gugliotti Novatec Novatec Editora Ltda. 2013. Todos os direitos reservados e protegidos pela Lei 9.610 de 19/02/1998. É proibida a reprodução desta obra, mesmo

Leia mais

Desenvolvendo para. Windows 8. Aprenda a desenvolver aplicativos para Windows Phone 8 e Windows 8. Ricardo R. Lecheta. Novatec

Desenvolvendo para. Windows 8. Aprenda a desenvolver aplicativos para Windows Phone 8 e Windows 8. Ricardo R. Lecheta. Novatec Desenvolvendo para Windows 8 Aprenda a desenvolver aplicativos para Windows Phone 8 e Windows 8 Ricardo R. Lecheta Novatec Copyright 2013 da Novatec Editora Ltda. Todos os direitos reservados e protegidos

Leia mais

Google Android para Tablets

Google Android para Tablets Google Android para Tablets Aprenda a desenvolver aplicações para o Android De smartphones a tablets Ricardo R. Lecheta Novatec Copyright 2012 Novatec Editora Ltda. Todos os direitos reservados e protegidos

Leia mais

Copyright 2008, 2013 da Novatec Editora Ltda.

Copyright 2008, 2013 da Novatec Editora Ltda. 4a Edição Novatec Copyright 2008, 2013 da Novatec Editora Ltda. Todos os direitos reservados e protegidos pela Lei 9.610 de 19/02/1998. É proibida a reprodução desta obra, mesmo parcial, por qualquer processo,

Leia mais

JQuery. 2ª Edição Revisada e ampliada. Maurício Samy Silva

JQuery. 2ª Edição Revisada e ampliada. Maurício Samy Silva JQuery A Biblioteca do Programador JavaScript 2ª Edição Revisada e ampliada Maurício Samy Silva $(document).ready(function() { $('.abre-fecha').hide(); $('

Leia mais

Aula 9: Fundamentos do JQuery Fonte: Plano de Aula Oficial da Disciplina

Aula 9: Fundamentos do JQuery Fonte: Plano de Aula Oficial da Disciplina Programação para Internet Rica 1 Aula 9: Fundamentos do JQuery Fonte: Plano de Aula Oficial da Disciplina Objetivo: Capacitar o aluno para o trabalho com o framework JQuery. INTRODUÇÃO JQuery é uma biblioteca

Leia mais

Google Android para Tablets

Google Android para Tablets Google Android para Tablets Aprenda a desenvolver aplicações para o Android De smartphones a tablets Ricardo R. Lecheta Novatec Copyright 2012 Novatec Editora Ltda. Todos os direitos reservados e protegidos

Leia mais

Google Android para Tablets

Google Android para Tablets Google Android para Tablets Aprenda a desenvolver aplicações para o Android De smartphones a tablets Ricardo R. Lecheta Novatec Copyright 2012 Novatec Editora Ltda. Todos os direitos reservados e protegidos

Leia mais

David Hows Peter Membrey Eelco Plugge

David Hows Peter Membrey Eelco Plugge David Hows Peter Membrey Eelco Plugge Novatec Original English language edition published by Apress, Copyright 2014 by Apress, Inc.. Portugueselanguage edition for Brazil copyright 2015 by Novatec Editora.

Leia mais

HTML / JAVASCRIPT. A versão atual é o HTML5 (seus predecessores imediatos são HTML 4.01, XHTML 1.1, etc.).

HTML / JAVASCRIPT. A versão atual é o HTML5 (seus predecessores imediatos são HTML 4.01, XHTML 1.1, etc.). HTML / JAVASCRIPT Estamos iniciando o estudo do HTML através das TAGS (comandos) para construir formulários. Isso facilitará a continuidade dos nossos estudos da linguagem de programação JavaScript, a

Leia mais

Maurício Samy Silva. Novatec

Maurício Samy Silva. Novatec Maurício Samy Silva Novatec Sumário Agradecimentos...13 Sobre o autor...13 Introdução...15 Para quem foi escrito este livro... 15 Convenções tipográficas... 16 Site do livro... 18 Capítulo 1 O que é (X)HTML?...20

Leia mais

Paulo Strelczuk. Novatec

Paulo Strelczuk. Novatec Paulo Strelczuk Novatec Copyright 2011 da Novatec Editora Ltda. Todos os direitos reservados e protegidos pela Lei 9.610 de 19/02/1998. É proibida a reprodução desta obra, mesmo parcial, por qualquer processo,

Leia mais

Ademir C. Gabardo. Novatec

Ademir C. Gabardo. Novatec Ademir C. Gabardo Novatec Novatec Editora Ltda. 2015. Todos os direitos reservados e protegidos pela Lei 9.610 de 19/02/1998. É proibida a reprodução desta obra, mesmo parcial, por qualquer processo, sem

Leia mais

Guia do Programador Joel Saade

Guia do Programador Joel Saade C# Guia do Programador Joel Saade Novatec Copyright 2011 da Novatec Editora Ltda. Todos os direitos reservados e protegidos pela Lei 9.610 de 19/02/1998. É proibida a reprodução desta obra, mesmo parcial,

Leia mais

Criando Aplicações Gráficas com PHP

Criando Aplicações Gráficas com PHP Criando Aplicações Gráficas com PHP 3ª Edição Pablo Dall'Oglio Novatec Copyright 2007, 2012 da Novatec Editora Ltda. Todos os direitos reservados e protegidos pela Lei 9.610 de 19/02/1998. É proibida a

Leia mais

PDF Explicado John Whitington

PDF Explicado John Whitington PDF Explicado John Whitington Novatec Authorized Portuguese translation of the English edition of titled PDF Explained, First Edition ISBN 9781449310028 2012 John Whitington. This translation is published

Leia mais

Aprendendo. Unix no OS X. Mountain Lion. Mergulhando no Terminal e no Shell. Dave Taylor. Novatec

Aprendendo. Unix no OS X. Mountain Lion. Mergulhando no Terminal e no Shell. Dave Taylor. Novatec Aprendendo Unix no OS X Mountain Lion Mergulhando no Terminal e no Shell Dave Taylor Novatec Authorized Portuguese translation of the English edition of titled Learning Unix for OS X Mountain Lion, ISBN

Leia mais

Minicurso introdutório de desenvolvimento para web em HTML5. Cristiano Costa

Minicurso introdutório de desenvolvimento para web em HTML5. Cristiano Costa Minicurso introdutório de desenvolvimento para web em HTML5 Cristiano Costa Sobre mim Graduando em Engenharia Eletrônica - UNIFEI Trabalhou em desenvolvimento de sistemas empresariais (Base em servidores

Leia mais

Tema UFPel 2.0 WP Institucional Guia de Opções de Personalização

Tema UFPel 2.0 WP Institucional Guia de Opções de Personalização Tema UFPel 2.0 WP Institucional Guia de Opções de Personalização Sumário 1. Configurações Iniciais...2 1.1. Configurando o Menu Personalizado...2 1.2. Configurando os Widgets...3 2. Localize o nome de

Leia mais

Rails 3 Básico Cloves Carneiro Jr. Rida Al Barazi

Rails 3 Básico Cloves Carneiro Jr. Rida Al Barazi Rails 3 Básico Cloves Carneiro Jr. Rida Al Barazi Novatec Original English language edition published by Apress Inc., 2560 Ninth Street, Suite 219, Berkeley, CA 94710 USA. Copyright 2009 by Apress, Inc..

Leia mais

jquery André Tavares da Silva andre.silva@udesc.br

jquery André Tavares da Silva andre.silva@udesc.br jquery André Tavares da Silva andre.silva@udesc.br jquery jquery é uma biblioteca em JavaScript; Seu objetivo é simplificar a programação em JavaScript; jquery foi desenvolvida para ser de aprendizado

Leia mais

Hélio Engholm Jr. Novatec

Hélio Engholm Jr. Novatec Hélio Engholm Jr. Novatec Copyright 2015 da Novatec Editora Ltda. Todos os direitos reservados e protegidos pela Lei 9.610 de 19/02/1998. É proibida a reprodução desta obra, mesmo parcial, por qualquer

Leia mais

Desenvolvimento de Grandes Aplicações Web

Desenvolvimento de Grandes Aplicações Web Desenvolvimento de Grandes Aplicações Web Kyle Loudon Introdução de Nate Koechley Novatec Authorized Portuguese translation of the English edition of titled Developing Large Web Applications, First Edition,

Leia mais

Maurício Samy Silva. Novatec

Maurício Samy Silva. Novatec Maurício Samy Silva Novatec Copyright 2015 da Novatec Editora Ltda. Todos os direitos reservados e protegidos pela Lei 9.610 de 19/02/1998. É proibida a reprodução desta obra, mesmo parcial, por qualquer

Leia mais

Service Desk Corporativo

Service Desk Corporativo Service Desk Corporativo Solução com base na ITIL V3 Rubem Melendez Filho Novatec Copyright 2011 da Novatec Editora Ltda. Todos os direitos reservados e protegidos pela Lei 9.610 de 19/02/1998. É proibida

Leia mais

CSS Cookbook. Christopher Schmitt. Novatec. Prólogo por Dan Cederholm

CSS Cookbook. Christopher Schmitt. Novatec. Prólogo por Dan Cederholm CSS Cookbook Christopher Schmitt Prólogo por Dan Cederholm Novatec Authorized Portuguese translation of the English edition of CSS Cookbook, 3E ISBN 978-0-596-15593-3 2009, O Reilly Media Inc. This translation

Leia mais

Ademir C. Gabardo. Novatec

Ademir C. Gabardo. Novatec Ademir C. Gabardo Novatec Novatec Editora Ltda. 2015. Todos os direitos reservados e protegidos pela Lei 9.610 de 19/02/1998. É proibida a reprodução desta obra, mesmo parcial, por qualquer processo, sem

Leia mais

CRIANDO TEMPLATES E LEGENDAS

CRIANDO TEMPLATES E LEGENDAS CRIANDO TEMPLATES E LEGENDAS Este tutorial tem como objetivo instruir passo à passo como criar templates de peças, utilizar os novos recursos de cadastro de propriedade de peças e criação de legenda. 1-

Leia mais

Scrum em Ação. Gerenciamento e Desenvolvimento Ágil de Projetos de Software. Andrew Pham Phuong-Van Pham. Novatec

Scrum em Ação. Gerenciamento e Desenvolvimento Ágil de Projetos de Software. Andrew Pham Phuong-Van Pham. Novatec Scrum em Ação Gerenciamento e Desenvolvimento Ágil de Projetos de Software Andrew Pham Phuong-Van Pham Novatec Original English language edition Copyright 2012 Course Technology, a part of Cengage Learning.

Leia mais

marketing ágil Utilização de Metodologias Ágeis em Projetos de Marketing Michelle Accardi-Petersen Novatec

marketing ágil Utilização de Metodologias Ágeis em Projetos de Marketing Michelle Accardi-Petersen Novatec marketing ágil Utilização de Metodologias Ágeis em Projetos de Marketing Michelle Accardi-Petersen Novatec Original English language edition published by CA Technologies, Copyright 2011 by CA Technologies.

Leia mais

Novatec Editora Ltda. 2015.

Novatec Editora Ltda. 2015. Ben Smith Novatec Original English language edition published by Apress, Copyright 2015 by Apress, Inc.. Portugueselanguage edition for Brazil copyright 2015 by Novatec Editora. All rights reserved. Edição

Leia mais

Keith Wood. Apresentação de Dave Methvin. Novatec

Keith Wood. Apresentação de Dave Methvin. Novatec Keith Wood Apresentação de Dave Methvin Novatec Original English language edition published by Manning Publications Co., Sound View CT.#3B, Greenwich, CT 06830 USA. Copyright 2013 by Manning Publications.

Leia mais

Google Analytics Justin Cutroni

Google Analytics Justin Cutroni Google Analytics Justin Cutroni Novatec Authorized translation of the English edition of Google Analytics ISBN 978-0-596-15800-2 2010, Justin Cutroni. This translation is published and sold by permission

Leia mais

Gerenciamento. de projetos. Bart Gerardi. Novatec. Como evitar problemas previsíveis para o sucesso do projeto

Gerenciamento. de projetos. Bart Gerardi. Novatec. Como evitar problemas previsíveis para o sucesso do projeto Gerenciamento de projetos Sem Crise Como evitar problemas previsíveis para o sucesso do projeto Bart Gerardi Novatec Original English language edition published by Apress Inc., Copyright 2011 by Apress

Leia mais

Criando Relatórios com PHP

Criando Relatórios com PHP Criando Relatórios com PHP 2a Edição Pablo Dall Oglio Novatec Copyright 2011, 2013 Novatec Editora Ltda. Todos os direitos reservados e protegidos pela Lei 9.610 de 19/02/1998. É proibida a reprodução

Leia mais

Luiz Carlos Querino Filho

Luiz Carlos Querino Filho criando aplicativos para iphone e Uma Abordagem Prática Do nível Básico ao Avançado ipad Luiz Carlos Querino Filho Novatec Copyright 2013 da Novatec Editora Ltda. Todos os direitos reservados e protegidos

Leia mais

Guia de Consulta Rápida. PHP com XML. Juliano Niederauer. Terceira Edição. Novatec

Guia de Consulta Rápida. PHP com XML. Juliano Niederauer. Terceira Edição. Novatec Guia de Consulta Rápida PHP com XML Juliano Niederauer Terceira Edição Novatec Copyright 2002 da Novatec Editora Ltda. Todos os direitos reservados e protegidos pela Lei 9.610 de 19/02/1998. É proibida

Leia mais

Sumário. HTML CSS JQuery Referências IHC AULA 6 5-09-2011 1

Sumário. HTML CSS JQuery Referências IHC AULA 6 5-09-2011 1 Sumário HTML CSS JQuery Referências IHC AULA 6 5-09-2011 1 Linguagem HTML HTML é a abreviação de HyperText Markup Language, que pode ser traduzido como Linguagem de Marcação de Hipertexto. Não é uma linguagem

Leia mais

JQuery. A Biblioteca do Programador JavaScript. 3ª Edição Revisada e ampliada. Maurício Samy Silva. Novatec

JQuery. A Biblioteca do Programador JavaScript. 3ª Edição Revisada e ampliada. Maurício Samy Silva. Novatec JQuery A Biblioteca do Programador JavaScript 3ª Edição Revisada e ampliada Maurício Samy Silva Novatec Copyright 2008, 2010, 2014 da Novatec Editora Ltda. Todos os direitos reservados e protegidos pela

Leia mais

Justin Seitz. Novatec

Justin Seitz. Novatec Justin Seitz Novatec Copyright 2015 by Justin Seitz. Title of English-language original: Black Hat Python, ISBN 978-1- 59327-590-7, published by No Starch Press. Portuguese-language edition copyright 2015

Leia mais

Conrado Adolpho. Novatec

Conrado Adolpho. Novatec Conrado Adolpho Novatec Copyright 2008, 2009, 2010, 2011 Novatec Editora Ltda. Todos os direitos reservados e protegidos pela Lei 9.610 de 19/02/1998. É proibida a reprodução desta obra, mesmo parcial,

Leia mais

SIEP / RENAPI. Dicas HTML e CSS para Desenvolvimento. de um Site/Portal Acessível

SIEP / RENAPI. Dicas HTML e CSS para Desenvolvimento. de um Site/Portal Acessível SIEP / RENAPI Dicas HTML e CSS para Desenvolvimento de um Site/Portal Acessível Setembro de 2009 Dicas HTML e CSS para Desenvolvimento de um Site/Portal Acessível Cuidados em geral Separar adequadamente

Leia mais

jquery Apostila Básica

jquery Apostila Básica jquery Apostila Básica INTRODUÇÃO 3 CAPÍTULO 1 POR ONDE INICIAR 3 CAPÍTULO 2 MEU PRIMEIRO SCRIPT! 4 EXERCÍCIOS...5 CAPÍTULO 3 ADICIONANDO CSS 6 EXERCÍCIOS...7 CAPÍTULO 4 MODIFICANDO APENAS PARTE DO DOCUMENTO

Leia mais

PROGRAMAÇÃO PARA DISPOSITIVOS MÓVEIS -INTRODUÇÃO A JQUERY MOBILE. Prof. Angelo Augusto Frozza, M.Sc. http://about.me/tilfrozza

PROGRAMAÇÃO PARA DISPOSITIVOS MÓVEIS -INTRODUÇÃO A JQUERY MOBILE. Prof. Angelo Augusto Frozza, M.Sc. http://about.me/tilfrozza PROGRAMAÇÃO PARA DISPOSITIVOS MÓVEIS -INTRODUÇÃO A JQUERY MOBILE Prof. Angelo Augusto Frozza, M.Sc. http://about.me/tilfrozza ROTEIRO Introdução Principais características Página dentro de página Transições

Leia mais

PROGRAMAÇÃO PARA INTERNET RICA FUNDAMENTOS DO JQUERY

PROGRAMAÇÃO PARA INTERNET RICA FUNDAMENTOS DO JQUERY PROGRAMAÇÃO PARA INTERNET RICA FUNDAMENTOS DO JQUERY Prof. Dr. Daniel Caetano 2012-1 Objetivos Introduzir o framework JQuery Capacitar para a construção de documentos JQuery simples Compreender os mecanismos

Leia mais

MANUAL JOOMLA 2.5 PORTAL INTERNET. Ministério do Esporte

MANUAL JOOMLA 2.5 PORTAL INTERNET. Ministério do Esporte MANUAL JOOMLA 2.5 PORTAL INTERNET Ministério do Esporte SUMÁRIO 1.0 - Módulo Administração... 1 2.0 Banner randômico... 2 2.1 Adicionar novo slide... 2 2.2 Excluir slide... 6 3.0 Artigos... 7 3.1 Adicionar

Leia mais

André Gugliotti. Novatec

André Gugliotti. Novatec André Gugliotti Novatec Novatec Editora Ltda. 2015. Todos os direitos reservados e protegidos pela Lei 9.610 de 19/02/1998. É proibida a reprodução desta obra, mesmo parcial, por qualquer processo, sem

Leia mais

Curso de Desenvolvimento Web com HTML5, CSS3 e jquery

Curso de Desenvolvimento Web com HTML5, CSS3 e jquery Curso de Desenvolvimento Web com HTML5, CSS3 e jquery Professor: Marcelo Ricardo Minholi CH: 32 horas anuais (4 dias de 8 horas) Umuarama - 2012 Fundamentação Teórica: HTML (acrônimo para a expressão inglesa

Leia mais

como acabar com sua em apenas 140 caracteres Carolina Lima Novatec

como acabar com sua em apenas 140 caracteres Carolina Lima Novatec como acabar com sua em apenas 140 caracteres Carolina Lima Novatec Copyright 2011 da Novatec Editora Ltda. Todos os direitos reservados e protegidos pela Lei 9.610 de 19/02/1998. É proibida a reprodução

Leia mais

jquery Mobile Desenvolva aplicações web para dispositivos móveis com HTML5, CSS3, AJAX, jquery e jquery UI 2a Edição Maurício Samy Silva Novatec

jquery Mobile Desenvolva aplicações web para dispositivos móveis com HTML5, CSS3, AJAX, jquery e jquery UI 2a Edição Maurício Samy Silva Novatec jquery Mobile Desenvolva aplicações web para dispositivos móveis com HTML5, CSS3, AJAX, jquery e jquery UI 2a Edição Maurício Samy Silva Novatec Copyright 2012, 2013 da Novatec Editora Ltda. Todos os direitos

Leia mais

Plano de Aula - Dreamweaver CS6 - cód.5232 24 Horas/Aula

Plano de Aula - Dreamweaver CS6 - cód.5232 24 Horas/Aula Plano de Aula - Dreamweaver CS6 - cód.5232 24 Horas/Aula Aula 1 Capítulo 1 - Introdução ao Dreamweaver CS6 Aula 2 Continuação do Capítulo 1 - Introdução ao Dreamweaver CS6 Aula 3 Capítulo 2 - Site do Dreamweaver

Leia mais

jquery Mobile Desenvolva aplicações web para dispositivos móveis com HTML5, CSS3, AJAX, jquery e jquery UI Maurício Samy Silva Novatec

jquery Mobile Desenvolva aplicações web para dispositivos móveis com HTML5, CSS3, AJAX, jquery e jquery UI Maurício Samy Silva Novatec jquery Mobile Desenvolva aplicações web para dispositivos móveis com HTML5, CSS3, AJAX, jquery e jquery UI Maurício Samy Silva Novatec Copyright 2012 da Novatec Editora Ltda. Todos os direitos reservados

Leia mais

Aula 4 Modelo CSS. Efeito cascata. Ordem em cascata. Declarações normais e importantes. Exemplo. Especificidade de um seletor 30/08/2013

Aula 4 Modelo CSS. Efeito cascata. Ordem em cascata. Declarações normais e importantes. Exemplo. Especificidade de um seletor 30/08/2013 Efeito cascata Aula 4 Modelo CSS Curso: Técnico em Informática / 2º módulo Disciplina: Desenvolvimento Web Professora: Luciana Balieiro Cosme Fontes das folhas de estilo Autor Usuário Agente do usuário

Leia mais

Camila Porto. Novatec

Camila Porto. Novatec Camila Porto Novatec Copyright 2014 da Novatec Editora Ltda. Todos os direitos reservados e protegidos pela Lei 9.610 de 19/02/1998. É proibida a reprodução desta obra, mesmo parcial, por qualquer processo,

Leia mais

DOCUMENTAÇÃO DO FRAMEWORK - versão 2.0

DOCUMENTAÇÃO DO FRAMEWORK - versão 2.0 DOCUMENTAÇÃO DO FRAMEWORK - versão 2.0 Índice 1 - Objetivo 2 - Descrição do ambiente 2.1. Tecnologias utilizadas 2.2. Estrutura de pastas 2.3. Bibliotecas já incluídas 3 - Características gerais 4 - Criando

Leia mais

Nelson Glauber de Vasconcelos Leal

Nelson Glauber de Vasconcelos Leal Nelson Glauber de Vasconcelos Leal Novatec Copyright 2015 da Novatec Editora Ltda. Todos os direitos reservados e protegidos pela Lei 9.610 de 19/02/1998. É proibida a reprodução desta obra, mesmo parcial,

Leia mais

Segurança de Aplicativos. Android. Jeff Six. Novatec

Segurança de Aplicativos. Android. Jeff Six. Novatec Segurança de Aplicativos Android Jeff Six Novatec Authorized Portuguese translation of the English edition of titled Application Security for the Android Plataform, First Edition ISBN 9781449315078 2012

Leia mais

Pré-requisito Conhecimento básico do sistema operacional Windows ou Mac OS.

Pré-requisito Conhecimento básico do sistema operacional Windows ou Mac OS. 1 e Descrição Este treinamento abortará conceitos essenciais de HTML e CSS para a construção de páginas web através do uso do Adobe, com a mínima necessidade de intervir ou escrever códigos, utilizando

Leia mais

BURIPACK - DESIGN E INTERFACES WEB

BURIPACK - DESIGN E INTERFACES WEB 1 de 5 BURIPACK - DESIGN E INTERFACES WEB BC 41 LÓGICA DE PROGRAMAÇÃO COM JAVASCRIPT E HTML (32h) Ajudar aos alunos no desenvolvimento do raciocínio lógico, a partir da prática em lógica de programação,

Leia mais

ADIANTI FRAMEWORK PARA PHP

ADIANTI FRAMEWORK PARA PHP ADIANTI FRAMEWORK PARA PHP 7ª edição PABLO DALL'OGLIO Copyright 2012 de Pablo Dall'Oglio. Todos os direitos reservados e protegidos pela Lei 9.160 de 19/02/1998. É proibida a reprodução desta obra, mesmo

Leia mais

Excel Avançado. 2ª Edição. Antonio Fernando Cinto Wilson Moraes Góes. Novatec

Excel Avançado. 2ª Edição. Antonio Fernando Cinto Wilson Moraes Góes. Novatec Excel Avançado 2ª Edição Antonio Fernando Cinto Wilson Moraes Góes Novatec Copyright 2015 da Novatec Editora Ltda. Todos os direitos reservados e protegidos pela Lei 9.610 de 19/02/1998. É proibida a reprodução

Leia mais

Ricardo R. Lecheta. Novatec

Ricardo R. Lecheta. Novatec Ricardo R. Lecheta Novatec Copyright 2015 da Novatec Editora Ltda. Todos os direitos reservados e protegidos pela Lei 9.610 de 19/02/1998. É proibida a reprodução desta obra, mesmo parcial, por qualquer

Leia mais

Laboratórios de Tecnologias. Cisco. em Infraestrutura de Redes. Samuel Henrique Bucke Brito. Novatec

Laboratórios de Tecnologias. Cisco. em Infraestrutura de Redes. Samuel Henrique Bucke Brito. Novatec Laboratórios de Tecnologias Cisco em Infraestrutura de Redes Samuel Henrique Bucke Brito Novatec Copyright 2012 da Novatec Editora Ltda. Todos os direitos reservados e protegidos pela Lei 9.610 de 19/02/1998.

Leia mais

files, que devolve um objeto do tipo FileList.

files, que devolve um objeto do tipo FileList. WEB STORAGE 199 7.4.3 FILE API A File API foi introduzida para nos fornecer maior flexibilidade no acesso ao conteúdo de ficheiros a partir de uma página HTML. Por predefinição, o acesso a um ficheiro

Leia mais

Iniciando o MySQL Query Brower

Iniciando o MySQL Query Brower MySQL Query Brower O MySQL Query Browser é uma ferramenta gráfica fornecida pela MySQL AB para criar, executar e otimizar solicitações SQL em um ambiente gráfico. Assim como o MySQL Administrator foi criado

Leia mais

Padrões JavaScript Stoyan Stefanov

Padrões JavaScript Stoyan Stefanov Padrões JavaScript Stoyan Stefanov Novatec Authorized Portuguese translation of the English edition of titled JavaScript Patterns, First Edition, ISBN: 978-0- 596-80675-0 2010, Stoyan Stefanov. This translation

Leia mais

Aprendendo Cocoa com Objective-C Paris Buttfield-Addison Jonathon Manning

Aprendendo Cocoa com Objective-C Paris Buttfield-Addison Jonathon Manning Aprendendo Cocoa com Objective-C Paris Buttfield-Addison Jonathon Manning Novatec Authorized Portuguese translation of the English edition of titled Learning Cocoa with Objective-C 3E ISBN 9781449318499

Leia mais

2ª Edição Alexandre Keller

2ª Edição Alexandre Keller Asterisk na prática 2ª Edição Alexandre Keller Novatec Copyright 2011 da Novatec Editora Ltda. Todos os direitos reservados e protegidos pela Lei 9.610 de 19/02/1998. É proibida a reprodução desta obra,

Leia mais

DHTML - MÓDULO 1: VISÃO GERAL E INTRODUÇÃO Por Marcelo Camargo Visão geral

DHTML - MÓDULO 1: VISÃO GERAL E INTRODUÇÃO Por Marcelo Camargo Visão geral Apostila retirada de http://www.ibestmasters.com.br DHTML - MÓDULO 1: VISÃO GERAL E INTRODUÇÃO Por Marcelo Camargo Visão geral A tecnologia DHTML (Dynamic HTML) foi apresentada inicialmente como um conjunto

Leia mais

Wilson Moraes Góes. Novatec

Wilson Moraes Góes. Novatec Wilson Moraes Góes Novatec Copyright 2014 Novatec Editora Ltda. Todos os direitos reservados e protegidos pela Lei 9.610 de 19/02/1998. É proibida a reprodução desta obra, mesmo parcial, por qualquer processo,

Leia mais

2ª EDIÇÃO. André Milani. Novatec

2ª EDIÇÃO. André Milani. Novatec 2ª EDIÇÃO André Milani Novatec Copyright 2012, 2014 da Novatec Editora Ltda. Todos os direitos reservados e protegidos pela Lei 9.610 de 19/02/1998. É proibida a reprodução desta obra, mesmo parcial, por

Leia mais

15. OLHA QUEM ESTÁ NA WEB!

15. OLHA QUEM ESTÁ NA WEB! 7 a e 8 a SÉRIES / ENSINO MÉDIO 15. OLHA QUEM ESTÁ NA WEB! Sua home page para publicar na Internet SOFTWARES NECESSÁRIOS: MICROSOFT WORD 2000 MICROSOFT PUBLISHER 2000 SOFTWARE OPCIONAL: INTERNET EXPLORER

Leia mais

Formulários em HTML - O que são e para que servem

Formulários em HTML - O que são e para que servem Formulários em HTML - O que são e para que servem A tag - Os atributos action e method A primeira coisa que iremos fazer é usar a tag para podermos usarmos formulários. Antes de entrarmos

Leia mais

MARKETING DIGITAL NA ERA. Martha Gabriel CONCEITOS, PLATAFORMAS E ESTRATÉGIAS. Novatec

MARKETING DIGITAL NA ERA. Martha Gabriel CONCEITOS, PLATAFORMAS E ESTRATÉGIAS. Novatec MARKETING NA ERA DIGITAL CONCEITOS, PLATAFORMAS E ESTRATÉGIAS Martha Gabriel Novatec Copyright 2010 da Novatec Editora Ltda. Todos os direitos reservados e protegidos pela Lei 9.610 de 19/02/1998. É proibida

Leia mais

Capítulo 7 O Gerenciador de Arquivos

Capítulo 7 O Gerenciador de Arquivos Capítulo 7 O Gerenciador de Arquivos Neste capítulo nós iremos examinar as características da interface do gerenciador de arquivos Konqueror. Através dele realizaremos as principais operações com arquivos

Leia mais

Universidade Da Beira Interior

Universidade Da Beira Interior 1 Universidade Da Beira Interior Sistemas Distribuídos e Tolerância a Falhas Estudo da Tecnologia jquery Tiago Simões m3965 João Pereira m3873 12 De Março de 2011 2 Conteúdo 1. Apresentação da tecnologia...

Leia mais

Helder da Rocha. Criação de. Web Sites II. Servidor Web Aplicações Web Programas CGI e SSI. Rev.: CWS2-04-2000/01 A4

Helder da Rocha. Criação de. Web Sites II. Servidor Web Aplicações Web Programas CGI e SSI. Rev.: CWS2-04-2000/01 A4 Helder da Rocha Criação de Web Sites II Servidor Web Aplicações Web Programas CGI e SSI Rev.: CWS2-04-2000/01 A4 Copyright 2000 por Helder Lima Santos da Rocha. Todos os direitos reservados. Os direitos

Leia mais

Jarrod Overson e Jason Strimpel

Jarrod Overson e Jason Strimpel Jarrod Overson e Jason Strimpel Novatec Authorized Portuguese translation of the English edition of titled Developing Web Components, ISBN 9781491949023 2015 Jason Strimpel and Jarrod Overson. This translation

Leia mais

Curso de Capacitação em Gerenciador de Conteúdo PLONE

Curso de Capacitação em Gerenciador de Conteúdo PLONE Curso de Capacitação em Gerenciador de Conteúdo PLONE 1 Índice Customização Acionar modo debug 3 Propriedades Básicas 10 Arquivos de Customização 15 2 Customização Intermediário Com a definição do posicionamento

Leia mais

Padrões de Projeto em PHP

Padrões de Projeto em PHP Aprendendo Padrões de Projeto em PHP William Sanders Novatec Authorized Portuguese translation of the English edition of titled Learning PHP Design Patterns ISBN 9781449344917 2013 William B. Sanders.

Leia mais

HTML5. André Tavares da Silva. andre.silva@udesc.br

HTML5. André Tavares da Silva. andre.silva@udesc.br HTML5 André Tavares da Silva andre.silva@udesc.br O que é HTML5? HTML5 será o novo padrão para HTML, XHTML e HTML DOM (Document Object Model). A última versão (4.01) foi definida em 1999 e a Web mudou

Leia mais

Desenvolvendo para. Windows 8. Aprenda a desenvolver aplicativos para Windows Phone 8 e Windows 8. Ricardo R. Lecheta. Novatec

Desenvolvendo para. Windows 8. Aprenda a desenvolver aplicativos para Windows Phone 8 e Windows 8. Ricardo R. Lecheta. Novatec Desenvolvendo para Windows 8 Aprenda a desenvolver aplicativos para Windows Phone 8 e Windows 8 Ricardo R. Lecheta Novatec Copyright 2013 da Novatec Editora Ltda. Todos os direitos reservados e protegidos

Leia mais

Desenvolvendo para iphone e ipad

Desenvolvendo para iphone e ipad Desenvolvendo para iphone e ipad 2a Edição Ricardo R. Lecheta Novatec Copyright 2012, 2013 Novatec Editora Ltda. Todos os direitos reservados e protegidos pela Lei 9.610 de 19/02/1998. É proibida a reprodução

Leia mais

Qlik Sense Cloud. Qlik Sense 2.0.2 Copyright 1993-2015 QlikTech International AB. Todos os direitos reservados.

Qlik Sense Cloud. Qlik Sense 2.0.2 Copyright 1993-2015 QlikTech International AB. Todos os direitos reservados. Qlik Sense Cloud Qlik Sense 2.0.2 Copyright 1993-2015 QlikTech International AB. Todos os direitos reservados. Copyright 1993-2015 QlikTech International AB. Todos os direitos reservados. Qlik, QlikTech,

Leia mais

João Eriberto Mota Filho

João Eriberto Mota Filho João Eriberto Mota Filho Novatec Copyright 2013 da Novatec Editora Ltda. Todos os direitos reservados e protegidos pela Lei 9.610 de 19/02/1998. É proibida a reprodução desta obra, mesmo parcial, por qualquer

Leia mais

PROF. DANIELA PIRES. Aplicações para Web. Aplicações para Web - FMU - 2012 - Prof. Daniela Pires

PROF. DANIELA PIRES. Aplicações para Web. Aplicações para Web - FMU - 2012 - Prof. Daniela Pires PROF. DANIELA PIRES Aplicações para Web 1 *Oficialmente: *Uma biblioteca escrita em Javascript *Uma definição melhor: *jquery é uma Biblioteca JavaScript que simplifica a manipulação de um documento HTML

Leia mais

João Eriberto Mota Filho

João Eriberto Mota Filho João Eriberto Mota Filho Novatec Copyright 2013 da Novatec Editora Ltda. Todos os direitos reservados e protegidos pela Lei 9.610 de 19/02/1998. É proibida a reprodução desta obra, mesmo parcial, por qualquer

Leia mais

Instalando o IIS 7 no Windows Server 2008

Instalando o IIS 7 no Windows Server 2008 Goiânia, 16/09/2013 Aluno: Rafael Vitor Prof. Kelly Instalando o IIS 7 no Windows Server 2008 Objetivo Esse tutorial tem como objetivo demonstrar como instalar e configurar o IIS 7.0 no Windows Server

Leia mais

Instalando o IIS 7 no Windows Server 2008

Instalando o IIS 7 no Windows Server 2008 Goiânia, 16/09/2013 Aluno: Rafael Vitor Prof. Kelly Instalando o IIS 7 no Windows Server 2008 Objetivo Esse tutorial tem como objetivo demonstrar como instalar e configurar o IIS 7.0 no Windows Server

Leia mais