Ucz się jQuery
Ucz się jQuery — Nauka jQuery na telefonie: napisz łańcuch i zobacz, jak prawdziwa strona reaguje
Ucz się jQuery to bezpłatna na start aplikacja na iOS i Android, która uczy biblioteki JavaScript jQuery — manipulowania DOM, obsługi zdarzeń, efektów i AJAX — początkujących, studentów oraz programistów utrzymujących strony jQuery. Każda lekcja jest połączona z edytorem na żywo i podglądem strony, a jQuery 3.7.1 jest wbudowane, więc to, co napiszesz, działa na telefonie, nawet offline. Mentor AI odpowiada na pytania dotyczące selektora, błędu lub wywołania AJAX.
- Cena
- Bezpłatnie, aktualizacja do Pro
- Platformy
- iOS i Android
- Języki
- 22
- Klasyfikacja wiekowa
- 4+
- Wymaga
- iOS 15.1 lub nowszy
Jeśli znasz selektor CSS, znasz już większość jQuery.
jQuery zapożycza selektory z CSS i pozwala łączyć działania wykonywane na wyniku. Dzięki temu jest łagodnym wprowadzeniem do DOM, zdarzeń i kodu asynchronicznego, a także praktyczną umiejętnością przydatną w wielu istniejących witrynach, które wciąż korzystają z jQuery.
Co to jest
Ucz się jQuery to aplikacja-kurs na iOS i Android poświęcona bibliotece JavaScript jQuery. Zawiera 22 kursy z 48 lekcjami na poziomach od A1 do C1, edytor JavaScript na żywo z podglądem strony działającym na urządzeniu i z wbudowanym jQuery 3.7.1, 20 misji debugowania, 20 projektów HTML i CSS prowadzonych krok po kroku, 50 pytań rekrutacyjnych, 50 pytań quizowych oraz ściągawkę z 91 hasłami. Mentor AI wyjaśnia selektory, błędy i wywołania AJAX prostym językiem.
W aplikacji
Jak to wygląda
Kurs
Zakres kursu jQuery
Na podstawie listy kursów jQuery w CoddyKit: od pierwszego wywołania $ po pluginy, testowanie i pracę z nowoczesnym JavaScript.
Witamy w jQuery — pierwsze kroki
Czym jest jQuery, jaki rzeczywisty problem rozwiązało i dlaczego wciąż korzysta z niego tak wiele stron, a następnie pierwsze wywołanie łańcuchowe i podstawy dla początkujących.
Wybieranie elementów i poruszanie się po DOM
Wybieranie elementów, następnie zaawansowane selektory atrybutów i pseudoklas oraz poruszanie się po DOM od jednego elementu do kolejnego.
Modyfikowanie DOM i stylowanie
Tworzenie, wstawianie, przenoszenie i usuwanie elementów w ramach dwóch kursów oraz zmienianie CSS i klas z poziomu kodu.
Zdarzenia i delegowanie
Obsługa zdarzeń, następnie delegowanie zdarzeń dla elementów dodanych później oraz obsługa zdarzeń niestandardowych.
Animacje i efekty
Podstawowe animacje, a następnie złożone animacje i niestandardowe efekty, takie jak sekwencje łańcuchowe i niestandardowe funkcje easing.
Formularze, dane i szablony
Dynamiczna zawartość z użyciem atrybutów danych i szablonów, a także zaawansowana obsługa i walidacja formularzy.
AJAX, obiekty Deferred i promises
Operacje AJAX i obsługa zdalnych danych, a następnie obiekty Deferred i promises do zarządzania kodem asynchronicznym.
Pluginy, wydajność i testowanie
Niestandardowe selektory i filtrowanie, tworzenie solidnych pluginów, wydajność i dobre praktyki, integracja jQuery z nowoczesnym JavaScript oraz testowanie aplikacji jQuery.
Jak to działa
Jak działa lekcja
Każda lekcja łączy krótkie wyjaśnienie z kodem uruchamianym przez Ciebie, dzięki czemu sprawdzasz daną koncepcję, zanim przejdziesz dalej.
Przeczytaj jedną krótką lekcję
Otwórz temat i przeczytaj krótkie wyjaśnienie selektora, zdarzenia lub efektu. Lekcje są na tyle krótkie, że możesz przerobić je w drodze autobusem, a kurs prowadzi od pierwszego łańcucha aż po wtyczki i testowanie.
Napisz łańcuch i zobacz, jak strona reaguje
W edytorze na żywo piszesz HTML, CSS i jQuery, a następnie uruchamiasz je jednocześnie. Edytor ponownie uruchamia kod, gdy przestajesz pisać — bez serwera i bez etapu budowania — a podgląd strony pokazuje wynik.
Napraw błąd, a potem zapytaj mentora
Misje dają Ci uszkodzony kod i proszą o znalezienie usterki: procedurę obsługi kliknięcia, w której this jest obiektem window, menu, które wciąż się wysuwa, albo zapis uruchamiany dwukrotnie. Gdy jakaś koncepcja lub błąd jest niezrozumiały, Mentor AI wyjaśnia go ponownie prostszymi słowami.
Co zawiera
Co zawiera aplikacja
22
Kursy od A1 do C1
22 kursy z 48 lekcjami, które zaczynają się od funkcji $ i pierwszego łańcucha, a następnie prowadzą przez selektory, manipulowanie DOM, zdarzenia, animacje, formularze, AJAX, wtyczki i wydajność.
3.7.1
Wbudowane jQuery
Podgląd strony działa na urządzeniu z dołączonym jQuery 3.7.1, więc edytor działa także offline.
20
Misje debugowania
Błędy przypominające te z prawdziwych projektów do naprawienia, na przykład łańcuch kończący się ciągiem znaków albo przycisk usuwania działający tylko przy pierwszych wierszach.
20
Projekty stron prowadzone krok po kroku
Dwadzieścia projektów HTML i CSS, które tworzą strukturę, na której później będą działać Twoje selektory.
91
Ściągawka i quizy
Ściągawka z 91 hasłami dotyczącymi selektorów, zdarzeń, efektów i metod AJAX, a także 50 pytań quizowych i 50 pytań rekrutacyjnych.
AI
Mentor AI
Zapytaj o selektor, błąd lub wywołanie AJAX i otrzymaj odpowiedź prostym językiem. Plan bezpłatny obejmuje 3 pytania dziennie.
Wprowadzenie
Czy warto jeszcze uczyć się jQuery i do czego się go używa?
jQuery to biblioteka JavaScript, która pozwala krócej wybierać elementy na stronie internetowej, zmieniać je, reagować na kliknięcia i ładować dane bez ponownego wczytywania strony. Nowsze frameworki przejęły wiele nowych projektów, ale duża część istniejących witryn nadal korzysta z jQuery, więc czytanie, naprawianie i rozwijanie takiego kodu wciąż jest praktyczną umiejętnością tworzenia stron internetowych. To także łagodny sposób na poznanie DOM, zdarzeń i asynchronicznego JavaScript przed przejściem do większych narzędzi.
Funkcja $ i łańcuchyjedna linia, kilka działań
Wywołanie $ z selektorem zwraca obiekt jQuery, a niemal każda metoda ponownie zwraca ten obiekt. Dzięki temu można utworzyć łańcuch, który wybiera listę, dodaje klasę i płynnie ją pokazuje w jednej czytelnej linii zamiast w czterech osobnych instrukcjach.
SelektoryWiedza o CSS przydaje się także tutaj
Selektory klas, identyfikatorów, atrybutów i pseudoklas działają podobnie jak w arkuszu stylów. Następnie metody poruszania się po strukturze przechodzą od jednego elementu do jego rodziców, dzieci lub rodzeństwa, dzięki czemu można dotrzeć do właściwego wiersza, gdy strona zawiera setki podobnych elementów.
Delegowanie zdarzeńrozwiązanie dla elementów dodanych później
Procedura obsługi przypięta do przycisku istnieje tylko dla przycisków obecnych w chwili wykonania kodu. Przypięcie jej do elementu nadrzędnego i filtrowanie według selektora sprawia, że działa także dla wierszy dodanych później — to klasyczna przyczyna sytuacji, w której przycisk usuwania działa tylko przy starych wierszach.
Do czego odnosi się thisczęsty błąd
W procedurze obsługi jQuery this oznacza element, który otrzymał zdarzenie, ale funkcja strzałkowa lub nieprawidłowo umieszczony callback może to zmienić. Debugowanie procedury, w której this stało się obiektem window, to typowy pierwszy prawdziwy błąd.
AJAX i promisesdane bez ponownego wczytywania
$.ajax() wysyła żądanie i pozwala zaktualizować stronę po otrzymaniu odpowiedzi. Obiekty Deferred i promises porządkują kilka takich żądań, dzięki czemu jeden krok czeka na zakończenie poprzedniego zamiast zagnieżdżać callbacki.
Dopasowanie
Dla kogo jest — i dla kogo nie jest
To dobry wybór, jeśli
- Znasz trochę HTML i CSS i chcesz, aby strony reagowały na kliknięcia i formularze
- Utrzymujesz stronę opartą na jQuery i musisz czytać oraz naprawiać jej kod
- Przygotowujesz się do rozmowy rekrutacyjnej na stanowisko front end, na której wciąż pojawia się starszy jQuery
- Chcesz pisać kod na telefonie i od razu oglądać podgląd strony
- Najlepiej uczysz się podczas krótkich sesji i lubisz mentora, któremu możesz zadawać pytania
To nie jest odpowiednie narzędzie, jeśli
- Chcesz nauczyć się nowoczesnego frameworka, takiego jak React; ta aplikacja uczy jQuery i DOM
- Potrzebujesz, aby wszystkie kursy były bezpłatne: pierwszy kurs, pierwszy projekt i dwie misje są bezpłatne, a Pro odblokowuje pozostałe
- Oczekujesz bezpłatnej wersji bez reklam, ponieważ Pro je usuwa
Pytania
Najczęściej zadawane pytania
Jaki jest najlepszy sposób na naukę jQuery na telefonie?
Najskuteczniej jest pisać kod i obserwować zmiany na stronie, a nie tylko czytać o selektorach. Ucz się jQuery daje każdej krótkiej lekcji edytor na żywo z podglądem strony, ma wbudowane jQuery 3.7.1, więc kod działa na urządzeniu, a AI Mentor wyjaśnia wszystko, co jest niejasne. Możesz rozpocząć naukę bezpłatnie na iOS i Android.
Czy jQuery to to samo co JavaScript?
Nie. JavaScript to język programowania, a jQuery to biblioteka napisana w JavaScript, która skraca wykonywanie typowych zadań, takich jak wybieranie elementów, reagowanie na kliknięcia i wysyłanie żądań AJAX. Ucz się jQuery uczy jQuery w edytorze JavaScript, dzięki czemu ćwiczysz oba rozwiązania jednocześnie i widzisz, jak łańcuch przekłada się na zwykły kod DOM.
Czy warto jeszcze uczyć się jQuery?
W nowych projektach wiele zespołów wybiera inne narzędzia, ale duża część istniejących stron nadal działa z jQuery, więc czytanie i naprawianie takiego kodu to praktyczna umiejętność. To także łatwy sposób na poznanie DOM, zdarzeń i asynchronicznego JavaScript. Ucz się jQuery zawiera pytania rekrutacyjne na stanowiska front end, na których starszy jQuery wciąż się pojawia.
Czy Ucz się jQuery jest dostępne na iPhone i Android?
Tak. Ucz się jQuery jest dostępne w App Store na iPhone (iOS 15.1 lub nowszy) oraz w Google Play na Android. Interfejs jest dostępny w 22 językach, między innymi po angielsku, hiszpańsku, niemiecku, francusku, portugalsku, japońsku, koreańsku, arabsku, hindi i turecku, natomiast pisany przez Ciebie kod pozostaje jQuery i JavaScript w każdym języku.
Czy mogę uruchamiać kod jQuery offline w aplikacji?
Tak, w edytorze. jQuery 3.7.1 jest wbudowane w Ucz się jQuery, więc podgląd strony działa na urządzeniu nawet offline. Funkcje korzystające z AI Mentor wymagają połączenia z internetem.
Jakie zagadnienia obejmuje kurs jQuery?
22 kursy prowadzą od funkcji $ i selektorów przez modyfikowanie DOM, stylowanie, zdarzenia i delegowanie, animacje, formularze, AJAX, obiekty Deferred i promises. Następnie obejmują niestandardowe selektory, pisanie pluginów, wydajność, integrację jQuery z nowoczesnym JavaScript oraz testowanie.
Czym są misje debugowania?
To 20 ćwiczeń, w których otrzymujesz zepsuty kod jQuery i masz znaleźć błąd — dokładnie tak, jak zdarza się to w pracy. Przykłady obejmują handler kliknięcia, w którym this wskazuje na window, łańcuch kończący się na ciągu znaków, przycisk usuwania działający tylko dla starych wierszy, menu, które nadal się wysuwa po opuszczeniu strony, oraz zapis uruchamiający się dwukrotnie.
Czy muszę wcześniej znać JavaScript lub HTML?
Podstawowa znajomość HTML i CSS pomaga, ponieważ selektory jQuery działają na znacznikach i czerpią z CSS. Ucz się jQuery zawiera także 20 prowadzonych projektów stron w HTML i CSS, dzięki którym zbudujesz znaczniki wykorzystywane przez swoje selektory. Kurs rozpoczyna się od pierwszego wywołania łańcuchowego.
Czy Ucz się jQuery jest bezpłatne?
Możesz rozpocząć bezpłatnie: pierwszy kurs, pierwszy prowadzony projekt, dwie misje, edytor, quizy, pytania rekrutacyjne, ściągę oraz 3 pytania do AI Mentor dziennie. Bezpłatna wersja wyświetla reklamy. Pro odblokowuje wszystkie kursy, projekty i misje, egzamin certyfikacyjny oraz nielimitowany dostęp do AI Mentor, a także usuwa reklamy. Dostęp jest oferowany w ramach subskrypcji tygodniowej, miesięcznej lub rocznej albo jako jednorazowy zakup dożywotni. Egzamin certyfikacyjny na końcu kursu jest częścią Pro.
Czy aplikacja jest powiązana z jQuery?
Nie. jQuery jest znakiem towarowym OpenJS Foundation, a Ucz się jQuery to niezależna aplikacja edukacyjna, która nie jest powiązana z OpenJS Foundation ani przez nią rekomendowana.
Zacznij
Napisz dziś swój pierwszy łańcuch jQuery
Zacznij za darmo na iOS i Androidzie, w 22 językach.
Więcej od CoddyKit
Dostępna na iOS i Android.