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.

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.

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.

Przykładowy film

Spis treści

Wprowadzenie

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

galeria