Lär dig jQuery i praktiken
Lär dig jQuery i praktiken — Lär dig jQuery på mobilen: skriv en kedja och se en riktig sida reagera
Lär dig jQuery i praktiken är en iOS- och Android-app som är gratis att börja använda och lär ut jQuery JavaScript-biblioteket — DOM-manipulation, händelser, effekter och AJAX — till nybörjare, studenter och utvecklare som underhåller jQuery-webbplatser. Varje lektion kombineras med en live-editor och sidförhandsvisning, och jQuery 3.7.1 finns inbyggt, så det du skriver körs på mobilen, även offline. En AI Mentor svarar på frågor om en selector, ett fel eller ett AJAX-anrop.
- Pris
- Gratis, uppgradering till Pro
- Plattformar
- iOS och Android
- Språk
- 22
- Åldersgräns
- 4+
- Kräver
- iOS 15.1 eller senare
Om du kan en CSS-selector kan du redan det mesta av jQuery.
jQuery hämtar sina selectors från CSS och låter dig kedja åtgärder på resultatet. Det gör jQuery till en mjuk första kontakt med DOM, händelser och asynkron kod, samt en praktisk färdighet för de många befintliga webbplatser som fortfarande är beroende av det.
Vad det är
Lär dig jQuery i praktiken är en kursapp för iOS och Android om jQuery JavaScript-biblioteket. Den innehåller 22 kurser med 48 lektioner från nivå A1 till C1, en live-editor för JavaScript med en sidförhandsvisning som körs på enheten med jQuery 3.7.1 inbyggt, 20 felsökningsuppdrag, 20 guidade HTML- och CSS-projekt, 50 intervjufrågor, 50 quizfrågor och ett fuskblad med 91 poster. En AI Mentor förklarar selectors, fel och AJAX-anrop på ett enkelt språk.
I appen
Så här ser det ut
Kursen
Det här omfattar jQuery-kursen
Baserat på CoddyKits kurslista för jQuery, från det första $-anropet till plugins, testning och arbete tillsammans med modern JavaScript.
Välkommen till jQuery och de första stegen
Vad jQuery är, vilket verkligt problem det löste och varför så många webbplatser fortfarande använder det, följt av en första kedja och grunderna för nybörjare.
Välja element och navigera i DOM
Välja element, sedan avancerade attribut- och pseudoklassväljare samt navigera genom DOM från ett element till nästa.
DOM-manipulering och styling
Skapa, infoga, flytta och ta bort element i två kurser, samt ändra CSS och klasser från kod.
Händelser och delegering
Händelsehantering, sedan händelsedelegering för element som läggs till senare och hantering av anpassade händelser.
Animationer och effekter
Grundläggande animationer, sedan avancerade animationer och anpassade effekter som kedjade sekvenser och anpassad easing.
Formulär, data och mallar
Dynamiskt innehåll med dataattribut och mallar, samt avancerad formulärhantering och validering.
AJAX, Deferred-objekt och promises
AJAX-operationer och hantering av fjärrdata, sedan Deferred-objekt och promises för att hantera asynkron kod.
Plugins, prestanda och testning
Anpassade väljare och filtrering, utveckling av robusta plugins, prestanda och bästa praxis, integrering av jQuery med modern JavaScript samt testning av jQuery-applikationer.
Så fungerar det
Så fungerar en lektion
Varje lektion placerar en kort förklaring bredvid kod som du kör själv, så att idén testas innan du går vidare.
Läs en kort lektion
Öppna ett ämne och läs en kort förklaring av en selector, en händelse eller en effekt. Lektionerna är tillräckligt korta för en bussresa, och kursen går från den första kedjan vidare till plugins och testning.
Skriv kedjan och se sidan reagera
I live-editorn skriver du HTML, CSS och jQuery och kör allt direkt. Editorn kör om koden när du slutar skriva, utan server och utan något build-steg, och sidförhandsvisningen visar resultatet.
Fixa ett fel och fråga sedan mentorn
I uppdragen får du trasig kod och ska hitta felet: en klickhanterare där this är window, en meny som fortsätter att glida eller en sparfunktion som körs två gånger. När ett koncept eller ett fel inte känns begripligt förklarar AI Mentor det igen med enklare ord.
Det här ingår
Det här ingår i appen
22
Kurser, A1 till C1
22 kurser med 48 lektioner som börjar med $-funktionen och din första kedja och fortsätter genom selectors, DOM-manipulation, händelser, animationer, formulär, AJAX, plugins och prestanda.
3.7.1
jQuery inbyggt
Sidförhandsvisningen körs på enheten med jQuery 3.7.1 inkluderat, så editorn fungerar även offline.
20
Felsökningsuppdrag
Realistiska fel att åtgärda, till exempel en kedja som slutar i en sträng eller en raderingsknapp som bara fungerar på de första raderna.
20
Guidade sidprojekt
Tjugo HTML- och CSS-projekt som bygger upp den markup som dina selectors senare ska arbeta med.
91
Fuskblad och quiz
Ett fuskblad med 91 poster om selectors, händelser, effekter och AJAX-metoder, samt 50 quizfrågor och 50 intervjufrågor.
AI
AI Mentor
Fråga om en selector, ett fel eller ett AJAX-anrop och få ett svar på ett enkelt språk. Gratisplanen innehåller 3 frågor per dag.
Bakgrund
Är jQuery fortfarande värt att lära sig, och vad används det till?
jQuery är ett JavaScript-bibliotek som gör det kortare att välja element på en webbsida, ändra dem, reagera på klick och läsa in data utan att ladda om sidan. Nyare ramverk har tagit över många nya projekt, men en stor andel av befintliga webbplatser använder fortfarande jQuery. Därför är det fortfarande en praktisk färdighet inom webbutveckling att läsa, åtgärda och bygga vidare på sådan kod. Det är också ett mjukt sätt att bekanta sig med DOM, händelser och asynkron JavaScript innan du går vidare till större verktyg.
$-funktionen och kedjningen rad, flera åtgärder
När du anropar $ med en selector returneras ett jQuery-objekt, och nästan varje metod returnerar samma objekt igen. Det gör det möjligt att skriva en kedja som väljer en lista, lägger till en klass och tonar fram den på en lättläst rad i stället för fyra separata instruktioner.
SelectorsCSS-kunskaperna följer med
Selectors för klasser, id:n, attribut och pseudoklasser fungerar ungefär som i ett stylesheet. Traverseringsmetoder går sedan från ett element till dess föräldrar, barn eller syskon, vilket gör att du kan hitta rätt rad när en sida innehåller hundratals liknande rader.
Händelsedelegeringlösningen för element som läggs till senare
En händelsehanterare som kopplas till en knapp finns bara för knappar som fanns när koden kördes. Om du kopplar den till ett överordnat element och filtrerar med en selector fungerar den även för rader som läggs till senare. Det är en klassisk orsak till att en raderingsknapp bara fungerar på gamla rader.
Vad this syftar påett vanligt fel
I en jQuery-händelsehanterare är this elementet som tog emot händelsen, men en arrow function eller en felplacerad callback kan ändra det. Att felsöka en händelsehanterare där this har blivit window är ett typiskt första riktiga fel.
AJAX och promisesdata utan omladdning
$.ajax() skickar en förfrågan och låter sidan uppdateras när svaret kommer tillbaka. Deferred objects och promises samordnar flera sådana förfrågningar, så att ett steg väntar på ett annat i stället för att callbacks nästlas.
Passar
Vem den är till för – och vem den inte är till för
Passar bra om du
- Kan lite HTML och CSS och vill få sidor att reagera på klick och formulär
- Underhåller en webbplats som bygger på jQuery och behöver läsa och rätta dess kod
- Förbereder dig för en frontendintervju där äldre jQuery fortfarande förekommer
- Vill skriva kod på en telefon och se en sidförhandsvisning direkt
- Lär dig bäst i korta pass och vill ha en mentor som du kan ställa frågor till
Inte rätt verktyg om du
- Vill lära dig ett modernt ramverk som React; den här appen lär ut jQuery och DOM
- Behöver att hela kursen är kostnadsfri: den första kursen, det första projektet och två uppdrag är gratis, och Pro låser upp resten
- Förväntar dig en kostnadsfri version utan annonser, eftersom Pro tar bort dem
Frågor
Vanliga frågor
Vilket är det bästa sättet att lära sig jQuery på en telefon?
Det effektivaste sättet är att skriva kod och se sidan förändras, inte bara läsa om väljare. Lär dig jQuery i praktiken ger varje kort lektion en live-redigerare med sidförhandsvisning. jQuery 3.7.1 är inbyggt så att det körs på enheten, och en AI Mentor förklarar allt som är oklart. Du kan börja gratis på iOS och Android.
Är jQuery samma sak som JavaScript?
Nej. JavaScript är programmeringsspråket, medan jQuery är ett bibliotek skrivet i JavaScript som förenklar vanliga uppgifter som att välja element, reagera på klick och skicka AJAX-förfrågningar. Lär dig jQuery i praktiken lär ut jQuery i en JavaScript-redigerare, så att du övar på båda samtidigt och ser hur en kedja motsvarar vanlig DOM-kod.
Är jQuery fortfarande värt att lära sig?
För nya projekt väljer många team andra verktyg, men en stor andel av befintliga webbplatser använder fortfarande jQuery. Därför är det en praktisk färdighet att kunna läsa och rätta sådan kod. Det är också en enkel väg in i DOM, händelser och asynkron JavaScript. Lär dig jQuery i praktiken innehåller intervjufrågor för frontendjobb där äldre jQuery fortfarande dyker upp.
Finns Lär dig jQuery i praktiken på iPhone och Android?
Ja. Lär dig jQuery i praktiken finns på App Store för iPhone (iOS 15.1 eller senare) och på Google Play för Android. Gränssnittet finns på 22 språk, bland annat engelska, spanska, tyska, franska, portugisiska, japanska, koreanska, arabiska, hindi och turkiska, medan koden du skriver förblir jQuery och JavaScript på alla språk.
Kan jag köra jQuery-kod offline i appen?
Ja, i redigeraren. jQuery 3.7.1 är inbyggt i Lär dig jQuery i praktiken, så sidförhandsvisningen körs på enheten även offline. Funktioner som använder AI Mentor kräver internetanslutning.
Vilka ämnen omfattar jQuery-kursen?
De 22 kurserna sträcker sig från $-funktionen och väljare till DOM-manipulering, styling, händelser och delegering, animationer, formulär, AJAX, Deferred-objekt och promises. Därefter följer anpassade väljare, att skriva plugins, prestanda, integrering av jQuery med modern JavaScript och testning.
Vad är felsökningsuppdragen?
Det är 20 övningar där du får trasig jQuery-kod och ska hitta felet, precis som det kan gå till på jobbet. Exemplen omfattar en klickhanterare där this är window, en kedja som slutar i en sträng, en raderingsknapp som bara fungerar på gamla rader, en meny som fortsätter att glida när du har lämnat den och en sparåtgärd som körs två gånger.
Behöver jag kunna JavaScript eller HTML först?
Lite HTML och CSS hjälper, eftersom jQuery-väljare arbetar med markup och bygger på CSS. Lär dig jQuery i praktiken innehåller också 20 guidade HTML- och CSS-projekt för sidor, så att du kan bygga den markup som dina väljare ska använda. Kursen börjar med den första kedjan.
Är Lär dig jQuery i praktiken gratis?
Du kan börja gratis: den första kursen, det första guidade projektet, två uppdrag, redigeraren, quiz, intervjufrågor, fusklappen och 3 frågor till AI Mentor per dag. Den kostnadsfria versionen visar annonser. Pro låser upp alla kurser, projekt och uppdrag, certifieringsprovet och obegränsad AI Mentor, samt tar bort annonserna. Det erbjuds som en prenumeration varje vecka, månad eller år, eller som ett engångsköp med livstidsåtkomst. Ett certifieringsprov i slutet av kursen ingår i Pro.
Har appen någon koppling till jQuery?
Nej. jQuery är ett varumärke som tillhör OpenJS Foundation, och Lär dig jQuery i praktiken är en fristående utbildningsapp som inte är ansluten till eller godkänd av OpenJS Foundation.
Kom igång
Skriv din första jQuery-kedja redan idag
Gratis att komma igång på iOS och Android, på 22 språk.
Mer från CoddyKit
Tillgänglig på iOS och Android.