Top 25 tutorial JavaScript gratuiti per migliorare le tue abilità JavaScript

La programmazione front-end ha continuato a crescere nel 2015 e possiamo solo prevedere un'altra enorme fase di crescita per i linguaggi front-end nel 2016. Milioni di nuovi utenti web si stanno connettendo e tutti alla fine impareranno a conoscere l'informatica, lo sviluppo web , e la programmazione in particolare. 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, mentre riteniamo che abbia ancora spazio per crescere e dominare le scelte del linguaggio di programmazione.

ECMAScript 6 è già in pieno svolgimento, non passa giorno che qualcuno non scriva di ES6 e di cosa porta in tavola per gli sviluppatori JavaScript nuovi ed esperti. Il futuro di JavaScript sembra fantastico, per entrambi; sviluppatori web e software. L'ingegneria hardware e software sono due nuove aree in cui JavaScript può essere visto dominare, soprattutto attraverso l'uso di framework popolari come Node.js: JavaScript sta raggiungendo nuovi mercati ogni momento e 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 al 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 più 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 delle lingue è ultra sano, e super utile quando si tratta di esso. Vogliamo contribuire a questo aspetto della community inserendo una ventina di articoli tutorial JavaScript che sono stati pubblicati negli ultimi 2-3 mesi, assicurandoci che la qualità degli articoli sia in linea con gli ultimi suggerimenti, trucchi e, naturalmente, JavaScript. , come l'ES6.

Scrittura di moduli JavaScript riutilizzabili di nuova generazione in ECMAScript 6

Jim Cowart ha passato molto tempo cercando di capire ES6 e cercando di elaborare le sue stranezze e i tratti più segreti che possono aiutare gli sviluppatori a costruire meglio, più velocemente e con più 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 utilizzare Babel per trasformare le librerie ES6 in librerie ES5 completamente funzionali, e la ragione per farlo è perché i browser web stanno ancora cercando di recuperare il ritardo 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'attuale era di crescita del web, crescita del business attraverso la tecnologia e scopi generali di data science. E può essere così specifico che a volte solo una manciata di persone molto dotate stanno creando il tipo di visualizzazioni che attirano l'attenzione di alcuni dei siti di media più noti del pianeta, anche se non sempre legalmente. La visualizzazione dei dati può essere utile per visualizzare semplici set di dati, analizzare le prestazioni del tuo sito Web, approfondire i dati analitici e molto altro.

Nel corso degli anni, JavaScript è diventato uno dei preferiti dai data scientist che desiderano utilizzare i dati all'interno del browser in modo efficace e preciso. Dal rilascio di D3.js nel 2011, la libreria ha superato ogni possibile concorrenza ed è un nome familiare per gli sviluppatori JavaScript che hanno bisogno di uno strumento complesso per svolgere complesse attività 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 per aiutare gli sviluppatori a imparare come i componenti JavaScript nativi all'interno dei framework e delle librerie JavaScript più popolari sono diventati tutti uguali. Comprendere questo concetto rende più facile fare scelte tra i framework o le librerie con cui lavorare, perché all'improvviso ti rendi conto che non sarà tanto lavoro per imparare qualcosa di nuovo, dal momento che utilizzerà praticamente la stessa struttura dei componenti del tuo ultimo struttura.

Le migliori pratiche di React.js per il 2016

React è stato 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 interferiscono con altri aspetti del tuo progetto su cui stai lavorando, quindi in un certo senso potresti usare React per costruire la tua UI, o potresti usare React per aiutarti a costruire un un'interfaccia utente migliore, e in nessun momento React assumerà il ruolo di una libreria principale e funzionerà invece solo quando glielo chiedi. Anche se tutto ciò sembra semplice, c'è ancora una curva di apprendimento e il CTO di RisingStack, Peter Marton, sta raccontando tutte le migliori pratiche per React, dal suo punto di vista.

Nuovo per 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 dover scendere a compromessi su ciò che potrebbero offrire altre librerie unite. Se sei nuovo di Ember e ti è capitato di sentirne parlare più di recente, ti consigliamo vivamente di guardare 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

In realtà, molti sviluppatori JavaScript sapevano cos'è ES6, molto prima che lo standard fosse rilasciato. È il modo in cui i linguaggi di programmazione, gli standard diventano disponibili come bozze per la comunità da sperimentare, prima che vengano fatte le finalizzazioni. Lo stesso vale per ECMAScript 7 o ES7 , le funzionalità sono già disponibili, ma tutti stanno aspettando che i browser si mettano al passo, il che non è sempre un processo regolare. Eric Elliott ha compilato una pratica serie di articoli e suggerimenti sul suo post su Medium su come affrontare 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 delle funzioni in JavaScript e su come possono essere affrontate in tre modi diversi, specialmente dopo il rilascio di ES6 e delle funzioni Arrow.

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 sarebbe necessario creare separatamente. Alcuni dicono che React.js funge da libreria, mentre altri dicono che è 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 tra 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 come possa essere eseguito magnificamente sotto forma di un sito Web di contenuti. Tuttavia, il suo post non riguarda il design, ma in realtà le funzioni JavaScript; la parte più essenziale della lingua sono le funzioni, e David sta dando altre sette funzioni che potremmo aver abbandonato durante il nostro processo di apprendimento della lingua e dei suoi aspetti più importanti.

Google Maps reso facile con GMaps.js

Ogni singola cosa sul web si riduce a un elemento, un elemento specifico che svolge una funzione selezionata. Nel caso delle mappe, possiamo utilizzare il widget nativo di Google Maps dalla pagina ufficiale di Google, oppure possiamo fare affidamento su librerie di terze parti che forniscono funzionalità un po' più di quelle che otterremmo da un widget autonomo. Qui abbiamo un tutorial su come affrontare al meglio la libreria GMaps.js e ottenere il massimo dalla creazione delle tue mappe.

Risultati del sondaggio per sviluppatori JavaScript

I sondaggi potrebbero non sembrare affatto tutorial, ma in un certo senso lo sono. Sono tutorial verso la comunità, il modo in cui la comunità pensa, e anche ciò che la comunità considera il migliore per avvicinarsi al linguaggio, JavaScript, data la sua moderna evoluzione. Quindi sì, ti consigliamo di utilizzare questo sondaggio come un modo per saperne di più sugli sviluppatori JavaScript, quali sono le loro opinioni e raccomandazioni e forse incorporare alcune di queste intuizioni all'interno del tuo flusso di lavoro produttivo.

Reazione universale

Librerie come React hanno davvero cambiato il modo in cui vengono prodotte le app lato client. Ci sono molti vantaggi in questo modo di programmare, prestazioni migliorate e una più facile accessibilità, ma ci sono anche degli inconvenienti, e uno degli inconvenienti è dover offrire contenuto JavaScript agli utenti che non dispongono di browser abilitati per JavaScript o per la ricerca motori di robot che non funzionano molto bene con JavaScript. La buona notizia è che questo problema è stato riconosciuto ed è possibile creare un'applicazione lato client completa che può essere resa 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 approfondisce 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 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 fidarti della sua parola quando parla di argomenti così ampi.

Analisi dei feed RSS in JavaScript – Opzioni

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 su base regolare attraverso l'uso dei feed. Altri usi per i feed includono la possibilità di analizzarli e quindi utilizzare i dati analizzati in modi diversi, sia per un sito Web di link farm, sia per un'applicazione che richiede insiemi specifici di dati da un feed RSS analizzato, Raymond Camden esplora questo argomento più e conta alla rovescia le possibili opzioni per gli sviluppatori JavaScript che desiderano utilizzare JavaScript per analizzare i feed RSS.

Ruota gli elementi sullo scorrimento con JavaScript

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 utilizzi invece 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 Vanilla. È un tutorial affascinante che aprirà le porte a molti altri modi interattivi di utilizzare JS nei tuoi progetti web.

Come creare un'app Todo utilizzando React, Redux e Immutable.js

React, Redux e Immutable.js stanno evolvendo rapidamente i nomi delle librerie JavaScript che stanno cambiando il modo in cui percepiamo lo sviluppo e anche il modo in cui creiamo app per tutti i dispositivi. Emre Guneyler ci fornisce in questo articolo una rapida introduzione su tutte e tre le librerie e su come creare un'unica "app da fare" che ti dia una visione migliore di come funziona la creazione di app con framework e librerie moderne.

5 passaggi per preparare il codice Angular 1 in Angular 2

Siamo grandi fan di Angular.js: dai un'occhiata ad alcuni dei nostri migliori contenuti Angular.js, come i modelli di siti Web Responsive AngularJS, i modelli di amministrazione 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 sei uno sviluppatore attivo di Angular.js in questo momento, leggi questo tutorial per prepararti alle modifiche future e prepara il tuo codice per una facile transizione a una nuova versione.

Panoramica di 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 e il modo in cui continuerà a funzionare come browser iniziare a integrare più delle caratteristiche complicate. Questo repository GitHub è una combinazione di oltre 350 punti elenco che discutono un sacco di diversi aspetti di ES6, come le funzionalità e come utilizzare tali funzionalità. Funziona anche e come appaiono le nuove funzioni, con molti collegamenti alle risorse in uscita per aiutarti ad approfondire la tua comprensione di ES6.

Concurrently JavaScript: una serie in 3 parti sulla concorrenza in JS

Kyle Simpson si prende un momento per condividere i suoi pensieri sulla concorrenza e l'asincronicità JavaScript e su come puoi usare quegli stessi concetti nel tuo ambiente di sviluppo. Contenuti affascinanti e molto di più un tutorial approfondito diviso in tre parti diverse.

Il costo dei quadri

Prova a imparare come codificare in JavaScript senza imbatterti in consigli intensi su come l'utilizzo di un framework risolverà tutti i tuoi problemi, gran parte dell'apprendimento di JavaScript in questi giorni si basa in realtà 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 e non di JS nativo (vanilla)? Paul Lewis lo descrive mettendo insieme un'analisi di benchmark concisa che aiuta i nuovi sviluppatori (e forse esperti) a fare scelte migliori sui 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 grandi può rivelarsi difficile, alcuni direbbero che si arriva al punto in cui sei sul punto di impazzire, quindi Kristian Poslek si sta prendendo il suo tempo per restituire alla comunità offrendo un tutorial su come costruire grandi applicazioni Angular senza impazzire.

Rilevamento di prossimità del volto con JavaScript

I linguaggi di programmazione stanno diventando sempre più intelligenti, ogni singolo giorno. Peter Bengtsson spiega nel suo tutorial come possiamo utilizzare JavaScript per creare un motore di rilevamento della prossimità dei volti che puoi utilizzare immediatamente nelle tue app e nei tuoi progetti.

Cosa può fare JavaScript?

Non sei del tutto sicuro di ciò che JavaScript può effettivamente fare? David Small presenta una presentazione semplice ma efficace sulle cose che JavaScript può effettivamente fare e qual è lo scopo principale di questo linguaggio. Lettura interessante per chiunque sia interessato a JavaScript, un tutorial che insegna gli aspetti più ampi del linguaggio.

Uscire dalla fatica di JavaScript – Edizione React

La fatica è un killer della produttività, lavorare con qualcosa per troppo tempo può causare una profonda fatica che può durare a lungo, ma anche, naturalmente, c'è il tipo di fatica che attribuiamo a strutture specifiche, che in questo caso accade essere Reagire. Quindi, come usciamo dalla nostra stanchezza 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 che il Web ha da offrire, ma cosa farai con tutti questi tutorial se non hai alcuna conoscenza preliminare di JavaScript? Immagino che sia altamente improbabile, dal momento che hai cercato in particolare i tutorial JavaScript, ma è probabile che tu voglia ampliare la tua conoscenza di JS, o forse aggiornarla dopo un lungo periodo di assenza. In tal caso, ecco un elenco molto accessibile di siti Web e piattaforme che offrono l'apprendimento di JavaScript online gratuitamente. 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 attività 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 aiutare a promuovere app nuove ed entusiasmanti per organizzazioni non profit che non possono permettersi programmatori professionisti. È una situazione vantaggiosa per tutti.
• Style Guide : le guide di stile aiutano a creare codice che rende facile per gli altri costruire, AirBNB ha rilasciato la propria guida di stile e diventa rapidamente la guida di stile JavaScript più popolare che puoi trovare su GitHub, o in qualsiasi altro luogo.

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 la lingua al suo massimo potenziale. Speriamo davvero che queste risorse siano di massimo beneficio per il tuo processo di apprendimento.