Top 25 de tutoriale JavaScript gratuite pentru a vă îmbunătăți abilitățile JavaScript

Programarea front-end a continuat să crească în 2015 și putem prevedea o altă fază de creștere imensă pentru limbile front-end în 2016. Milioane de noi utilizatori web se conectează și toți vor învăța în cele din urmă despre informatică, dezvoltarea web , și programarea în special. JavaScript s-a impus ca lider în biblioteca de limbaje de programare, depășind clasicele de altădată, cum ar fi Java; unii spun că JavaScript atinge vârful, în timp ce considerăm că mai are loc să crească și domină opțiunile de limbaj de programare.

ECMAScript 6 este deja în plină desfășurare, nu trece o zi în care cineva să nu scrie despre ES6 și ce aduce la masă pentru dezvoltatorii JavaScript noi și experimentați. Viitorul JavaScript arată minunat, pentru ambele; dezvoltatori de web și software. Ingineria hardware și software sunt două domenii noi în care JavaScript poate fi văzut dominând, în special prin utilizarea unor cadre populare precum Node.js - JavaScript ajunge pe piețe noi în fiecare moment, iar multor limbi vor fi greu să țină pasul, puterea comunității în spatele JavaScript a depășit multe argumente logice și raționale care ar putea implica alte limbi mai bune. Analizarea a ceva pentru a vedea dacă va fi o potrivire bună pentru următorul dvs. loc de muncă, se reduce la a vă pune câteva întrebări oneste.

JavaScript, ca limbaj de programare, a dovedit lumii că este durabil, puternic și fiabil. Învățarea JavaScript nu a fost niciodată mai interesantă, o mulțime de locuri de muncă atât cu normă întreagă, cât și freelance, o mulțime de proiecte interesante pentru a lucra la GitHub, un flux constant de articole noi și tutoriale din comunitatea JavaScript, ecosistemul limbilor este foarte sănătos, și foarte util când vine vorba de asta. Vrem să contribuim la acel aspect comunitar prin înscrierea a câteva zeci de articole tutoriale JavaScript care au fost publicate în ultimele 2-3 luni, asigurându-ne că calitatea articolelor este în concordanță cu cele mai recente sfaturi, trucuri și, bineînțeles, JavaScript - standarde , cum ar fi ES6.

Scrierea modulelor JavaScript reutilizabile de generația următoare în ECMAScript 6

Jim Cowart a petrecut mult timp încercând să înțeleagă ES6 și încercând să-și găsească cele mai secrete ciudățenii și trăsăturile care îi pot ajuta pe dezvoltatori să construiască mai bine, mai rapid și cu mai multă rezistență. Principala intenție a articolului este de a ajuta dezvoltatorii web vechi și noi să construiască biblioteci ES6 care pot fi utilizate în contextul ES5, ceea ce înseamnă că Jim va explica și arăta cum Babel poate fi folosit pentru a transforma bibliotecile ES6 în biblioteci ES5 complet funcționale, iar motivul pentru a face acest lucru este că browserele web încă încearcă să ajungă din urmă cu noul standard. Pentru a face biblioteca reutilizabilă și ușor de lucrat cu alți dezvoltatori, Jim se concentrează foarte mult pe module, oferind un modul pentru aproape orice, într-un mod care se simte de fapt corect.

Aflați cum să realizați vizualizări de date cu D3.js

Vizualizarea datelor nu ar putea fi mai importantă în epoca actuală a creșterii web, a creșterii afacerilor prin tehnologie și a scopurilor generale ale științei datelor. Și poate fi atât de specific încât uneori doar o mână de oameni foarte dotați creează genul de vizualizări care atrag atenția unora dintre cele mai cunoscute site-uri media de pe planetă, deși nu întotdeauna din punct de vedere legal. Vizualizarea datelor poate fi utilă în vizualizarea seturilor de date simple, analizarea site-ului dvs. pentru performanță, scufundarea mai profundă în datele analitice și multe altele.

De-a lungul anilor, JavaScript a devenit un favorit printre oamenii de știință de date care doresc să se joace cu datele din browser în mod eficient și cu acuratețe. De la lansarea D3.js în 2011, biblioteca a depășit orice concurență posibilă și este un nume obișnuit pentru dezvoltatorii JavaScript care au nevoie de un instrument complex pentru a îndeplini sarcini complexe de știință a datelor.

Biblioteci de aplicații front-end și arhitecturi de componente

Cody Lindley a scris un articol JavaScript avizat, care acționează mai mult ca un tutorial pentru a ajuta dezvoltatorii să afle cum componentele JavaScript native din cele mai populare cadre și biblioteci JavaScript au devenit la fel. Înțelegerea acestui concept face mai ușor să faceți alegeri între cadrele sau bibliotecile cu care să lucrați, deoarece dintr-o dată vă dați seama că nu va fi la fel de mult de lucru să învățați ceva nou, deoarece va folosi cam aceeași structură componentă ca ultima dvs. cadru.

Cele mai bune practici React.js pentru 2016

React a fost peste tot în știri în 2015. Este cea mai rapidă bibliotecă JavaScript pe care comunitatea a văzut-o în ultimii ani și este încă utilizată în mod activ de sute de mii de dezvoltatori în fiecare zi. React simplifică ridicol construirea de interfețe native UI care nu interferează cu alte aspecte ale proiectului pe care îl lucrați, astfel încât, într-un anumit sens, puteți folosi React pentru a vă construi interfața de utilizare sau puteți utiliza React pentru a vă ajuta să construiți un o interfață mai bună și, în niciun moment, React nu își va asuma rolul unei biblioteci principale și, în schimb, va funcționa numai atunci când o solicitați. În timp ce toate acestea sună simplu, există încă o curbă de învățare, iar directorul tehnic al RisingStack, Peter Marton, spune totul despre cele mai bune practici pentru React, din propria sa perspectivă.

Ești nou în Ember? Începe aici! (Tutorial 2016)

Ne-am stabilit deja părerea despre Ember, este un cadru de dezvoltare web modern care s-a potrivit perfect pentru unul dintre articolele noastre recente; cele mai bune cadre JavaScript. Ember permite dezvoltatorilor JavaScript să creeze rapid aplicații web moderne pentru desktop și dispozitive mobile, fără a fi nevoie să compromită mult ceea ce ar putea oferi alte biblioteci îmbinate. Dacă sunteți nou în Ember și ați auzit despre asta mai recent, vă recomandăm să căutați acest tutorial de la Frank Treacy. Stilul său de scriere și îndrumarea sunt perfecte pentru a înțelege mai bine Ember Framework.

Cum să înveți ES6

În realitate, mulți dezvoltatori JavaScript știau ce este ES6, cu mult înainte de lansarea standardului. Este modul de limbaje de programare, standardele devin disponibile ca schițe pentru ca comunitatea să experimenteze, înainte de finalizarea oricărei finalizări. Același lucru este valabil și pentru ECMAScript 7 sau ES7 , caracteristicile sunt deja disponibile, dar toată lumea așteaptă browserele să ajungă din urmă, ceea ce nu este întotdeauna un proces ușor. Eric Elliott a compilat un set la îndemână de articole și sfaturi în postarea sa Mediumă despre cum să abordăm mai bine procesul de învățare ES6.

Definiții de funcții în JavaScript

Marius Schulz oferă dezvoltatorilor JavaScript un pic de înțelegere a modului în care funcționează definițiile funcției în JavaScript și a modului în care pot fi abordate în trei moduri diferite, mai ales de la lansarea funcțiilor ES6 și Arrow.

Porniți propria bibliotecă JavaScript folosind webpack și ES6

Bibliotecile JavaScript sunt mici scripturi JavaScript mici (nu întotdeauna mici) care ajută dezvoltatorii să își extindă proiectele cu o funcție specifică pe care altfel ar trebui să o creați separat. Unii spun că React.js acționează ca o bibliotecă, unde unii spun că este mai mult un cadru. Oricare ar fi cazul, Krasimir Tsonev restrânge procesul de creare a unei biblioteci JavaScript cu ES6 și ajutorul WebPack.

7 Funcții esențiale JavaScript

David Walsh este un favorit printre mulți dezvoltatori front-end, un dezvoltator consecvent și, de asemenea, un scriitor care nu se teme să împărtășească gândurile, opiniile și experiențele sale cu lumea front-end. Propriul său site web este un exemplu excelent despre cât de departe poate fi luată dezvoltarea nativă și cât de frumos poate fi executată sub forma unui site web de conținut. Cu toate acestea, postarea sa nu este despre design, ci de fapt funcții JavaScript; cea mai esențială parte a limbajului este funcțiile, iar David oferă, în plus, șapte funcții pe care poate le-am abandonat în timpul procesului nostru de învățare a limbii și a aspectelor sale mai importante.

Hărți Google simplificate cu GMaps.js

Fiecare lucru de pe web se reduce la un element, un element specific care realizează o caracteristică selectată. În cazul hărților, putem folosi widgetul Google Maps nativ de pe pagina oficială Google sau ne putem baza pe biblioteci terțe care oferă o funcționalitate puțin mai mare decât am obține dintr-un widget independent. Aici avem un tutorial despre cum să abordați cel mai bine biblioteca GMaps.js și să profitați la maximum de construirea hărților dvs.

Rezultatele sondajului pentru dezvoltatori JavaScript

Sondajele s-ar putea să nu pară deloc tutoriale, dar într-un anumit sens sunt. Sunt tutoriale către comunitate, modul în care gândește comunitatea și, de asemenea, ceea ce comunitatea consideră a fi cel mai bun pentru a aborda limba, JavaScript, având în vedere evoluția modernă a acesteia. Așadar, da, vă recomandăm să utilizați acest sondaj ca o modalitate de a afla mai multe despre dezvoltatorii JavaScript, care sunt opiniile și recomandările lor și, probabil, să încorporați unele dintre aceste informații în cadrul propriului flux de lucru productiv.

Universal React

Bibliotecile precum React au schimbat într-adevăr modul în care sunt produse aplicații din partea clientului. Există o mulțime de avantaje în acest mod de programare, performanță îmbunătățită, printre accesibilitate mai ușoară, dar există și căderi, iar una dintre căderi este aceea de a servi conținut JavaScript utilizatorilor care nu au browser-uri JavaScript sau pentru căutare roboți de motor care nu funcționează bine cu JavaScript. Vestea bună este că această problemă a fost recunoscută și este posibil să se construiască o aplicație complet prezentată de partea clientului, care poate fi redată pe server. React este calea care face ca executarea JavaScript pe partea de server și client să devină o realitate, iar Jack Franklin a publicat un tutorial care analizează mai profund problemele și modul în care poate fi rezolvată.

Cum să programați sarcini de fundal în JavaScript

Craig Buckler oferă o explicație concisă a modului în care funcționează sarcinile de fundal în JavaScript și cum să le abordăm cel mai bine. Craig Buckler a scris mii de articole pentru SitePoint și are o vastă experiență în limbi cum ar fi JavaScript, HTML5 și CSS3 - astfel încât să-i poți crede pe cuvânt să fie adevărat atunci când vorbește despre subiecte atât de largi.

Analizarea fluxurilor RSS în JavaScript - Opțiuni

Fluxurile RSS fac mult mai accesibil conținutul publicat pe paginile web. 99% din blogurile de astăzi au suport pentru fluxurile RSS, ceea ce face mai ușor pentru alții să primească conținut în mod regulat prin utilizarea fluxurilor. Alte utilizări pentru fluxuri includ capacitatea de a le analiza, apoi de a utiliza datele analizate în moduri diferite, fie pentru un site web de fermă de legături, fie pentru o aplicație care are nevoie de seturi specifice de date dintr-un flux RSS analizat, Raymond Camden explorează acest subiect mai mult și numără în jos opțiunile posibile pentru dezvoltatorii JavaScript care doresc să utilizeze JavaScript pentru a analiza fluxurile RSS.

Rotiți elementele pe derulare cu JavaScript

Dudley Storey își împărtășește povestea despre modul în care și-a transformat site-ul web pentru a fi complet liber de orice cadru JavaScript și, în schimb, folosește Vanilla JavaScript pentru a construi o experiență interactivă de navigare pe web pentru cititorii săi, ultima sa creație a fost un tutorial despre cum să rotiți elementele de pagină individuale folosind Vanilla JavaScript. Este un tutorial fascinant care vă va deschide ușile către multe alte moduri interactive de utilizare a JS în proiectele dvs. web.

Cum să creați o aplicație Todo utilizând React, Redux și Immutable.js

React, Redux și Immutable.js evoluează rapid cu numele bibliotecilor JavaScript care schimbă modul în care percepem dezvoltarea și, de asemenea, modul în care construim aplicații pentru toate dispozitivele. Emre Guneyler ne oferă în acest articol o introducere rapidă în toate cele trei biblioteci și cum să construim o singură „aplicație todo” care să vă ofere o imagine mai bună a modului în care se dezvoltă aplicații cu cadre și biblioteci moderne.

5 pași pentru a vă pregăti codul unghiular 1 pentru unghiular 2

Suntem fani uriași ai Angular.js - trebuie doar să consultați unele dintre cele mai bune conținuturi ale noastre Angular.js, cum ar fi șabloanele de site-uri web responsive AngularJS, șabloanele de administrare AngularJS și resursele comunității pentru Angular 2 - suntem bine pregătiți pentru primirea Angular 2 și chiar cu atât mai mult cu adăugarea acestui tutorial de la Oren Farhi. Venirea Angular 2 este inevitabilă și, dacă sunteți un dezvoltator Angular.js activ chiar acum, citiți acest tutorial pentru a vă pregăti pentru schimbările viitoare și pregătiți codul pentru o tranziție ușoară într-o nouă versiune.

Prezentare generală ES6 în 350 puncte Bullet

ES6 a fost cea mai mare actualizare a unui standard JavaScript în ultimii doi ani, este un supliment imens la un limbaj de programare deja solid, totuși această adăugare schimbă cu adevărat modul în care funcționează JavaScript pe web și modul în care va continua să funcționeze ca browsere începeți să integrați mai multe caracteristici dificile. Acest depozit GitHub este o combinație de peste 350 de puncte cheie care discută o mulțime de aspecte diferite ale ES6, cum ar fi caracteristicile și modul de utilizare a acestor caracteristici. De asemenea, funcțiile și cum arată noile funcții, cu o mulțime de link-uri de resurse de ieșire pentru a vă ajuta să vă aprofundați înțelegerea despre ES6.

În același timp JavaScript: o serie din 3 părți despre concurența în JS

Kyle Simpson are nevoie de un moment pentru a-și împărtăși gândurile despre concurența și asincronicitatea JavaScript și despre modul în care puteți utiliza aceleași concepte în propriul mediu de dezvoltare. Conținut fascinant și cu atât mai mult un tutorial detaliat, împărțit în trei părți diferite.

Costul cadrelor

Încercați să învățați cum să codificați în JavaScript fără să întâlniți sfaturi intense cu privire la modul în care utilizarea unui cadru vă va rezolva toate problemele, o mare parte a învățării JavaScript în zilele noastre se bazează de fapt pe cadre, cum ar fi React, Angular, Backbone și altele. Da, cadrele simplifică construirea rapidă a aplicațiilor web și mobile, dar care sunt costurile reale ale utilizării cadrelor și nu JS nativ (vanilat)? Paul Lewis descrie acest lucru prin realizarea unei analize de referință concise care ajută dezvoltatorii noi (și poate experimentați) să facă alegeri mai bune cu privire la cadre.

Anatomia unei aplicații unghiulare mari

Angular este în prezent principalul cadru JavaScript pentru crearea de aplicații web rapide. Cu toate acestea, construirea de aplicații Angular extinse și mari se poate dovedi a fi dificilă, unii ar spune că ajunge până la punctul în care ești pe punctul de a te înnebuni, așa că Kristian Poslek își ia timpul să dea înapoi comunității oferind un tutorial despre cum să construiți aplicații angulare mari fără a vă înnebuni.

Detectarea proximității feței cu JavaScript

Limbajele de programare devin din ce în ce mai inteligente, în fiecare zi. Peter Bengtsson explică în tutorialul său cum putem folosi JavaScript pentru a construi un motor de detectare a proximității feței pe care îl puteți utiliza în aplicațiile și proiectele dvs. imediat.

Ce poate face JavaScript?

Nu sunteți pe deplin sigur de ceea ce JavaScript poate face de fapt? David Small prezintă o prezentare simplă, dar eficientă, despre lucrurile pe care JavaScript le poate face și care este scopul principal al acestui limbaj. Citire interesantă pentru oricine este interesat de JavaScript, un tutorial care învață aspectele mai largi ale limbajului.

Ieșirea din JavaScript Fatigue - React Edition

Oboseala este o crimă a productivității, lucrul cu ceva prea mult timp poate provoca oboseala profundă care poate dura mult timp, dar, de asemenea, desigur, există tipul de oboseală pe care o atribuim cadrelor specifice, ceea ce în acest caz se întâmplă a fi React. Deci, cum ne scăpăm de oboseala noastră față de React? Reto Schlapfer are un răspuns la această întrebare.

Resurse pentru învățarea JavaScript online

Am explorat unele dintre cele mai bune tutoriale actualizate pe JavaScript pe care webul le poate oferi, dar ce veți face cu toate aceste tutoriale dacă nu aveți cunoștințe prealabile în JavaScript? Cred că este foarte puțin probabil, deoarece ați căutat în special tutoriale JavaScript, dar este posibil să doriți să vă extindeți cunoștințele despre JS sau să le reîmprospătați după o lungă perioadă de absență. În acest caz, iată o listă foarte accesibilă de site-uri web și platforme care oferă gratuit învățarea JavaScript online. Numai cel mai bun.

• Codecademy - o platformă pentru a înțelege fundamentele dezvoltării web, în ​​special JavaScript. Codecademy este unul dintre primele site-uri cu care dezvoltatorii front-end noi și aspiranți își încep cariera. Este distractiv, este interactiv și face treaba bine.
• Learn-JS - este o platformă similară cu Codecademy, cu un set diferit de sarcini și curbe de învățare și foarte utilă după terminarea Codecademy, pentru a vă rafina abilitățile nou învățate și, probabil, pentru a observa ceea ce ați fi pierdut.
• freeCodeCamp - o platformă de codare bazată pe comunitate care evoluează rapid, unde fiecare membru al site-ului poate participa la rezolvarea problemelor, provocărilor și apoi poate ajuta la împingerea de aplicații noi și interesante pentru organizații nonprofit care nu își pot permite programatori profesioniști. Este o situație câștig-câștig.
• Ghid de stil - ghidurile de stil vă ajută să construiți cod care să faciliteze construirea de către alții, AirBNB a lansat propriul lor ghid de stil și a devenit rapid cel mai popular ghid de stil JavaScript pe care îl puteți găsi pe GitHub sau oriunde altundeva.

În concluzie, este foarte evident că învățarea JavaScript nu ar trebui să fie o problemă atât de mare, dezvoltatorii activi își împărtășesc în mod constant sfaturile, ideile și tutorialele despre cum să devii mai bun, precum și despre cum să folosești limba la potențialul său maxim. Sperăm cu adevărat că aceste resurse sunt cele mai benefice pentru procesul dvs. de învățare.