jQuery_Od_nowicjusza_do_wojownika_ninja_jqnoni.pdf

(752 KB) Pobierz
Tytuł oryginału: jQuery: Novice to Ninja by Earle Castledine and Craig Sharkie
Tłumaczenie: Marek Pętlicki
ISBN: 978-83-246-3618-1
© Helion S.A. 2012
Authorized translation of the English edition of jQuery: Novice to Ninja, 1st Edition ISBN 9780980576856
© 2010, SitePoint Pty. Ltd. This translation is published and sold by permission of O'Reilly Media, Inc., the
owner of all rights to publish and sell the same.
All rights reserved. No part of this book may be reproduced or transmitted in any form or by any means,
electronic or mechanical, including photocopying, recording or by any information storage retrieval system,
without permission from the Publisher.
Wszelkie prawa zastrzeżone. Nieautoryzowane rozpowszechnianie całości lub fragmentu niniejszej
publikacji w jakiejkolwiek postaci jest zabronione. Wykonywanie kopii metodą kserograficzną,
fotograficzną, a także kopiowanie książki na nośniku filmowym, magnetycznym lub innym powoduje
naruszenie praw autorskich niniejszej publikacji.
Wszystkie znaki występujące w tekście są zastrzeżonymi znakami firmowymi bądź towarowymi ich
właścicieli.
Autor oraz Wydawnictwo HELION dołożyli wszelkich starań, by zawarte w tej książce informacje były
kompletne i rzetelne. Nie biorą jednak
żadnej
odpowiedzialności ani za ich wykorzystanie, ani za związane
z tym ewentualne naruszenie praw patentowych lub autorskich. Autor oraz Wydawnictwo HELION
nie ponoszą również
żadnej
odpowiedzialności za ewentualne szkody wynikłe z wykorzystania informacji
zawartych w książce.
Wydawnictwo HELION
ul. Kościuszki 1c, 44-100 GLIWICE
tel. 32 231 22 19, 32 230 98 63
e-mail: helion@helion.pl
WWW: http://helion.pl (księgarnia internetowa, katalog książek)
Pliki z przykładami omawianymi w książce można znaleźć pod adresem:
ftp://ftp.helion.pl/przyklady/jqnoni.zip
Drogi Czytelniku!
Jeżeli chcesz ocenić tę książkę, zajrzyj pod adres
http://helion.pl/user/opinie/jqnoni
Możesz tam wpisać swoje uwagi, spostrzeżenia, recenzję.
Printed in Poland.
Kup książkę
Poleć książkę
Oceń książkę
Księgarnia internetowa
Lubię to! » Nasza społeczność
Spis tre ci
WstÚp ........................................................................................................................11
Kto powinien przeczytaÊ tÚ ksiÈ kÚ .............................................................................11
Co znajdziesz w tej ksiÈ ce .........................................................................................12
PodziÚkowania ...........................................................................................................14
Konwencje zastosowane w ksiÈ ce .............................................................................14
Rozdziaï 1.
ZakochaÊ siÚ w jQuery
............................................................. 17
Co szczególnego ma w sobie jQuery? .........................................................................18
Zgodno Ê z ró nymi przeglÈdarkami .....................................................................18
Selektory CSS3 ......................................................................................................19
U yteczne narzÚdzia .............................................................................................19
jQuery UI ..............................................................................................................19
Wtyczki .................................................................................................................20
Czysto Ê kodu HTML .............................................................................................21
Szeroka popularno Ê .............................................................................................21
Gdzie jest haczyk? ......................................................................................................22
Pobieranie i instalacja jQuery .....................................................................................23
Pobieranie jQuery .................................................................................................23
Google CDN .........................................................................................................24
Codzienne wersje rozwojowe i Subversion ...........................................................25
Wersja nieskompresowana czy skompresowana? .................................................25
Anatomia skryptu jQuery ............................................................................................26
Alias jQuery ..........................................................................................................26
Analiza wywoïañ jQuery .......................................................................................26
Elementy dokumentu HTML, czyli DOM ......................................................................27
Je li siÚ zdecydujesz… ...............................................................................................29
Rozdziaï 2.
Wybieranie, dekorowanie i rozszerzanie
............................... 31
Czekamy na zaïadowanie strony .................................................................................32
Selektory — serce jQuery ...........................................................................................32
Proste selektory ....................................................................................................33
ZawÚ anie selekcji ................................................................................................35
Testujemy selekcjÚ ................................................................................................35
Filtry .....................................................................................................................36
Wybieranie wielu elementów ...............................................................................36
Jak tworzyÊ dobre selektory ..................................................................................37
Kup książkę
Poleć książkę
6
jQuery. Od nowicjusza do wojownika ninja
Dekorowanie — obsïuga CSS w jQuery ......................................................................37
Odczytywanie wïa ciwo ci CSS .............................................................................37
Ustawianie wïa ciwo ci CSS .................................................................................38
Klasy ....................................................................................................................40
Rozszerzanie — dodawanie efektów za pomocÈ jQuery .................................................42
Ukrywanie i wy wietlanie elementów ...................................................................42
Stopniowe udoskonalanie .....................................................................................46
Dodawanie elementów ........................................................................................47
Usuwanie istniejÈcych elementów ........................................................................49
Modyfikowanie istniejÈcych elementów ................................................................50
Podstawowe animacje — efektowne ukrywanie i wy wietlanie ...........................50
Funkcje zwrotne ...................................................................................................52
Kilka sztuczek .............................................................................................................53
Pod wietlanie przy najechaniu myszÈ ...................................................................53
Sïodkie tajemnice .................................................................................................54
Zanim przejdziemy dalej .............................................................................................55
Rozdziaï 3.
Animacje, przewijanie i zmiana rozmiaru
.............................. 57
Animacje ....................................................................................................................57
Animowanie wïa ciwo ci CSS ...............................................................................57
Animacja koloru ...................................................................................................59
Dynamika animacji ...............................................................................................60
Zaawansowane opcje dynamiki ............................................................................61
PodskakujÈce panele ............................................................................................62
Kolejka animacji ...................................................................................................65
añcuchy metod ...................................................................................................65
Zatrzymywanie ïañcucha ......................................................................................66
Animowana nawigacja .........................................................................................67
Animowana nawigacja, wersja 2 ..........................................................................69
Biblioteka jQuery UI ..............................................................................................71
Daj siÚ poruszyÊ! ..................................................................................................73
Przewijanie .................................................................................................................73
Zdarzenie przewijania ...........................................................................................73
PïywajÈca nawigacja ............................................................................................74
Przewijanie dokumentu ........................................................................................75
Modyfikacja paska przewijania .............................................................................77
Zmiana rozmiaru ........................................................................................................78
Zdarzenie zmiany rozmiarów ................................................................................79
Elementy obsïugujÈce zmianÚ rozmiaru ................................................................81
Wïa nie tak siÚ animuje, przewija i zmienia wymiary ..................................................86
Kup książkę
Poleć książkę
SPIS TRE¥CI
7
Rozdziaï 4.
Ilustracje i pokazy slajdów
...................................................... 87
Lightbox .....................................................................................................................87
Wïasna wersja lightboksa .....................................................................................88
Diagnozowanie skryptu za pomocÈ console.log ....................................................91
ColorBox — wtyczka typu lightbox .......................................................................92
Przycinanie ilustracji za pomocÈ Jcrop ........................................................................95
Pokazy slajdów ..........................................................................................................98
Pokazy slajdów z przenikaniem .............................................................................98
Przewijane pokazy slajdów .................................................................................109
Wid et galerii obrazów w stylu iPhoto ................................................................115
Peïny obraz ..............................................................................................................120
Rozdziaï 5.
Menu, karty, dymki i panele
................................................. 121
Menu .......................................................................................................................121
Rozwijane menu pionowe ..................................................................................122
Ikony stanu zwiniÚcia lub rozwiniÚcia menu .......................................................126
Rozwijanie menu po zatrzymaniu nad nim wska nika myszy ..............................127
Rozwijane menu poziome ...................................................................................128
Menu akordeonowe .................................................................................................132
Prosty akordeon .................................................................................................132
Akordeony wielopoziomowe ..............................................................................135
Akordeon w jQuery UI ........................................................................................137
Karty ........................................................................................................................138
Prosta implementacja kart ..................................................................................138
Karty w jQuery UI ...............................................................................................140
Panele ......................................................................................................................143
PojawiajÈcy siÚ formularz logowania ..................................................................143
Panel wysuwany ................................................................................................145
Dymki podpowiedzi ..................................................................................................147
Proste dymki podpowiedzi ..................................................................................148
Zaawansowany dymek podpowiedzi ..................................................................151
Zamówienie z menu .................................................................................................156
Rozdziaï 6.
Konstrukcja, AJAX i interakcje
.............................................. 157
Konstrukcja — najlepsze praktyki .............................................................................157
Czystsze jQuery ..................................................................................................158
Szablony po stronie klienta .................................................................................162
Programowanie pod kÈtem wersji przeglÈdarki (jest zïe) .....................................164
Przyspieszony kurs technologii AJAX ........................................................................166
Czym jest AJAX? .................................................................................................166
adowanie zewnÚtrznego kodu HTML ................................................................166
Rozszerzanie mo liwo ci odno ników za pomocÈ techniki hijax ..........................167
Kup książkę
Poleć książkę
Zgłoś jeśli naruszono regulamin