jQuery UI

Aprenda a criar componentes de interface de alto impacto visual com uso da biblioteca jQuery UI

jQuery UI

Autor: Maurício Samy Silva

ISBN impresso: 978-85-7522-296-6
Ano: 2012
Páginas: 736
Preço: R$ 119,00

9 opiniões | Opine sobre este livro

Descrição do livro

A jQuery UI é uma biblioteca com base em jQuery que facilita a criação de elementos de interface de usuário com um mínimo de código e sintaxe idêntica à da biblioteca jQuery, e é compatível com os padrões web.

Este livro tem por objetivo fornecer aos profissionais envolvidos na criação de sites, tanto na área de design quanto na de desenvolvimento e programação, os conceitos fundamentais e as técnicas de programação necessárias ao emprego da biblioteca jQuery UI na criação de interfaces ricas e de alta interatividade, tornando-as visualmente mais agradáveis e amigáveis.

Serão fornecidas informações detalhadas do funcionamento básico da biblioteca jQuery UI, estudando seus componentes, mecanismos e funcionalidades. Explicações teóricas em linguagem corrente e clara são acompanhadas de exemplos práticos explicados passo a passo e complementados por arquivo HTML para consulta.

Profissionais da área de design, familiarizados com as técnicas aqui descritas, contarão com uma valiosa fonte de inspiração no planejamento das funcionalidades para incrementar suas criações.

Para tirar o máximo proveito dos ensinamentos contidos no livro, são pré-requisitos: familiaridade com a biblioteca jQuery, bons conhecimentos de HTML e CSS e conhecer os fundamentos e a sintaxe da linguagem JavaScript.

Ver menos ▲

Sumário

Agradecimentos
Isenção de responsabilidade
Sobre o autor
Introdução
- Para quem foi escrito este livro
- Convenções tipográficas
- Site do livro
Capítulo 1 ■ Apresentação da jQuery UI
- 1.1 Apresentação
- 1.2 Download da biblioteca
- 1.3 Estrutura HTML
Capítulo 2 ■ Componente Draggable (Arrastar)
- 2.1 Apresentação
- 2.2 Características
  - 2.2.1 Classes para estilização
  - 2.2.2 Classes padrão
  - 2.2.3 Callback
  - 2.2.4 Opções
  - 2.2.5 Eventos
  - 2.2.6 Métodos
Capítulo 3 ■ Componente Droppable (Soltar)
- 3.1 Apresentação
- 3.2 Características
  - 3.2.1 Classe para estilização
  - 3.2.2 Classes padrão
  - 3.2.3 Opções
  - 3.2.4 Eventos
  - 3.2.5 Métodos
Capítulo 4 ■ Componente Resizable (Redimensionar)
- 4.1 Apresentação
- 4.2 Características
  - 4.2.1 Classes para estilização
  - 4.2.2 Classes padrão
  - 4.2.3 Callback
  - 4.2.4 Opções
  - 4.2.5 Eventos
  - 4.2.6 Métodos
Capítulo 5 ■ Componente Selectable (Selecionar)
- 5.1 Apresentação
- 5.2 Características
  - 5.2.1 Classes para estilização
  - 5.2.2 Classes padrão
  - 5.2.3 Área de seleção
  - 5.2.4 Opções
  - 5.2.5 Eventos
  - 5.2.6 Métodos
- 5.3 Grid
Capítulo 6 ■ Componente Sortable (Ordenar)
- 6.1 Apresentação
- 6.2 Características
  - 6.2.1 Classes para estilização
  - 6.2.2 Classes padrão
  - 6.2.3 Opções
  - 6.2.4 Eventos
  - 6.2.5 Métodos
- 6.3 Grid
Capítulo 7 ■ Widget Accordion (Acordeão)
- 7.1 Apresentação
- 7.2 Características
  - 7.2.1 Classes padrão
  - 7.2.2 Opções
  - 7.2.3 Eventos
  - 7.2.4 Métodos
Capítulo 8 ■ Widget Autocomplete (Autocompletar)
- 8.1 Apresentação
- 8.2 Características
  - 8.2.1 Classes para estilização
  - 8.2.2 Classes padrão
  - 8.2.3 Opções
  - 8.2.4 Eventos
  - 8.2.5 Métodos
- 8.3 Array e JSON
  - 8.3.1 Array de objetos
  - 8.3.2 JSON
Capítulo 9 ■ Widget Button (Botão)
- 9.1 Apresentação
- 9.2 Características
  - 9.2.1 Classes padrão
  - 9.2.2 Opções
  - 9.2.3 Eventos
  - 9.2.4 Métodos
- 9.3 Método buttonset
  - 9.3.1 Checkbox
  - 9.3.2 radio
- 9.4 Exemplos
Capítulo 10 ■ Widget Datepicker (Seletor de Datas)
- 10.1 Apresentação
- 10.2 Características
  - 10.2.1 Classes padrão
  - 10.2.2 Opções
  - 10.2.3 Eventos
  - 10.2.4 Métodos
Capítulo 11 ■ Widget Dialog (Janela de Diálogo)
- 11.1 Apresentação
- 11.2 Características
  - 11.2.1 Classes para estilização
  - 11.2.2 Opções
  - 11.2.3 Eventos
  - 11.2.4 Métodos
Capítulo 12 ■ Widget Progressbar (Barra de Progresso)
- 12.1 Apresentação
- 12.2 Características
  - 12.2.1 Classes para estilização
  - 12.2.2 Barra funcionando
  - 12.2.3 Opções
  - 12.2.4 Eventos
  - 12.2.5 Métodos
Capítulo 13 ■ Widget Slider (Controle Deslizante)
- 13.1 Apresentação
- 13.2 Características
  - 13.2.1 Classes padrão
  - 13.2.2 Opções
  - 13.2.3 Eventos
  - 13.2.4 Métodos
  - 13.2.5 Exemplo
Capítulo 14 ■ Widget Tabs (Painel de Abas)
- 14.1 Apresentação
- 14.2 Características
  - 14.2.1 Classes para estilização
  - 14.2.2 Opções
  - 14.2.3 Eventos
  - 14.2.4 Métodos
Capítulo 15 ■ Efeitos
- 15.1 Introdução
- 15.2 Efeitos
  - 15.2.1 Efeitos de animação de cores
  - 15.2.2 Efeitos com manipulação do atributo class
Capítulo 16 ■ Framework CSS
- 16.1 Introdução
- 16.2 Dois temas na mesma página
- 16.3 Folha de estilos jquery ui theme css
  - 16.3.1 Introdução
  - 16.3.2 Classes para o container do widget
  - 16.3.3 Classes para dicas de destaque
  - 16.3.4 Classes para estados de interação
  - 16.3.5 Classes para bordas arredondadas
  - 16.3.6 Í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
  - 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
  - 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
  - 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 revert
  - 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
  - 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
  - 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
  - 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
  - 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
  - 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
  - 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
  - M 3.9 rotate
  - M 3.10 load
  - M 3.11 abort
  - M 3.12 url
Referências
Índice remissivo

Ver sumário completo ▼

Sobre o autor

Maurício Samy Silva

Maurício Samy Silva é graduado em Engenharia Civil pelo Instituto Militar de Engenharia (IME). Exerceu o magistério paralelamente à Engenharia e foi professor de Geometria Descritiva e Matemática. Sua experiência com desenvolvimento iniciou-se em 1999. Em 2003 lançou o site https://maujor.com, que se tornou referência nacional em CSS, com a… Ver perfil completo ▶