jQuery to bardzo popularna biblioteka programistyczna, która znacznie przyspiesza i ułatwia pracę z kodem JavaScript. Za jej pomocą będziesz mógł wzbogacić swoją stronę WWW o ciekawe animacje, interaktywne formularze lub menu ułatwiające nawigację w złożonych serwisach. Wielką zaletą jQuery jest niezależność: skrypty napisane z użyciem tej biblioteki działają poprawnie pod każdą przeglądarką. Kolejna istotna zaleta to duża ilość rozszerzeń, które umożliwiają stworzenie w krótkim czasie takich elementów jak galerie, rozwijane menu, lightboxy, okna dialogowe itp. jQuery doskonale współpracuje z technologią AJAX co umożliwia tworzenie dynamicznych serwisów z zawartością aktualizowaną bez konieczności przeładowywania strony. jQuery jest nowoczesną technologią, która ciągle się rozwija i z roku na rok oferuje coraz większe możliwości. Znajomość tej biblioteki jest praktycznie niezbędna do tworzenia atrakcyjnych i przyjaznych dla użytkowników witryn.

Nasz kurs to doskonałe rozwiązanie dla osób, które chcą poznać tą wspaniałą bibliotekę. Stworzyliśmy go z myślą o praktycznym zastosowaniu jQuery na stronach WWW. Rozpoczniemy od omówienia podstawowych zagadnień: pokażemy skąd ściągnąć i jak odwołać się do plików biblioteki. Potem od razu przystąpimy do pracy i omówimy dziesiątki przykładów użycia jQuery.
Animowanie zawartości strony

Przede wszystkim dowiesz się jak manipulować dokumentem za pomocą skryptów. Zajmiemy się takimi zagadnieniami jak użycie selektorów, odczyt i modyfikacja atrybutów, a także zmiana właściwości CSS. Omówimy obsługę wielu różnych zdarzeń co umożliwi ci tworzenie interaktywnych stron reagujących na czynności wykonywane przez użytkownika.
Walidacja formularzy

Całą grupę rozdziałów poświęciliśmy na omówienie przykładów użycia jQuery w formularzach. Będziemy tworzyli skrypty, które sprawdzają poprawność danych oraz wzbogacają formularz o dodatkową funkcjonalność. Dodamy przy okazji do formularza interaktywne elementy np. pola, których rozmiar może modyfikować użytkownik.

jQuery oferuje także ciekawe możliwości tworzenia animacji oraz różnego rodzaju efektów. Będziemy ukrywali albo odsłaniali dowolny element strony w atrakcyjny sposób. Poznasz też różne sposoby łączenia animacji lub zmiany położenia elementów dokumentu.
Praktyczne projekty

Kluczowy aspekt kursu to duża liczba praktycznych projektów, które możesz zastosować na swoich witrynach. Pokażemy ci jak stworzyć rozwijane artykuły i przyjazne użytkownikowi menu. Dowiesz się również jak podzielić zawartość na zakładki oraz jak dodać możliwość usuwania artykułów od strony frontowej. Tego typu projekty są typowymi przykładami użycia biblioteki jQuery.
jQuery User Interface

Całą grupę rozdziałów poświęciliśmy na omówienie dodatkowej biblioteki jQuery User Interface. Ten doskonały dodatek pozwoli ci w krótkim czasie wzbogacić swoją stronę o gotowe komponenty np. kalendarz czy okno dialogowe. Opanujesz także kolejne sposoby tworzenia ciekawych animacji. Przy okazji utworzymy elementy z możliwością przeciągania, sortowania lub zmiany rozmiaru.
Slider, Lightbox, animowane menu

Wielką zaletą jQuery jest duża ilość gotowych rozwiązań. Przykłady gotowych komponentów, które omówimy w kursie to m.in. slider zmieniający automatycznie obrazki czy dodatek typu lightbox, który pozwala powiększać miniaturki zdjęć w atrakcyjny sposób. Pokażemy ci również jak wzbogacić swoją stronę o ciekawe menu stworzone przy użyciu popularnego dodatku LavaLamp.

Do kursu dołączyliśmy wszystkie pliki źródłowe dzięki czemu będziesz mógł rozpocząć naukę tuż po obejrzeniu kursu.

Jeśli chcesz tworzyć nowoczesne, interaktywne strony warto również zainteresować się językiem JavaScript, który możesz poznać z innym naszym kursem.

SPIS TREŚCI

1. Wstęp
    01:09
2. Biblioteka
    03:44
3. Pierwszy skrypt
    04:45
4. Osadzanie kodu
    04:11
5. Funkcja jQuery
    05:24
Manipulowanie dokumentem XHTML
    
6. Podstawowe selektory
    07:49
7. Selektory złożone
    08:22
8. Filtry
    10:11
9. Wybieranie atrybutów
    08:37
10. Wyszukiwanie
    04:09
11. Hierarchia elementów
    05:33
Modyfikowanie zawartości
    
12. Odczyt zawartości
    07:08
13. Wstawianie elementów
    05:58
14. Odczyt i modyfikacja atrybutów
    09:49
15. Odczyt i modyfikacja CSS
    05:58
16. Przypisywanie klas CSS
    09:35
17. CSS - edycja szerokości i wysokości
    03:36
18. Pozostałe zagadnienia
    04:14
Zdarzenia
    
19. Zdarzenia podstawy
    06:50
20. Zdarzenie MOUSEENTER
    08:40
21. Funkcja BIND
    07:24
22. Omówienie różnych zdarzeń
    05:47
23. Obiekt zdarzenia
    06:00
24. Metoda HOVER
    04:01
25. Przykład użycia zdarzeń
    06:26
jQuery w formularzach
    
26. Selektory w formularzu
    04:50
27. Zdarzenia formularza
    05:38
28. Walidacja formularza
    08:44
29. Pola typu CHECKBOX
    06:24
30. Aktywne pola
    05:52
31. Ukrywanie pól
    03:56
32. Wartości domyślne
    05:35
Tabele
    
33. Modyfikacja wyglądu
    05:37
34. Modyfikacja struktury tabeli
    07:36
Animacje i efekty
    
35. Wstęp do animacji
    05:32
36. Parametry animacji
    05:09
37. Animacja FADE
    06:11
38. Animacja SLIDE
    04:37
39. Łączenie animacji
    05:05
40. Tworzenie własnej animacji
    07:49
41. Animacja pozycji
    06:55
Praktyczne projekty
    
42. Rozwijana zawartość
    07:02
43. Powiększanie obrazków
    09:17
44. Rozwijane artykuły
    08:49
45. Ukrywanie zawartości
    07:13
46. Wysuwanie elementów
    04:40
47. Rozwijane menu
    05:15
48. Harmonijka
    08:32
49. Treść podzielona na karty
    10:39
jQuery UI
    
50. Omówienie biblioteki jQuery UI
    02:46
51. Instalacja
    06:02
52. Skalowanie elementów na stronie
    06:00
53. Przeciąganie zawartości strony
    05:41
54. Sortowanie zawartości listy
    04:55
55. Animacja kolorów
    05:16
56. Efekty z biblioteki UI
    05:00
57. Okna dialogowe
    06:53
58. Kalendarz
    06:28
59. Formatowanie komponentów UI
    04:20
Pluginy
    
60. Lightbox
    07:00
61. Animowany slider
    10:15
62. jQuery Easing
    05:23
63. Menu LavaLamp
    07:37