Lær jQuery i praksis
Lær jQuery i praksis — Lær jQuery på telefonen: skriv en kjede og se en ekte side reagere
Lær jQuery i praksis er en iOS- og Android-app som er gratis å komme i gang med, og som lærer nybegynnere, studenter og utviklere som vedlikeholder jQuery-nettsteder om jQuery JavaScript-biblioteket — DOM-manipulering, hendelser, effekter og AJAX. Hver leksjon har en editor og forhåndsvisning av siden som kjører koden direkte, og jQuery 3.7.1 er innebygd, slik at det du skriver kjører på telefonen, også uten nett. En AI Mentor svarer på spørsmål om en selektor, en feil eller et AJAX-kall.
- Pris
- Gratis, oppgradering til Pro
- Plattformer
- iOS og Android
- Språk
- 22
- Aldersgrense
- 4+
- Krever
- iOS 15.1 eller nyere
Hvis du kjenner en CSS-selektor, kan du allerede det meste av jQuery.
jQuery låner selektorene sine fra CSS og lar deg kjede handlinger sammen på resultatet. Det gjør jQuery til en lett introduksjon til DOM, hendelser og asynkron kode, og til en praktisk ferdighet for de mange eksisterende nettstedene som fortsatt er avhengige av det.
Hva det er
Lær jQuery i praksis er en kursapp for iOS og Android om jQuery JavaScript-biblioteket. Den inneholder 22 kurs med 48 leksjoner fra nivå A1 til C1, en JavaScript-editor med forhåndsvisning av siden som kjører på enheten med jQuery 3.7.1 innebygd, 20 feilsøkingsoppdrag, 20 veiledede HTML- og CSS-prosjekter, 50 intervjuspørsmål, 50 quizspørsmål og et jukseark med 91 oppføringer. En AI Mentor forklarer selektorer, feil og AJAX-kall med et enkelt språk.
Inne i appen
Slik ser den ut
Kurset
Dette dekker jQuery-kurset
Basert på kurslisten for jQuery fra CoddyKit, fra det første $-kallet til plugins, testing og bruk sammen med moderne JavaScript.
Velkommen til jQuery og de første stegene
Hva jQuery er, hvilket reelt problem det løste og hvorfor så mange nettsteder fortsatt bruker det, etterfulgt av den første kjeden og det grunnleggende for nybegynnere.
Velge elementer og DOM-traversering
Velge elementer, deretter avanserte attributt- og pseudo-class-selectors, og bevege seg gjennom DOM fra ett element til det neste.
DOM-manipulering og styling
Opprette, sette inn, flytte og fjerne elementer i to kurs, samt endre CSS og klasser fra kode.
Events og delegering
Eventhåndtering, deretter event-delegering for elementer som legges til senere, samt håndtering av egendefinerte events.
Animasjoner og effekter
Grunnleggende animasjoner, deretter komplekse animasjoner og egendefinerte effekter som kjedede sekvenser og egendefinert easing.
Skjemaer, data og templating
Dynamisk innhold med dataattributter og templating, samt avansert skjemahåndtering og validering.
AJAX, Deferred objects og promises
AJAX-operasjoner og håndtering av eksterne data, deretter Deferred objects og promises for å håndtere asynkron kode.
Plugins, ytelse og testing
Egendefinerte selectors og filtrering, utvikling av robuste plugins, ytelse og best practices, integrering av jQuery med moderne JavaScript og testing av jQuery-applikasjoner.
Slik fungerer det
Slik fungerer en leksjon
Hver leksjon setter en kort forklaring ved siden av kode du kjører selv, slik at ideen blir testet før du går videre.
Les én kort leksjon
Åpne et emne og les en kort forklaring av en selektor, en hendelse eller en effekt. Leksjonene er korte nok til en busstur, og kurset går fra den første kjeden videre til plugins og testing.
Skriv kjeden og se siden reagere
I live-editoren skriver du HTML, CSS og jQuery og kjører alt med én gang. Editorens kode kjøres på nytt når du slutter å skrive, uten server og uten build-steg, og forhåndsvisningen av siden viser resultatet.
Rett en feil, og spør deretter mentoren
Oppdragene gir deg ødelagt kode og ber deg finne feilen: en klikkbehandler der this er window, en meny som fortsetter å gli, eller en lagring som utløses to ganger. Når et konsept eller en feil er vanskelig å forstå, forklarer AI Mentor det på nytt med enklere ord.
Hva den inneholder
Dette følger med appen
22
Kurs, A1 til C1
22 kurs med 48 leksjoner som starter med $-funksjonen og den første kjeden din, og fortsetter gjennom selektorer, DOM-manipulering, hendelser, animasjoner, skjemaer, AJAX, plugins og ytelse.
3.7.1
jQuery innebygd
Forhåndsvisningen av siden kjører på enheten med jQuery 3.7.1 inkludert, så editoren fungerer også uten nett.
20
Feilsøkingsoppdrag
Realistiske feil å rette, for eksempel en kjede som ender i en streng, eller en sletteknapp som bare fungerer på de første radene.
20
Veiledede sideprosjekter
20 HTML- og CSS-prosjekter som bygger opp markupen selektorene dine senere skal jobbe med.
91
Jukseark og quizer
Et jukseark med 91 oppføringer om selektorer, hendelser, effekter og AJAX-metoder, samt 50 quizspørsmål og 50 intervjuspørsmål.
AI
AI Mentor
Spør om en selektor, en feil eller et AJAX-kall, og få svar med et enkelt språk. Gratisabonnementet inkluderer 3 spørsmål per dag.
Bakgrunn
Er jQuery fortsatt verdt å lære, og hva brukes det til?
jQuery er et JavaScript-bibliotek som gjør det kortere å finne elementer på en nettside, endre dem, reagere på klikk og laste inn data uten å laste siden på nytt. Nyere rammeverk har tatt over mange nye prosjekter, men en stor andel eksisterende nettsteder bruker fortsatt jQuery. Derfor er det fortsatt en praktisk ferdighet innen webutvikling å kunne lese, fikse og videreutvikle slik kode. Det er også en enkel måte å bli kjent med DOM, hendelser og asynkron JavaScript på før du går videre til større verktøy.
$-funksjonen og kjedingén linje, flere handlinger
Når du kaller $ med en selektor, returnerer den et jQuery-objekt, og nesten alle metoder returnerer dette objektet igjen. Det gjør det mulig å skrive en kjede som velger en liste, legger til en klasse og fader den inn på én lesbar linje i stedet for fire separate instruksjoner.
SelektorerCSS-kunnskap kan brukes videre
Selektorer for klasser, id-er, attributter og pseudoklasser fungerer omtrent slik de gjør i et stilark. Traverseringsmetoder går deretter fra ett element til foreldrene, barna eller søsknene, slik at du finner riktig rad når en side har hundrevis av lignende rader.
Hendelsesdelegeringløsningen for elementer som legges til senere
En hendelsesbehandler som er knyttet til en knapp, gjelder bare knapper som fantes da koden ble kjørt. Hvis du knytter den til et overordnet element og filtrerer med en selektor, fungerer den også for rader som legges til senere. Dette er en klassisk årsak til at en sletteknapp bare fungerer på gamle rader.
Hva this viser tilen vanlig feil
Inne i en jQuery-hendelsesbehandler er this elementet som mottok hendelsen, men en arrow function eller en feilplassert callback kan endre dette. Å feilsøke en hendelsesbehandler der this har blitt window, er en typisk første virkelige feil.
AJAX og promisesdata uten å laste siden på nytt
$.ajax() sender en forespørsel og lar siden oppdatere seg når svaret kommer tilbake. Deferred-objekter og promises organiserer flere slike forespørsler, slik at ett trinn venter på et annet i stedet for å legge callbacks inni hverandre.
Passer
Hvem den er for – og ikke for
Passer godt for deg hvis du
- Kan litt HTML og CSS og vil at sider skal reagere på klikk og skjemaer
- Vedlikeholder et nettsted som er bygget med jQuery, og trenger å lese og fikse koden
- Forbereder deg til et frontend-intervju der eldre jQuery fortsatt dukker opp
- Vil skrive kode på telefonen og se en forhåndsvisning av siden med én gang
- Lærer best i korte økter og liker en mentor du kan stille spørsmål
Ikke riktig verktøy for deg hvis du
- Vil lære et moderne rammeverk som React; denne appen lærer deg jQuery og DOM
- Trenger at alle kursene er gratis: det første kurset, det første prosjektet og to oppdrag er gratis, mens Pro låser opp resten
- Forventer en gratisversjon uten annonser, siden Pro fjerner dem
Spørsmål
Ofte stilte spørsmål
Hva er den beste måten å lære jQuery på telefonen?
Den mest effektive måten er å skrive kode og se siden endre seg, ikke bare lese om selectors. Lær jQuery i praksis gir hver korte leksjon en live-editor med forhåndsvisning av siden. jQuery 3.7.1 er innebygd, slik at koden kjører på enheten, og en AI Mentor forklarer det som er uklart. Du kan komme i gang gratis på iOS og Android.
Er jQuery det samme som JavaScript?
Nei. JavaScript er programmeringsspråket, mens jQuery er et bibliotek skrevet i JavaScript som forkorter vanlige oppgaver som å velge elementer, reagere på klikk og sende AJAX-forespørsler. Lær jQuery i praksis lærer deg jQuery i en JavaScript-editor, slik at du øver på begge deler samtidig og ser hvordan en kjede tilsvarer vanlig DOM-kode.
Er det fortsatt verdt å lære jQuery?
For nye prosjekter velger mange team andre verktøy, men en stor andel av eksisterende nettsteder kjører fortsatt jQuery. Derfor er det en praktisk ferdighet å kunne lese og fikse slik kode. Det er også en enkel vei inn i DOM, events og asynkron JavaScript. Lær jQuery i praksis inneholder intervjuspørsmål for frontend-jobber der eldre jQuery fortsatt dukker opp.
Finnes Lær jQuery i praksis på iPhone og Android?
Ja. Lær jQuery i praksis er tilgjengelig i App Store for iPhone (iOS 15.1 eller nyere) og på Google Play for Android. Grensesnittet finnes på 22 språk, blant annet engelsk, spansk, tysk, fransk, portugisisk, japansk, koreansk, arabisk, hindi og tyrkisk, mens koden du skriver forblir jQuery og JavaScript på alle språk.
Kan jeg kjøre jQuery-kode offline i appen?
Ja, i editoren. jQuery 3.7.1 er innebygd i Lær jQuery i praksis, slik at forhåndsvisningen av siden kjører på enheten, også offline. Funksjoner som bruker AI Mentor, krever internettilkobling.
Hvilke emner dekker jQuery-kurset?
De 22 kursene går fra $-funksjonen og selectors gjennom DOM-manipulering, styling, events og delegering, animasjoner, skjemaer, AJAX, Deferred objects og promises. Deretter fortsetter de med egendefinerte selectors, skriving av plugins, ytelse, integrering av jQuery med moderne JavaScript og testing.
Hva er feilsøkingsoppdragene?
Det er 20 øvelser der du får ødelagt jQuery-kode og skal finne feilen, slik det skjer i arbeidslivet. Eksempler er en klikkbehandler der this er window, en kjede som ender i en streng, en sletteknapp som bare fungerer på gamle rader, en meny som fortsetter å gli etter at du har forlatt den, og en lagring som utløses to ganger.
Må jeg kunne JavaScript eller HTML fra før?
Litt HTML og CSS er nyttig, fordi jQuery-selectors fungerer på markup og bygger på CSS. Lær jQuery i praksis har også 20 veiledede HTML- og CSS-sideprosjekter, slik at du kan bygge markuppen selectors skal bruke. Kurset starter med den første kjeden.
Er Lær jQuery i praksis gratis?
Du kan starte gratis: det første kurset, det første veiledede prosjektet, to oppdrag, editoren, quizer, intervjuspørsmål, juksearket og 3 AI Mentor-spørsmål per dag. Gratisversjonen viser annonser. Pro låser opp alle kurs, prosjekter og oppdrag, sertifiseringseksamen og ubegrenset AI Mentor, og fjerner annonser. Det tilbys som et ukentlig, månedlig eller årlig abonnement, eller som et engangskjøp for livstids tilgang. En sertifiseringseksamen på slutten av kurset er inkludert i Pro.
Er appen tilknyttet jQuery?
Nei. jQuery er et varemerke som tilhører OpenJS Foundation, og Lær jQuery i praksis er en uavhengig læringsapp som ikke er tilknyttet eller godkjent av OpenJS Foundation.
Kom i gang
Skriv din første jQuery-kjede i dag
Gratis å komme i gang på iOS og Android, på 22 språk.
Mer fra CoddyKit
Tilgjengelig på iOS og Android.