Imparare jQuery: Corso Code
Imparare jQuery: Corso Code — Impara jQuery sul telefono: scrivi una catena e guarda una pagina reale reagire
Imparare jQuery: Corso Code è un'app iOS e Android gratuita per iniziare, che insegna la libreria JavaScript jQuery a principianti, studenti e sviluppatori che gestiscono siti jQuery: manipolazione del DOM, eventi, effetti e AJAX. Ogni lezione è abbinata a un editor live e a un'anteprima della pagina; inoltre, jQuery 3.7.1 è integrato, così ciò che scrivi viene eseguito sul telefono, anche offline. Un Mentore AI risponde alle domande su un selettore, un errore o una chiamata AJAX.
- Prezzo
- Gratis, upgrade Pro
- Piattaforme
- iOS e Android
- Lingue
- 22
- Fascia d'età
- 4+
- Requisiti
- iOS 15.1 o versioni successive
Se conosci un selettore CSS, conosci già la maggior parte di jQuery.
jQuery riprende i suoi selettori da CSS e ti permette di concatenare azioni sul risultato. È un modo semplice per avvicinarsi al DOM, agli eventi e al codice asincrono, oltre a una competenza pratica per i numerosi siti esistenti che dipendono ancora da jQuery.
Cos'è
Imparare jQuery: Corso Code è un'app corso per iOS e Android dedicata alla libreria JavaScript jQuery. Include 22 corsi con 48 lezioni dal livello A1 al C1, un editor JavaScript live con un'anteprima della pagina che viene eseguita sul dispositivo con jQuery 3.7.1 integrato, 20 missioni di debugging, 20 progetti guidati in HTML e CSS, 50 domande da colloquio, 50 domande a quiz e una scheda rapida con 91 voci. Un Mentore AI spiega selettori, errori e chiamate AJAX con un linguaggio semplice.
Dentro l'app
Come si presenta
Il corso
Cosa comprende il corso jQuery
Basato sull’elenco del corso jQuery di CoddyKit, dalla prima chiamata a $ fino ai plugin, al testing e all’utilizzo insieme a JavaScript moderno.
Benvenuti in jQuery e primi passi
Cos’è jQuery, quale problema concreto ha risolto e perché tanti siti lo usano ancora, seguito dalla prima chain e dai concetti di base per principianti.
Selezione degli elementi e attraversamento del DOM
Selezione degli elementi, poi selettori avanzati per attributi e pseudo-classi e navigazione nel DOM da un elemento all’altro.
Manipolazione e stile del DOM
Creazione, inserimento, spostamento e rimozione di elementi in due corsi, oltre alla modifica di CSS e classi dal codice.
Eventi e delegazione
Gestione degli eventi, seguita dalla delegazione degli eventi per gli elementi aggiunti in un secondo momento e dalla gestione degli eventi personalizzati.
Animazioni ed effetti
Animazioni di base, seguite da animazioni complesse ed effetti personalizzati come sequenze concatenate ed easing personalizzato.
Form, dati e templating
Contenuti dinamici con attributi data e templating, oltre alla gestione e alla validazione avanzate dei form.
AJAX, oggetti Deferred e promises
Operazioni AJAX e gestione dei dati remoti, seguite da oggetti Deferred e promises per gestire il codice asincrono.
Plugin, prestazioni e testing
Selettori e filtri personalizzati, sviluppo di plugin robusti, prestazioni e best practice, integrazione di jQuery con JavaScript moderno e testing delle applicazioni jQuery.
Come funziona
Come funziona una lezione
Ogni lezione affianca una breve spiegazione al codice che esegui tu stesso, così l'idea viene verificata prima di andare avanti.
Leggi una breve lezione
Apri un argomento e leggi una breve spiegazione di un selettore, un evento o un effetto. Le lezioni sono abbastanza brevi da poter essere seguite durante un viaggio in autobus e il corso parte dalla prima catena per arrivare fino ai plugin e ai test.
Scrivi la catena e guarda la pagina reagire
Nell'editor live scrivi HTML, CSS e jQuery e li esegui subito. L'editor riesegue il codice quando smetti di digitare, senza server né fase di build, e l'anteprima della pagina mostra il risultato.
Correggi un bug, poi chiedi al mentore
Le missioni ti affidano codice non funzionante e ti chiedono di trovare il problema: un gestore di clic in cui this è window, un menu che continua a scorrere, un salvataggio che si attiva due volte. Quando un concetto o un errore non è chiaro, il Mentore AI lo rispiega con parole più semplici.
Cosa include
Cosa include l'app
22
Corsi, da A1 a C1
22 corsi con 48 lezioni che partono dalla funzione $ e dalla tua prima catena e proseguono con selettori, manipolazione del DOM, eventi, animazioni, moduli, AJAX, plugin e prestazioni.
3.7.1
jQuery integrato
L'anteprima della pagina viene eseguita sul dispositivo con jQuery 3.7.1 incluso, quindi l'editor funziona anche offline.
20
Missioni di debugging
Bug realistici da correggere, come una catena che termina in una stringa o un pulsante di eliminazione che funziona solo sulle prime righe.
20
Progetti guidati per pagine
Venti progetti HTML e CSS per creare il markup su cui in seguito lavoreranno i tuoi selettori.
91
Scheda rapida e quiz
Una scheda rapida con 91 voci su selettori, eventi, effetti e metodi AJAX, oltre a 50 domande a quiz e 50 domande da colloquio.
AI
Mentore AI
Chiedi informazioni su un selettore, un errore o una chiamata AJAX e ricevi una risposta con un linguaggio semplice. Il piano gratuito include 3 domande al giorno.
Contesto
Vale ancora la pena imparare jQuery e a cosa serve?
jQuery è una libreria JavaScript che permette di selezionare più rapidamente gli elementi di una pagina web, modificarli, reagire ai clic e caricare dati senza ricaricare la pagina. I framework più recenti hanno preso il posto di jQuery in molti progetti nuovi, ma una parte consistente dei siti esistenti usa ancora jQuery: saper leggere, correggere ed estendere quel codice resta quindi una competenza pratica di sviluppo web. È anche un modo semplice per conoscere il DOM, gli eventi e il JavaScript asincrono prima di passare a strumenti più grandi.
La funzione $ e il chaininguna riga, diverse azioni
Chiamare $ con un selettore restituisce un oggetto jQuery e quasi ogni metodo restituisce di nuovo quell'oggetto. È questo che consente una catena come selezionare un elenco, aggiungere una classe e farlo apparire con un effetto dissolvenza in un'unica riga leggibile, invece di quattro istruzioni separate.
SelettoriLe conoscenze di CSS si trasferiscono
I selettori di classe, id, attributo e pseudo-classe funzionano più o meno come in un foglio di stile. I metodi di attraversamento permettono poi di spostarsi da un elemento ai suoi genitori, figli o fratelli: è così che si raggiunge la riga giusta quando una pagina ne contiene centinaia simili.
Delegazione degli eventila soluzione per gli elementi aggiunti in seguito
Un gestore associato a un pulsante esiste solo per i pulsanti presenti quando il codice è stato eseguito. Associarlo a un elemento genitore e filtrarlo in base al selettore permette di farlo funzionare anche per le righe aggiunte in seguito: è una causa classica dei pulsanti di eliminazione che funzionano solo sulle righe precedenti.
A cosa si riferisce thisun bug comune
All'interno di un gestore jQuery, this è l'elemento che ha ricevuto l'evento, ma una funzione freccia o un callback posizionato male può cambiarlo. Eseguire il debug di un gestore in cui this è diventato window è un tipico primo vero bug.
AJAX e promisedati senza ricaricare la pagina
$.ajax() invia una richiesta e permette alla pagina di aggiornarsi quando arriva la risposta. Gli oggetti Deferred e le promise organizzano più richieste di questo tipo, così un passaggio aspetta quello precedente invece di annidare i callback.
Adatta
A chi è adatta — e a chi no
Fa al caso tuo se
- Conosci un po’ di HTML e CSS e vuoi fare in modo che le pagine reagiscano ai clic e ai form
- Gestisci un sito basato su jQuery e devi leggere e correggere il suo codice
- Ti stai preparando per un colloquio front end in cui compare ancora jQuery legacy
- Vuoi scrivere codice sul telefono e vedere subito l’anteprima della pagina
- Impari meglio con sessioni brevi e ti piace avere un mentor a cui fare domande
Non è lo strumento giusto se
- Vuoi imparare un framework moderno come React; questa app insegna jQuery e il DOM
- Ti serve che ogni corso sia gratuito: il primo corso, il primo progetto e due missioni sono gratuiti, mentre Pro sblocca tutto il resto
- Ti aspetti una versione gratuita senza pubblicità, dato che Pro le rimuove
Domande
Domande frequenti
Qual è il modo migliore per imparare jQuery sul telefono?
Il modo più efficace è scrivere codice e vedere cambiare la pagina, non limitarsi a leggere dei selettori. Imparare jQuery: Corso Code offre per ogni lezione breve un editor live con anteprima della pagina; jQuery 3.7.1 è integrato, quindi il codice viene eseguito sul dispositivo, e AI Mentor spiega tutto ciò che non è chiaro. Puoi iniziare gratuitamente su iOS e Android.
jQuery è la stessa cosa di JavaScript?
No. JavaScript è il linguaggio di programmazione; jQuery è una libreria scritta in JavaScript che semplifica attività comuni come selezionare elementi, reagire ai clic e inviare richieste AJAX. Imparare jQuery: Corso Code insegna jQuery all’interno di un editor JavaScript, così puoi esercitarti con entrambi contemporaneamente e vedere come una chain corrisponde al codice DOM puro.
Vale ancora la pena imparare jQuery?
Per i nuovi progetti molti team scelgono altri strumenti, ma una grande parte dei siti esistenti usa ancora jQuery, quindi saper leggere e correggere quel codice è una competenza pratica. È anche un modo semplice per avvicinarsi al DOM, agli eventi e a JavaScript asincrono. Imparare jQuery: Corso Code include domande da colloquio per i lavori front end in cui jQuery legacy compare ancora.
Imparare jQuery: Corso Code è disponibile su iPhone e Android?
Sì. Imparare jQuery: Corso Code è disponibile sull’App Store per iPhone (iOS 15.1 o versioni successive) e su Google Play per Android. L’interfaccia è disponibile in 22 lingue, tra cui inglese, spagnolo, tedesco, francese, portoghese, giapponese, coreano, arabo, hindi e turco, mentre il codice che scrivi rimane jQuery e JavaScript in qualsiasi lingua.
Posso eseguire codice jQuery offline nell’app?
Sì, per quanto riguarda l’editor. jQuery 3.7.1 è integrato in Imparare jQuery: Corso Code, quindi l’anteprima della pagina viene eseguita sul dispositivo anche offline. Le funzionalità che dipendono da AI Mentor richiedono una connessione a internet.
Quali argomenti tratta il corso jQuery?
I 22 corsi partono dalla funzione $ e dai selettori e proseguono con manipolazione del DOM, stili, eventi e delegazione, animazioni, form, AJAX, oggetti Deferred e promises. Includono anche selettori personalizzati, sviluppo di plugin, prestazioni, integrazione di jQuery con JavaScript moderno e testing.
Cosa sono le missioni di debugging?
Sono 20 esercizi che ti presentano codice jQuery non funzionante e ti chiedono di trovare il bug, proprio come può accadere sul lavoro. Tra gli esempi ci sono un gestore di clic in cui this è window, una chain che termina con una stringa, un pulsante di eliminazione che funziona solo sulle righe vecchie, un menu che continua a scorrere dopo che te ne vai e un salvataggio che viene eseguito due volte.
Devo conoscere prima JavaScript o HTML?
Conoscere un po’ di HTML e CSS è utile, perché i selettori jQuery operano sul markup e derivano da CSS. Imparare jQuery: Corso Code include anche 20 progetti guidati di pagine HTML e CSS, così puoi creare il markup che useranno i tuoi selettori. Il corso parte dalla prima chain.
Imparare jQuery: Corso Code è gratuito?
Puoi iniziare gratuitamente: sono inclusi il primo corso, il primo progetto guidato, due missioni, l’editor, i quiz, le domande da colloquio, il cheat sheet e 3 domande ad AI Mentor al giorno. La versione gratuita mostra pubblicità. Pro sblocca ogni corso, progetto e missione, l’esame per il certificato e AI Mentor illimitato, oltre a rimuovere la pubblicità. È disponibile con un abbonamento settimanale, mensile o annuale oppure con un acquisto una tantum a vita. L’esame per il certificato alla fine del corso fa parte di Pro.
L’app è affiliata a jQuery?
No. jQuery è un marchio registrato di OpenJS Foundation e Imparare jQuery: Corso Code è un’app indipendente per l’apprendimento, non affiliata né approvata da OpenJS Foundation.
Inizia
Scrivi oggi la tua prima catena jQuery
Gratis per iniziare su iOS e Android, in 22 lingue.
Altro da CoddyKit
Disponibile su iOS e Android.