Lær jQuery i praksis
Lær jQuery i praksis — Lær jQuery på din telefon: skriv en kæde, og se en rigtig side reagere
Lær jQuery i praksis er en gratis iOS- og Android-app, du kan komme i gang med, som underviser begyndere, studerende og udviklere, der vedligeholder jQuery-websites, i jQuery JavaScript library — DOM-manipulation, events, effekter og AJAX. Hver lektion kombineres med en live-editor og en forhåndsvisning af siden, og jQuery 3.7.1 er indbygget, så det, du skriver, kører på telefonen, selv offline. En AI Mentor besvarer spørgsmål om en selector, en fejl eller et AJAX-kald.
- Pris
- Gratis, Pro-opgradering
- Platforme
- iOS og Android
- Sprog
- 22
- Aldersklassificering
- 4+
- Kræver
- iOS 15.1 eller nyere
Hvis du kender en CSS-selector, kender du allerede det meste af jQuery.
jQuery låner sine selectors fra CSS og lader dig kæde handlinger sammen på resultatet. Det gør jQuery til en blid første introduktion til DOM, events og asynkron kode – og til en praktisk færdighed til de mange eksisterende websites, der stadig er afhængige af det.
Hvad det er
Lær jQuery i praksis er en kursusapp til iOS og Android om jQuery JavaScript library. Den indeholder 22 kurser med 48 lektioner fra niveau A1 til C1, en live JavaScript-editor med en forhåndsvisning af siden, som kører på enheden med jQuery 3.7.1 indbygget, 20 debugging-missioner, 20 guidede HTML- og CSS-projekter, 50 interviewspørgsmål, 50 quizspørgsmål og et cheat sheet med 91 opslag. En AI Mentor forklarer selectors, fejl og AJAX-kald i et letforståeligt sprog.
Inde i appen
Sådan ser det ud
Kurset
Det dækker jQuery-kurset
Baseret på CoddyKit-kursets liste over jQuery-emner, fra det første $-kald til plugins, test og arbejde sammen med moderne JavaScript.
Velkommen til jQuery og de første trin
Hvad jQuery er, hvilket konkret problem det løste, og hvorfor så mange websites stadig bruger det, efterfulgt af den første kæde og det grundlæggende for begyndere.
Udvælgelse af elementer og DOM-navigation
Udvælgelse af elementer, derefter avancerede attribut- og pseudo-class-selectors samt navigation gennem DOM fra ét element til det næste.
DOM-manipulation og styling
Oprettelse, indsættelse, flytning og fjernelse af elementer på tværs af to kurser samt ændring af CSS og klasser fra kode.
Hændelser og delegering
Håndtering af hændelser, derefter event delegation for elementer, der tilføjes senere, samt håndtering af brugerdefinerede hændelser.
Animationer og effekter
Grundlæggende animationer, derefter komplekse animationer og brugerdefinerede effekter som kædede sekvenser og brugerdefineret easing.
Formularer, data og templating
Dynamisk indhold med dataattributter og templating samt avanceret formulardatahåndtering og validering.
AJAX, Deferred-objekter og promises
AJAX-operationer og håndtering af eksterne data, derefter Deferred-objekter og promises til håndtering af asynkron kode.
Plugins, ydeevne og test
Brugerdefinerede selectors og filtrering, udvikling af robuste plugins, ydeevne og best practices, integration af jQuery med moderne JavaScript samt test af jQuery-applikationer.
Sådan fungerer det
Sådan fungerer en lektion
Hver lektion placerer en kort forklaring ved siden af kode, som du selv kører, så idéen bliver afprøvet, før du går videre.
Læs én kort lektion
Åbn et emne, og læs en kort forklaring af en selector, et event eller en effekt. Lektionerne er korte nok til en bustur, og kurset bevæger sig fra den første kæde til plugins og testing.
Skriv kæden, og se siden reagere
I live-editoren skriver du HTML, CSS og jQuery og kører det hele på én gang. Editorens code køres igen, når du holder op med at skrive, uden en server og uden et build-trin, og forhåndsvisningen af siden viser resultatet.
Ret en fejl, og spørg derefter mentoren
Missioner giver dig ødelagt kode og beder dig finde fejlen: en click-handler, hvor this er window, en menu, der bliver ved med at glide, eller en lagring, der udløses to gange. Når et koncept eller en fejl ikke giver mening, forklarer AI Mentor det igen med enklere ord.
Hvad det indeholder
Dette følger med appen
22
Kurser, A1 til C1
22 kurser med 48 lektioner, der begynder med $-funktionen og din første kæde og fortsætter gennem selectors, DOM-manipulation, events, animationer, formularer, AJAX, plugins og performance.
3.7.1
jQuery indbygget
Forhåndsvisningen af siden kører på enheden med jQuery 3.7.1 inkluderet, så editoren også fungerer offline.
20
Debugging-missioner
Fejl, der føles virkelige, og som skal rettes, f.eks. en kæde, der ender i en string, eller en sletteknap, der kun virker på de første rækker.
20
Guidede sideprojekter
Tyve HTML- og CSS-projekter, der opbygger den markup, dine selectors senere skal arbejde med.
91
Cheat sheet og quizzer
Et cheat sheet med 91 opslag om selectors, events, effekter og AJAX-metoder samt 50 quizspørgsmål og 50 interviewspørgsmål.
AI
AI Mentor
Spørg om en selector, en fejl eller et AJAX-kald, og få et svar i et letforståeligt sprog. Gratisplanen inkluderer 3 spørgsmål om dagen.
Baggrund
Kan det stadig betale sig at lære jQuery, og hvad bruges det til?
jQuery er et JavaScript library, der gør det hurtigere at finde elementer på en webside, ændre dem, reagere på klik og indlæse data uden at genindlæse siden. Nyere frameworks har overtaget mange nye projekter, men en stor del af eksisterende websites kører stadig jQuery, så det er fortsat en praktisk færdighed inden for webudvikling at kunne læse, rette og udvide den kode. Det er også en blid måde at stifte bekendtskab med DOM, events og asynkron JavaScript på, før du går videre til større værktøjer.
$-funktionen og chainingén linje, flere handlinger
Når du kalder $ med en selector, returnerer den et jQuery-objekt, og næsten alle metoder returnerer det samme objekt igen. Det gør det muligt at skrive en kæde som at vælge en liste, tilføje en class og fade den ind på én læsbar linje i stedet for fire separate statements.
SelectorsCSS-viden kan genbruges
Class-, id-, attribute- og pseudo-class-selectors fungerer stort set, som de gør i et stylesheet. Traversal-metoder går derefter fra ét element til dets parents, children eller siblings, så du kan nå den rigtige række, når en side har hundredvis af ens rækker.
Event delegationløsningen til elementer, der tilføjes senere
En handler, der er knyttet til en knap, findes kun for knapper, der var til stede, da koden blev kørt. Hvis du knytter den til en parent og filtrerer efter selector, virker den også for rækker, der tilføjes bagefter. Det er en klassisk årsag til, at en sletteknap kun virker på gamle rækker.
Hvad this refererer tilen almindelig fejl
I en jQuery-handler er this det element, der modtog eventet, men en arrow function eller et callback, der er placeret forkert, kan ændre det. At debugge en handler, hvor this er blevet til window, er en typisk første rigtige fejl.
AJAX og promisesdata uden genindlæsning
$.ajax() sender en request og lader siden opdatere sig, når svaret kommer tilbage. Deferred objects og promises organiserer flere af disse requests, så ét trin venter på et andet i stedet for at indlejre callbacks.
Egnethed
Hvem det er til — og hvem det ikke er til
Det passer godt til dig, hvis du
- Kender lidt HTML og CSS og vil have sider til at reagere på klik og formularer
- Vedligeholder et website, der er bygget med jQuery, og har brug for at læse og rette koden
- Forbereder dig til en front-end-samtale, hvor ældre jQuery stadig dukker op
- Vil skrive kode på en telefon og se en forhåndsvisning af siden med det samme
- Lærer bedst i korte sessioner og kan lide en mentor, du kan stille spørgsmål
Det er ikke det rette værktøj, hvis du
- Vil lære et moderne framework som React; denne app underviser i jQuery og DOM
- Har brug for, at alle kurser er gratis: det første kursus, det første projekt og to missioner er gratis, og Pro låser resten op
- Forventer en gratis version uden reklamer, fordi Pro fjerner dem
Spørgsmål
Ofte stillede spørgsmål
Hvad er den bedste måde at lære jQuery på en telefon?
Den mest effektive måde er at skrive kode og se siden ændre sig – ikke kun at læse om selectors. Lær jQuery i praksis giver hver korte lektion en live-editor med en forhåndsvisning af siden, jQuery 3.7.1 er indbygget, så det kører på enheden, og en AI-mentor forklarer alt, der er uklart. Du kan komme gratis i gang på iOS og Android.
Er jQuery det samme som JavaScript?
Nej. JavaScript er programmeringssproget; jQuery er et bibliotek skrevet i JavaScript, som forkorter almindelige opgaver som at udvælge elementer, reagere på klik og sende AJAX-forespørgsler. Lær jQuery i praksis underviser i jQuery i en JavaScript-editor, så du øver dig i begge dele samtidig og ser, hvordan en kæde svarer til almindelig DOM-kode.
Kan det stadig betale sig at lære jQuery?
Til nye projekter vælger mange teams andre værktøjer, men en stor del af eksisterende websites kører stadig jQuery, så det er en praktisk færdighed at kunne læse og rette den kode. Det er også en nem vej ind i DOM, hændelser og asynkron JavaScript. Lær jQuery i praksis indeholder interviewspørgsmål til front-end-stillinger, hvor ældre jQuery stadig dukker op.
Findes Lær jQuery i praksis på iPhone og Android?
Ja. Lær jQuery i praksis fås i App Store til iPhone (iOS 15.1 eller nyere) og på Google Play til Android. Brugerfladen findes på 22 sprog, blandt andet engelsk, spansk, tysk, fransk, portugisisk, japansk, koreansk, arabisk, hindi og tyrkisk, mens den kode, du skriver, altid er jQuery og JavaScript, uanset sprog.
Kan jeg køre jQuery-kode offline i appen?
Ja, i editoren. jQuery 3.7.1 er indbygget i Lær jQuery i praksis, så forhåndsvisningen af siden kører på enheden, også offline. Funktioner, der bruger AI-mentoren, kræver en internetforbindelse.
Hvilke emner dækker jQuery-kurset?
De 22 kurser går fra $-funktionen og selectors gennem DOM-manipulation, styling, hændelser og delegation, animationer, formularer, AJAX, Deferred-objekter og promises. Derefter fortsætter de med brugerdefinerede selectors, skrivning af plugins, ydeevne, integration af jQuery med moderne JavaScript og test.
Hvad er debugging-missionerne?
Det er 20 øvelser, hvor du får udleveret ødelagt jQuery-kode og skal finde fejlen, sådan som det sker på arbejdet. Eksempler omfatter en klikhåndtering, hvor this er window, en kæde, der ender i en streng, en sletteknap, der kun virker på gamle rækker, en menu, der bliver ved med at glide, efter du har forladt den, og en lagring, der udløses to gange.
Skal jeg kunne JavaScript eller HTML i forvejen?
Lidt HTML og CSS hjælper, fordi jQuery-selectors arbejder på markup og henter inspiration fra CSS. Lær jQuery i praksis har også 20 guidede HTML- og CSS-sideprojekter, så du kan bygge den markup, dine selectors skal bruge. Kurset starter med den første kæde.
Er Lær jQuery i praksis gratis?
Du kan komme gratis i gang med det første kursus, det første guidede projekt, to missioner, editoren, quizzer, interviewspørgsmål, snydearket og 3 AI-mentor-spørgsmål om dagen. Den gratis version viser reklamer. Pro låser alle kurser, projekter og missioner, certifikateksamen og ubegrænset AI-mentor op og fjerner reklamer. Det tilbydes som et ugentligt, månedligt eller årligt abonnement eller som et engangskøb med livstidsadgang. En certifikateksamen i slutningen af kurset er en del af Pro.
Er appen tilknyttet jQuery?
Nej. jQuery er et varemærke tilhørende OpenJS Foundation, og Lær jQuery i praksis er en uafhængig læringsapp, som ikke er tilknyttet eller godkendt af OpenJS Foundation.
Kom i gang
Skriv din første jQuery-kæde i dag
Gratis at komme i gang på iOS og Android på 22 sprog.
Mere fra CoddyKit
Tilgængelig på iOS og Android.