I 25 migliori tutorial JavaScript gratuiti per migliorare le tue abilità JavaScript
Pubblicato: 2022-03-08La programmazione front-end ha continuato a crescere nel 2021 e possiamo prevedere un'altra enorme fase di crescita per i linguaggi front-end solo nel 2022. Milioni di nuovi utenti web si stanno connettendo e tutti alla fine impareranno l'informatica, lo sviluppo web e programmazione. JavaScript si è affermato come leader nella libreria dei linguaggi di programmazione, superando i classici del passato come Java; alcuni dicono che JavaScript sta raggiungendo il picco. Riteniamo che abbia ancora spazio per crescere e dominare le scelte del linguaggio di programmazione.
ECMAScript 6 è già in pieno svolgimento, non passa giorno in cui qualcuno non scriva di ES6 e di ciò che porta in tavola per gli sviluppatori JavaScript nuovi e stagionati. Il futuro di JavaScript sembra fantastico, per entrambi; sviluppatori web e software. L'ingegneria dell'hardware e del software sono due nuove aree in cui JavaScript può essere visto dominante, specialmente attraverso framework popolari come Node.js: JavaScript sta raggiungendo nuovi mercati ogni momento. Molte lingue avranno difficoltà a tenere il passo, il potere della comunità dietro JavaScript ha superato molti argomenti logici e razionali che potrebbero implicare che altri linguaggi siano migliori. Analizzare qualcosa per vedere se sarà adatto per il tuo prossimo lavoro, si riduce a porsi alcune domande oneste.
JavaScript come linguaggio di programmazione ha dimostrato al mondo di essere sostenibile, potente e affidabile. Imparare JavaScript non è mai stato così intrigante, molti lavori sia a tempo pieno che freelance, molti progetti interessanti su cui lavorare su GitHub, un flusso costante di nuovi articoli e tutorial dalla comunità JavaScript, l'ecosistema dei linguaggi è ultra sano, e super disponibile quando si tratta di esso. Vogliamo contribuire a quell'aspetto della community arruolando un paio di dozzine di articoli tutorial JavaScript che sono stati pubblicati negli ultimi 2-3 mesi, assicurando che la qualità degli articoli sia in linea con gli ultimi suggerimenti, trucchi e, naturalmente, standard JavaScript , come l'ES6.
Scrittura di moduli JavaScript riutilizzabili di nuova generazione in ECMAScript 6
Jim Cowart ha passato molto tempo a cercare di capire ES6 e scoprire le sue stranezze e caratteristiche più segrete che possono aiutare gli sviluppatori a costruire meglio, più velocemente e con maggiore resilienza. L'intenzione principale dell'articolo è aiutare gli sviluppatori web vecchi e nuovi a creare librerie ES6 che possono essere utilizzate nel contesto ES5, il che significa che Jim spiegherà e mostrerà anche come Babel può essere utilizzato per trasformare le librerie ES6 in librerie ES5 completamente funzionali, e il motivo per farlo è perché i browser Web stanno ancora cercando di mettersi al passo con il nuovo standard. Per rendere la libreria riutilizzabile e facile da usare per altri sviluppatori, Jim si sta concentrando molto sui moduli, fornendo un modulo per quasi tutto, in un modo che sembra giusto.
Scopri come creare visualizzazioni di dati con D3.js
La visualizzazione dei dati non potrebbe essere più importante nell'era attuale della crescita del Web, della crescita del business attraverso la tecnologia e per scopi generali di scienza dei dati. E può essere così specifico che a volte solo una manciata di persone molto dotate creano il tipo di visualizzazioni che attirano l'attenzione di alcuni dei siti di media più famosi del pianeta, anche se non sempre legalmente. La visualizzazione dei dati può aiutare a visualizzare semplici set di dati, analizzare le prestazioni del tuo sito Web, approfondire i dati di analisi, ecc.
Nel corso degli anni, JavaScript è diventato uno dei preferiti dai data scientist che desiderano giocare con i dati all'interno del browser e con precisione in modo efficace. Dal rilascio di D3.js nel 2011, la libreria ha superato ogni possibile concorrenza. È un nome familiare per gli sviluppatori JavaScript che necessitano di uno strumento complesso per svolgere attività complesse di data science.
Librerie di applicazioni front-end e architetture di componenti
Cody Lindley ha scritto un articolo JavaScript supponente che agisce più come un tutorial nell'aiutare gli sviluppatori a imparare come i componenti JavaScript nativi all'interno dei framework e delle librerie JavaScript più popolari sono diventati gli stessi. Comprendere questo concetto rende più facile scegliere tra i framework o le librerie con cui lavorare, perché improvvisamente ti rendi conto che non sarà tanto lavoro imparare qualcosa di nuovo, poiché utilizzerà la stessa struttura dei componenti del tuo ultimo framework.
Best practice di React.js per il 2016
React è stata su tutte le notizie nel 2015. È la libreria JavaScript in più rapida crescita che la comunità abbia visto negli ultimi anni ed è ancora utilizzata attivamente da centinaia di migliaia di sviluppatori ogni giorno. React rende ridicolmente semplice creare interfacce UI native che non interferiscano con altri aspetti del tuo progetto su cui stai lavorando, quindi in un certo senso potresti usare React per costruire la tua UI, oppure potresti usare React per aiutarti a costruire un interfaccia utente migliore e in nessun momento React assumerà il ruolo di libreria principale e funzionerà invece solo quando richiesto. Sebbene tutto ciò suoni semplice, c'è ancora una curva di apprendimento e il CTO di RisingStack, Peter Marton, sta raccontando le migliori pratiche per React, dal suo punto di vista.
Nuovo su Ember? Comincia qui! (esercitazione 2016)
Abbiamo già stabilito la nostra opinione su Ember, è un moderno framework di sviluppo web che si adattava perfettamente a uno dei nostri articoli recenti; migliori framework JavaScript. Ember consente agli sviluppatori JavaScript di creare rapidamente applicazioni Web moderne per desktop e dispositivi mobili senza compromettere molto su ciò che potrebbero offrire altre librerie unite. Se sei nuovo di Ember e ne hai sentito parlare più di recente, ti consigliamo vivamente di esaminare questo tutorial di Frank Treacy. Il suo stile di scrittura e la sua guida sono perfetti per comprendere più a fondo Ember Framework.
Come imparare ES6
Molti sviluppatori JavaScript sapevano cos'è ES6, molto prima che lo standard fosse rilasciato. È il modo in cui si usano i linguaggi di programmazione, gli standard diventano disponibili come bozze con cui la comunità può sperimentare, prima che vengano effettuate le finalizzazioni. Lo stesso vale per ECMAScript 7 o ES7 , le funzionalità sono già disponibili, ma tutti aspettano che i browser si aggiornino, il che non è sempre un processo fluido. Eric Elliott ha compilato una pratica serie di articoli e suggerimenti sul suo post Medium su come affrontare al meglio il processo di apprendimento ES6.
Definizioni di funzioni in JavaScript
Marius Schulz offre agli sviluppatori JavaScript un po' di informazioni su come funzionano le definizioni di funzione in JavaScript e su come possono essere affrontate in tre modi diversi, soprattutto dopo il rilascio di ES6 e Arrow Functions.
Avvia la tua libreria JavaScript usando webpack ed ES6
Le librerie JavaScript sono piccoli script JavaScript (non sempre minuscoli) che aiutano gli sviluppatori a estendere i loro progetti con una funzione specifica che altrimenti dovresti creare separatamente. Alcuni dicono che React.js agisca come una libreria, mentre alcuni dicono che sia più un framework. In ogni caso, Krasimir Tsonev sta restringendo il processo di creazione di una libreria JavaScript con ES6 e l'aiuto di WebPack.
7 Funzioni JavaScript essenziali
David Walsh è uno dei preferiti da molti sviluppatori front-end, uno sviluppatore coerente e anche uno scrittore che non ha paura di condividere i suoi pensieri, opinioni ed esperienze con il mondo front-end. Il suo sito Web è un ottimo esempio di quanto lontano possa essere portato lo sviluppo nativo e di quanto magnificamente possa essere eseguito sotto forma di un sito Web di contenuti. Tuttavia, il suo post non riguarda il design, ma le funzioni JavaScript; una parte essenziale del linguaggio sono le funzioni. David sta dando come ulteriori sette funzioni che potremmo aver abbandonato durante il nostro apprendimento della lingua e dei suoi aspetti più importanti.
Google Maps semplificato con GMaps.js
Tutto sul web si riduce a un elemento, un elemento specifico che svolge una caratteristica selezionata. Nel caso delle mappe, possiamo utilizzare il widget Google Maps nativo dalla pagina ufficiale di Google, oppure possiamo fare affidamento su librerie di terze parti che forniscono un po' più di funzionalità rispetto a quelle che otterremmo da un widget standalone. Qui abbiamo un tutorial su come avvicinarsi al meglio alla libreria GMaps.js e ottenere il massimo dalla creazione delle tue mappe.
Risultati del sondaggio per sviluppatori JavaScript
I sondaggi potrebbero non sembrare affatto dei tutorial, ma in un certo senso lo sono. Sono tutorial verso la community, il modo in cui la community pensa e ciò che la community considera il migliore per avvicinarsi al linguaggio, JavaScript, data la sua evoluzione moderna. Quindi sì, ti consigliamo di utilizzare questo sondaggio per saperne di più sugli sviluppatori JavaScript, quali sono le loro opinioni e consigli e forse incorporare alcune di queste informazioni all'interno del tuo flusso di lavoro produttivo.
Reazione universale
Librerie come React hanno cambiato il modo in cui vengono prodotte le app lato client. Ci sono molti vantaggi in questo modo di programmazione, prestazioni migliorate e accessibilità più facile. Tuttavia, ci sono anche inconvenienti e uno degli svantaggi è dover fornire contenuti JavaScript agli utenti che non dispongono di browser abilitati a JavaScript o robot dei motori di ricerca che non funzionano bene con JavaScript. La buona notizia è che questo problema è stato riconosciuto ed è possibile creare un'applicazione lato client completa di cui è possibile eseguire il rendering sul server. React sta aprendo la strada per rendere l'esecuzione di JavaScript lato server e lato client una realtà e Jack Franklin ha pubblicato un tutorial che esamina più in profondità i problemi e come può essere risolto.
Come pianificare attività in background in JavaScript
Craig Buckler fornisce una spiegazione concisa di come funzionano le attività in background in JavaScript e di come affrontarle al meglio. Craig Buckler ha scritto migliaia di articoli per SitePoint e ha una vasta esperienza in linguaggi come JavaScript, HTML5 e CSS3, quindi puoi credere che la sua parola sia vera quando parla di argomenti così ampi.
I feed RSS rendono i contenuti pubblicati sul Web molto più accessibili. Il 99% dei blog oggi supporta i feed RSS, rendendo facile per gli altri ricevere contenuti regolarmente attraverso l'uso dei feed. Altri usi dei feed includono la possibilità di analizzarli e quindi utilizzare i dati analizzati in modi diversi, sia per un sito Web di link farm o per un'applicazione che necessita di set di dati specifici da un feed RSS analizzato, Raymond Camden esplora questo argomento di più e fa il conto alla rovescia delle possibili opzioni per gli sviluppatori JavaScript che desiderano utilizzare JavaScript per analizzare i feed RSS.
Dudley Storey condivide la sua storia su come ha trasformato il suo sito Web in modo che fosse completamente libero da qualsiasi framework JavaScript e invece utilizza Vanilla JavaScript per creare un'esperienza di navigazione Web interattiva per i suoi lettori. La sua ultima creazione è stata un tutorial su come ruotare i singoli elementi della pagina utilizzando JavaScript vaniglia. È un tutorial affascinante che aprirà le porte a molti altri modi interattivi di utilizzare JS nei tuoi progetti web.
Come creare un'app Todo usando React, Redux e Immutable.js
React, Redux e Immutable.js sono nomi di librerie JavaScript in rapida evoluzione che stanno cambiando il modo in cui percepiamo lo sviluppo e il modo in cui creiamo app per tutti i dispositivi. Emre Guneyler ci offre in questo articolo una rapida introduzione su tutte e tre le librerie e su come creare un'unica "app da fare" che ti offra una visione migliore di come si creano app con framework e librerie moderne.
5 passaggi per preparare il tuo codice da Angular 1 ad Angular 2
Siamo grandi fan di Angular.js: dai un'occhiata ad alcuni dei nostri migliori contenuti di Angular.js, come i modelli di siti Web AngularJS reattivi, i modelli di amministrazione di AngularJS e le risorse della community per Angular 2: siamo ben preparati per accogliere Angular 2 e persino ancora di più con l'aggiunta di questo tutorial di Oren Farhi. L'arrivo di Angular 2 è inevitabile e, se in questo momento sei uno sviluppatore Angular.js attivo, leggi questo tutorial per prepararti alle modifiche in arrivo e prepara il tuo codice per una facile transizione verso una nuova versione.
Panoramica ES6 in 350 punti elenco
ES6 è stato il più grande aggiornamento a uno standard JavaScript negli ultimi due anni, è un'enorme aggiunta a un linguaggio di programmazione già solido, ma questa aggiunta cambia davvero il modo in cui JavaScript funziona sul web. Il modo in cui continuerà a funzionare man mano che i browser inizieranno a integrare più funzionalità complicate. Questo repository GitHub è una combinazione di oltre 350 punti elenco che discutono molti aspetti diversi di ES6, come le funzionalità e come utilizzare tali funzionalità. Anche le funzioni e l'aspetto delle nuove funzioni, con molti collegamenti alle risorse in uscita per aiutarti ad approfondire la tua comprensione di ES6.
Contemporaneamente JavaScript: una serie in 3 parti sulla concorrenza in JS
Kyle Simpson si prende un momento per condividere le sue opinioni sulla concorrenza e l'asincronicità JavaScript e su come utilizzare quegli stessi concetti nel tuo ambiente di sviluppo. Contenuti affascinanti e molto altro ancora un tutorial approfondito diviso in tre parti diverse.
Il costo dei quadri
Prova a imparare a programmare in JavaScript senza imbatterti in consigli intensi su come l'uso di un framework risolverà tutti i tuoi problemi, gran parte dell'apprendimento di JavaScript in questi giorni si basa su framework, come React, Angular, Backbone e altri. Sì, i framework semplificano la creazione rapida di app Web e mobili, ma quali sono i costi reali dell'utilizzo dei framework, non del JS nativo (vanilla)? Paul Lewis lo descrive mettendo insieme analisi di benchmark concise che aiutano i nuovi (e forse esperti) sviluppatori a fare scelte migliori per i framework.
Anatomia di una grande applicazione angolare
Angular è attualmente il framework JavaScript leader per la creazione di app Web rapide. Tuttavia, la creazione di app Angular estese e di grandi dimensioni può rivelarsi difficile, alcuni direbbero che si arriva al punto in cui sei sul punto di diventare pazzo, quindi Kristian Poslek si sta prendendo il suo tempo per restituire alla comunità offrendo un tutorial su come creare grandi applicazioni Angular senza impazzire.
Rilevamento di prossimità del viso con JavaScript
I linguaggi di programmazione stanno diventando sempre più intelligenti, ogni singolo giorno. Nel suo tutorial, Peter Bengtsson spiega come possiamo utilizzare JavaScript per creare un motore di rilevamento della prossimità del volto che puoi utilizzare immediatamente nelle tue app e nei tuoi progetti.
Cosa può fare JavaScript?
Non sei del tutto sicuro di cosa può fare JavaScript? David Small presenta una presentazione semplice ma efficace sulle cose che JavaScript può fare e lo scopo principale di questo linguaggio. Interessante lettura per chiunque sia interessato a JavaScript, un tutorial che insegna gli aspetti più ampi del linguaggio.
Uscire dalla fatica di JavaScript – React Edition
La fatica è un killer della produttività, lavorare con qualcosa per troppo tempo può causare una profonda stanchezza che può durare a lungo, ma ovviamente c'è anche il tipo di fatica che attribuiamo a strutture specifiche, che in questo caso accade essere Reagire. Quindi, come possiamo sfogare la nostra fatica nei confronti di React? Reto Schlapfer ha una risposta a questa domanda, tuffati.
Risorse per l'apprendimento di JavaScript online
Abbiamo esplorato alcuni dei migliori tutorial aggiornati su JavaScript offerti dal Web, ma cosa farai con tutti questi tutorial se non hai alcuna conoscenza preliminare di JavaScript? Immagino sia altamente improbabile, dal momento che hai cercato in particolare i tutorial JavaScript. Tuttavia, è probabile che tu voglia estendere le tue conoscenze JS o forse aggiornarle dopo un lungo periodo di assenza. In tal caso, ecco un elenco molto accessibile di siti Web e piattaforme che offrono l'apprendimento gratuito di JavaScript online. Solo il meglio.
- Codecademy — una piattaforma per comprendere i fondamenti dello sviluppo web, in particolare JavaScript. Codecademy è uno dei primi siti con cui i nuovi e aspiranti sviluppatori front-end iniziano la loro carriera. È divertente, è interattivo e fa bene il suo lavoro.
- Learn-JS — è una piattaforma simile a Codecademy, con un diverso insieme di compiti e curve di apprendimento, e molto utile dopo aver terminato Codecademy, per affinare le tue abilità appena apprese e forse notare cosa potresti esserti perso.
- freeCodeCamp — una piattaforma di codifica basata sulla comunità in rapida evoluzione in cui ogni membro del sito può partecipare alla risoluzione di problemi, sfide e quindi contribuire a promuovere nuove ed entusiasmanti app per organizzazioni no profit che non possono permettersi programmatori professionisti. È una situazione vantaggiosa per tutti.
- Guida di stile: le guide di stile aiutano a creare codice su cui è facile costruire per gli altri, AirBNB ha rilasciato la propria guida di stile ed è diventata rapidamente la guida di stile JavaScript più popolare che puoi trovare su GitHub o altrove.
Per concludere, è molto evidente che l'apprendimento di JavaScript non dovrebbe essere un grosso problema, gli sviluppatori attivi condividono costantemente i loro consigli, approfondimenti e tutorial su come migliorare, nonché su come utilizzare il linguaggio al massimo delle sue potenzialità. Ci auguriamo davvero che queste risorse siano di massimo beneficio per il tuo processo di apprendimento.