Share
Forse sei un esperto di jQuery. Diamine, forse sei John Resig. D'altra parte, forse leggi parole come "Prototype", "jQuery" e "Mootools" e pensi a te stesso, "Che diamine sono?" Ora è il momento di imparare.
In questo settore - ora più che mai - i designer stanno diventando programmatori e i programmatori diventano designer. L'idea di uno sviluppatore che esegue SOLO il frontend o il backend sta rapidamente diventando un concetto datato. jQuery contribuirà a colmare il divario. Javascript non è un'abilità irraggiungibile. In questo articolo, verranno dettagliate quindici risorse per iniziare con jQuery dall'inizio assoluto. Se hai evitato questa raccolta da un insensato senso di paura, ora è il momento di tuffarti. Sarai stupito di quanto possa essere semplice.
Secondo jQuery.com, jQuery è una libreria JavaScript rapida e concisa che semplifica il modo in cui si attraversano documenti HTML, gestire eventi, eseguire animazioni e aggiungere interazioni Ajax alle proprie pagine Web. jQuery è progettato per cambiare il modo in cui si scrive JavaScript.
In termini più semplici, jQuery ti consente di trasformare dieci linee di codice Javascript tradizionale in due! Combina una vasta gamma di funzionalità con la compatibilità multipiattaforma e hai una struttura solida. Prima che tu lo sappia, creerai qualsiasi cosa, dalle forme avanzate ai menu di tipo Flash. Non preoccuparti se il compito di apprendere un altro nuovo quadro sembra scoraggiante. Queste risorse ti porteranno passo dopo passo.
In definitiva, si tratta di preferenza. Ogni struttura ha i suoi vantaggi specifici. Ma c'è una ragione per cui jQuery è il framework più popolare disponibile.
Compatibilità tra browser. Con qualsiasi implementazione Javascript, uno sviluppatore web può aspettarsi di spendere una grande parte del proprio tempo per compensare le stranezze di ogni browser. Fortunatamente, la libreria jQuery neutralizza queste incoerenze del browser, consentendo così agli sviluppatori più tempo per lavorare sul loro codice.
Selettori CSS. Utilizzando la sintassi CSS, gli sviluppatori possono utilizzare le loro conoscenze esistenti per attraversare i loro documenti. Con l'aggiunta di molti selettori CSS 3 e XPATH, jQuery ti offre un meraviglioso meccanismo per manipolare gli elementi della tua pagina.
chaining. jQuery usa un modello chiamato "concatenare" per i suoi metodi. Ogni volta che si esegue un metodo su un oggetto jQuery, il metodo restituisce lo stesso oggetto jQuery. Di conseguenza, non sarà necessario ridigitare i selettori per ciascun metodo. L'utilizzo di un tipo di funzionalità ".NET" consente dimensioni di file inferiori e una maggiore leggibilità del codice.
Se sei incuriosito, dovresti esserlo! Iniziamo.
Il primo passo del tuo viaggio sarà scaricare la libreria. Visita jQuery.com e scorri verso il basso fino alla sezione "Scarica jQuery". La scelta di uno dei collegamenti elencati scaricherà la libreria sul tuo computer. Successivamente, dovrai importare il file .js nella tua soluzione.
Nel suo jQuery screencast, Chris Coyier, oltre a CSS-Tricks, ti fornirà un'introduzione di base per includere jQuery nella tua pagina web e scrivere alcune funzioni.
Visita l'articolo
Ecco un corso accelerato in jQuery scritto pensando ai web designer esperti di codice.
Visita l'articolo
Se ti piacciono le presentazioni, questo tutorial ti insegnerà i fondamenti di jQuery in trenta minuti.
Visita l'articolo
Entro cinque minuti dall'apprendimento di jQuery, creerai le funzioni. La prima tappa dovrebbe essere l'articolo introduttivo di John Resig, "Come funziona jQuery". Ti mostrerà molti metodi facili da capire che puoi utilizzare nelle tue applicazioni web, tra cui l'aggiunta e la rimozione di classi, il concatenamento e la chiamata al metodo "document.ready".
Nel suo articolo introduttivo, John Resig - il creatore di jQuery - ti porterà dalle basi alla creazione di animazioni. Questa è una lettura essenziale se hai appena iniziato.
Visita l'articolo
In un coraggioso tentativo di coprire molte delle funzionalità di jQuery in due settimane, "15 Days Of jQuery" supera un argomento al giorno. In questo articolo specifico, imparerai come utilizzare il metodo "document.ready ()".
Visita l'articolo
Pensa a VisualjQuery.com come dizionario digitale. Ti mostrerà la sintassi e la definizione per ogni metodo jQuery disponibile. Mantieni questo sito preferito.
Visita l'articolo
Questo è un argomento controverso per molti sviluppatori. Nel gruppo numero uno, ci sono persone che insistono su "zero animation". Offri agli utenti ciò di cui hanno bisogno il più velocemente possibile e lascia che siano sulla buona strada. Non trattarli come se fossero scoiattoli alla ricerca del prossimo giocattolo lucido. Ma ci sono anche persone nel gruppo numero due. Guardano un sito, che ha alcune animazioni implementate con gusto, come un sito degno della loro base di utenti. Se utilizzati correttamente, ritengono che l'animazione possa migliorare notevolmente l'usabilità. Dovrai decidere tu stesso quale sei. Never-the-less, jQuery rende gli elementi di animazione sulla tua pagina un compito facile come potrebbe essere.
Questa dovrebbe essere la tua prima tappa quando si apprendono le capacità di animazione di jQuery. Descriverà i parametri necessari quando si utilizza questo metodo.
Visita l'articolo
Sei un novizio completo quando si tratta di animazione? Questo tutorial presumerà che tu non abbia alcuna conoscenza. Gli argomenti trattati sono il testo crescente e decrescente, gli elementi in movimento, le concatenazioni di animazioni e altro ancora.
Visita l'articolo
Sei ancora confuso riguardo al potere di jQuery? Questo sito elencherà dieci esempi che vanno dai menu alle sostituzioni di immagini.
Visita l'articolo
La cosa meravigliosa di jQuery è che, quando è stato inizialmente sviluppato, John Resig e il suo team hanno fatto in modo che l'espansione delle sue funzionalità attraverso l'uso di plugin potesse essere realizzata con solo poche righe di codice aggiuntive. Scriverai metodi personalizzati in pochissimo tempo! Tenendo questi plugin separati dalla libreria principale (solo 16kb, a proposito), possiamo quindi implementare plugin specifici solo quando necessario. Di conseguenza, questo consentirà alle dimensioni dei tuoi file javascript di rimanere il più piccoli possibile.
Stai cercando un modo per aggiungere facilmente angoli arrotondati ai tuoi elementi? Con angoli che vanno da arrotondati a orecchie di cane, questo plugin può trovare una macchia di permamento nella "cassetta degli attrezzi".
Visita l'articolo
In questo articolo, James Padolsey descrive i suoi primi dieci plugin preferiti.
Visita l'articolo
Come sempre, jQuery.com dimostra di essere una risorsa preziosa. Questo articolo ti fornirà le istruzioni passo passo quando crei il tuo primo plug-in.
Visita l'articolo
Ti senti sicuro delle tue abilità jQuery? Sei pronto a portare le cose al livello successivo? Perché non iniziare ad implementare alcune funzionalità Ajax negli script? Attraverso l'uso dei metodi "load ()" e ".get ()", jQuery rende estremamente facile il caricamento dei dati. Le seguenti risorse saranno fondamentali per la tua educazione.
Nel suo articolo per Sitepoint, Akash Mehta ti mostrerà come semplificare il processo di aggiunta di Ajax alle tue applicazioni con l'aiuto di jQuery.
Visita l'articolo
Remy ci mostrerà come possiamo usare AJAX, insieme alla libreria jQuery, per aggiungere alcune convalide sul lato server ai nostri moduli.
Visita l'articolo
Ricorda sempre di navigare nella categoria "Javascript" di NETTUT quando cerchi i tutorial di jQuery. In questo tutorial, ti mostreremo
come caricare e animare i dati usando jQuery.
Visita l'articolo
Accentsconagua