jQuery. Od nowicjusza do wojownika ninja.pdf

(877 KB) Pobierz
961197177.001.png
Ty t uł 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
961197177.002.png
Spis treci
Wstp ........................................................................................................................ 11
Kto powinien przeczyta t ksik ............................................................................. 11
Co znajdziesz w tej ksice ......................................................................................... 12
Podzikowania ........................................................................................................... 14
Konwencje zastosowane w ksice ............................................................................. 14
Rozdzia 1. Zakocha si w jQuery ............................................................. 17
Co szczególnego ma w sobie jQuery? ......................................................................... 18
Zgodno z rónymi przegldarkami ..................................................................... 18
Selektory CSS3 ...................................................................................................... 19
Uyteczne narzdzia ............................................................................................. 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 wywoa jQuery ....................................................................................... 26
Elementy dokumentu HTML, czyli DOM ...................................................................... 27
Jeli si zdecydujesz… ............................................................................................... 29
Rozdzia 2. Wybieranie, dekorowanie i rozszerzanie ............................... 31
Czekamy na zaadowanie strony ................................................................................. 32
Selektory — serce jQuery ........................................................................................... 32
Proste selektory .................................................................................................... 33
Zawanie selekcji ................................................................................................ 35
Testujemy selekcj ................................................................................................ 35
Filtry ..................................................................................................................... 36
Wybieranie wielu elementów ............................................................................... 36
Jak tworzy dobre selektory .................................................................................. 37
6
jQuery. Od nowicjusza do wojownika ninja
Dekorowanie — obsuga CSS w jQuery ...................................................................... 37
Odczytywanie waciwoci CSS ............................................................................. 37
Ustawianie waciwoci CSS ................................................................................. 38
Klasy .................................................................................................................... 40
Rozszerzanie — dodawanie efektów za pomoc jQuery ................................................. 42
Ukrywanie i wywietlanie elementów ................................................................... 42
Stopniowe udoskonalanie ..................................................................................... 46
Dodawanie elementów ........................................................................................ 47
Usuwanie istniejcych elementów ........................................................................ 49
Modyfikowanie istniejcych elementów ................................................................ 50
Podstawowe animacje — efektowne ukrywanie i wywietlanie ........................... 50
Funkcje zwrotne ................................................................................................... 52
Kilka sztuczek ............................................................................................................. 53
Podwietlanie przy najechaniu mysz ................................................................... 53
Sodkie tajemnice ................................................................................................. 54
Zanim przejdziemy dalej ............................................................................................. 55
Rozdzia 3. Animacje, przewijanie i zmiana rozmiaru .............................. 57
Animacje .................................................................................................................... 57
Animowanie waciwoci CSS ............................................................................... 57
Animacja koloru ................................................................................................... 59
Dynamika animacji ............................................................................................... 60
Zaawansowane opcje dynamiki ............................................................................ 61
Podskakujce panele ............................................................................................ 62
Kolejka animacji ................................................................................................... 65
acuchy metod ................................................................................................... 65
Zatrzymywanie acucha ...................................................................................... 66
Animowana nawigacja ......................................................................................... 67
Animowana nawigacja, wersja 2 .......................................................................... 69
Biblioteka jQuery UI .............................................................................................. 71
Daj si poruszy! .................................................................................................. 73
Przewijanie ................................................................................................................. 73
Zdarzenie przewijania ........................................................................................... 73
Pywajca nawigacja ............................................................................................ 74
Przewijanie dokumentu ........................................................................................ 75
Modyfikacja paska przewijania ............................................................................. 77
Zmiana rozmiaru ........................................................................................................ 78
Zdarzenie zmiany rozmiarów ................................................................................ 79
Elementy obsugujce zmian rozmiaru ................................................................ 81
Wanie tak si animuje, przewija i zmienia wymiary .................................................. 86
7
SPIS TRECI
Rozdzia 4. Ilustracje i pokazy slajdów ...................................................... 87
Lightbox ..................................................................................................................... 87
Wasna 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
Widet galerii obrazów w stylu iPhoto ................................................................ 115
Peny obraz .............................................................................................................. 120
Rozdzia 5. Menu, karty, dymki i panele ................................................. 121
Menu ....................................................................................................................... 121
Rozwijane menu pionowe .................................................................................. 122
Ikony stanu zwinicia lub rozwinicia menu ....................................................... 126
Rozwijanie menu po zatrzymaniu nad nim wskanika 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
Pojawiajcy 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 ktem wersji przegldarki (jest ze) ..................................... 164
Przyspieszony kurs technologii AJAX ........................................................................ 166
Czym jest AJAX? ................................................................................................. 166
adowanie zewntrznego kodu HTML ................................................................ 166
Rozszerzanie moliwoci odnoników za pomoc techniki hijax .......................... 167

Plik z chomika:

Inne pliki z tego folderu:

Inne foldery tego chomika:

Zgłoś jeśli naruszono regulamin