Top 25 de tutoriale JavaScript gratuite pentru a vă îmbunătăți abilitățile JavaScript
Publicat: 2022-03-08Programarea front-end a continuat să crească în 2021 și putem prevedea o altă fază de creștere uriașă pentru limbile front-end în 2022. Milioane de noi utilizatori web se conectează și toți vor învăța în cele din urmă despre informatică, dezvoltare web , și programare. JavaScript s-a impus ca lider în biblioteca limbajului de programare, depășind clasicii vechi precum Java; unii spun că JavaScript este în vârf. Simțim că încă mai are loc să crească și să domine alegerile limbajului de programare.
ECMAScript 6 este deja în plină desfășurare, nu trece o zi în care cineva să nu scrie despre ES6 și despre ce aduce el la masă pentru dezvoltatorii JavaScript noi și experimentați. Viitorul JavaScript arată grozav, pentru ambii; dezvoltatori web și software. Ingineria hardware și software sunt două domenii noi în care JavaScript poate fi văzut dominant, în special prin cadre populare precum Node.js — JavaScript ajunge pe noi piețe în fiecare moment. Multe limbi vor avea greu să țină pasul, puterea comunității din spatele JavaScript a depășit multe argumente logice și raționale care ar putea implica că alte limbi sunt mai bune. Analizând ceva pentru a vedea dacă va fi potrivit pentru următorul tău loc de muncă, înseamnă să-ți pui câteva întrebări sincere.
JavaScript ca limbaj de programare a dovedit lumii că este durabil, puternic și de încredere. Învățarea JavaScript nu a fost niciodată mai intrigantă, o mulțime de locuri de muncă atât full-time, cât și freelance, o mulțime de proiecte interesante la care să lucrezi la GitHub, un flux constant de articole și tutoriale noi de la comunitatea JavaScript, ecosistemul limbilor este extrem de sănătos, și foarte util când vine vorba de asta. Dorim să contribuim la acest aspect comunității prin includerea a câteva zeci de articole tutorial JavaScript care au fost publicate în ultimele 2-3 luni, asigurându-ne că calitatea articolelor este în conformitate cu cele mai recente sfaturi, trucuri și, desigur, standarde JavaScript. , 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 să-și dezvolte cele mai secrete ciudații și trăsături care pot ajuta dezvoltatorii să construiască mai bine, mai rapid și cu mai multă rezistență. Intenția principală 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 va arăta și modul în care 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 utilizat pentru alți dezvoltatori, Jim se concentrează mult pe module, oferind un modul pentru aproape orice, într-un mod care se simte corect.
Aflați cum să faceți vizualizări de date cu D3.js
Vizualizarea datelor nu ar putea fi mai importantă în era actuală a creșterii web, a creșterii afacerii prin tehnologie și în scopuri generale de știință a datelor. Și poate fi atât de specific încât uneori doar o mână de oameni foarte talentați creează genul de vizualizări care captează atenția unora dintre cele mai cunoscute site-uri media de pe planetă, deși nu întotdeauna din punct de vedere legal. Vizualizarea datelor vă poate ajuta să vizualizați seturi de date simple, să vă analizați site-ul web pentru performanță, să vă aprofundați în datele de analiză etc.
De-a lungul anilor, JavaScript a devenit favorit printre oamenii de știință de date care doresc să se joace cu datele din browser și cu acuratețe în mod eficient. De la lansarea D3.js în 2011, biblioteca a depășit orice concurență posibilă. Este un nume cunoscut pentru dezvoltatorii JavaScript care au nevoie de un instrument complex pentru a efectua sarcini complexe de știință a datelor.
Biblioteci de aplicații front-end și arhitecturi de componente
Cody Lindley a scris un articol JavaScript care acționează mai degrabă ca un tutorial pentru a ajuta dezvoltatorii să învețe cum componentele native JavaScript din cele mai populare cadre și biblioteci JavaScript au devenit aceleași. Înțelegerea acestui concept face mai ușor să alegeți între cadrele sau bibliotecile cu care să lucrați, pentru că dintr-o dată vă dați seama că nu va fi la fel de multă muncă să învățați ceva nou, deoarece va folosi aceeași structură de componente ca ultimul cadru.
Cele mai bune practici React.js pentru 2016
React a fost peste tot în știri în 2015. Este biblioteca JavaScript cu cea mai rapidă creștere pe care a văzut-o comunitatea în ultimii ani și este încă folosită activ de sute de mii de dezvoltatori în fiecare zi. React face ridicol de simplu să construiești interfețe native UI care să nu interfereze cu alte aspecte ale proiectului tău pe care îl lucrezi, așa că, într-un anumit sens, poți folosi React pentru a-ți construi interfața de utilizare sau poți folosi React pentru a te ajuta să construiești un o interfață de utilizare mai bună și în niciun moment React nu își va asuma rolul de bibliotecă principală și, în schimb, va funcționa numai atunci când o cereți. Deși toate acestea sună simplu, există încă o curbă de învățare, iar CTO al RisingStack, Peter Marton, spune totul despre cele mai bune practici pentru React, din perspectiva sa.
Nou în Ember? Începe aici! (tutorial 2016)
Ne-am stabilit deja părerea despre Ember, este un cadru modern de dezvoltare web care s-a potrivit perfect pentru unul dintre articolele noastre recente; cele mai bune cadre JavaScript. Ember le permite dezvoltatorilor JavaScript să creeze rapid aplicații web moderne pentru desktop și dispozitive mobile, fără a compromite prea mult ceea ce ar putea oferi alte biblioteci îmbinate. Dacă sunteți nou la Ember și s-a întâmplat să auziți despre el mai recent, vă recomandăm insistent să consultați acest tutorial de la Frank Treacy. Stilul său de scris și îndrumarea sunt perfecte pentru a înțelege mai profund Ember Framework.
Cum să înveți ES6
Mulți dezvoltatori JavaScript știau ce este ES6, cu mult înainte ca standardul să fie lansat. Este modul de programare a limbajelor, standardele devin disponibile ca schițe pentru ca comunitatea să experimenteze, înainte de finalizarea oricăror finalizări. Același lucru este valabil și pentru ECMAScript 7 sau ES7 , funcțiile sunt deja disponibile, dar toată lumea așteaptă ca browserele să ajungă din urmă, ceea ce nu este întotdeauna un proces fără probleme. Eric Elliott a compilat un set la îndemână de articole și sfaturi în postarea lui Medium despre cum să abordăm mai bine procesul de învățare ES6.
Definiții de funcție în JavaScript
Marius Schulz le oferă dezvoltatorilor JavaScript o mică perspectivă asupra modului în care funcționează definițiile funcțiilor în JavaScript și cum pot fi abordate în trei moduri diferite, mai ales după lansarea ES6 și a funcțiilor Arrow.
Începeți propria bibliotecă JavaScript folosind webpack și ES6
Bibliotecile JavaScript sunt scripturi JavaScript mici (nu întotdeauna mici) care îi ajută pe dezvoltatori 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 cu ajutorul WebPack.
7 Funcții JavaScript esențiale
David Walsh este un favorit printre mulți dezvoltatori front-end, un dezvoltator consecvent și, de asemenea, un scriitor căruia nu se teme să-și împărtășească gândurile, opiniile și experiențele cu lumea front-end. Site-ul său web este un exemplu grozav al cât de departe poate fi dusă dezvoltarea nativă și cât de frumos poate fi executată sub forma unui site web de conținut. Cu toate acestea, postarea lui nu este despre design, ci despre funcții JavaScript; o parte esențială a limbajului o reprezintă funcțiile. David oferă șapte funcții suplimentare pe care este posibil să le fi abandonat în timpul învățării limbii și a aspectelor sale mai importante.
Hărți Google simplificate cu GMaps.js
Totul pe web se reduce la un element, un element specific care realizează o caracteristică selectată. În cazul hărților, putem folosi widgetul nativ Google Maps de pe pagina oficială Google sau ne putem baza pe biblioteci terțe care oferă puțin mai multă funcționalitate decât am obține dintr-un widget autonom. 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.
Rezultatele sondajului pentru dezvoltatori JavaScript
Este posibil ca sondajele să nu sune deloc ca niște tutoriale, dar într-un fel sunt. Sunt tutoriale către comunitate, modul în care gândește comunitatea și ceea ce comunitatea consideră a fi cel mai bun pentru a aborda limbajul, JavaScript, având în vedere evoluția sa modernă. Deci, da, vă recomandăm să folosiți acest sondaj pentru a afla mai multe despre dezvoltatorii JavaScript, care sunt opiniile și recomandările lor și, poate, pentru a include unele dintre aceste informații în propriul flux de lucru productiv.
Reacția universală
Bibliotecile precum React au schimbat modul în care sunt produse aplicațiile la nivelul clientului. Există multe beneficii ale acestui mod de programare, performanță îmbunătățită și accesibilitate mai ușoară. Totuși, există și dezavantaje, iar unul dintre dezavantaje este nevoia de a oferi conținut JavaScript utilizatorilor care nu au browsere activate pentru JavaScript sau roboți pentru motoarele de căutare 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 pe partea client, care poate fi redată pe server. React deschide calea pentru a face execuția JavaScript pe partea de server și pe partea clientului o realitate, iar Jack Franklin a publicat un tutorial care analizează mai profund problemele și cum poate fi rezolvată.
Cum să programați sarcini de fundal în JavaScript
Craig Buckler oferă o explicație concisă despre cum funcționează sarcinile de fundal în JavaScript și despre cum să le abordăm cel mai bine. Craig Buckler a scris mii de articole pentru SitePoint și are o experiență vastă în limbi precum JavaScript, HTML5 și CSS3 - așa că îi puteți crede adevărat atunci când vorbește despre subiecte atât de ample.
Fluxurile RSS fac conținutul publicat pe web mult mai accesibil. 99% dintre blogurile de astăzi acceptă fluxuri 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 și apoi de a utiliza datele analizate în moduri diferite, fie pentru un site web fermă de linkuri, 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ă invers opțiunile posibile pentru dezvoltatorii JavaScript care doresc să folosească JavaScript pentru a analiza fluxurile RSS.
Dudley Storey își împărtășește povestea despre cum și-a transformat site-ul web pentru a fi complet liber de orice cadru JavaScript și, în schimb, a folosit Vanilla JavaScript pentru a construi o experiență interactivă de navigare pe web pentru cititorii săi, cea mai recentă creație a fost un tutorial despre cum să rotească elementele individuale ale paginii. folosind Vanilla JavaScript. Este un tutorial fascinant care vă va deschide porțile către multe alte moduri interactive de utilizare a JS în proiectele dvs. web.
Cum să construiți o aplicație Todo folosind React, Redux și Immutable.js
React, Redux și Immutable.js evoluează rapid nume de biblioteci JavaScript care schimbă modul în care percepem dezvoltarea și modul în care construim aplicații pentru toate dispozitivele. Emre Guneyler ne oferă în acest articol o introducere rapidă despre toate cele trei biblioteci și despre cum să construiți o singură „aplicație pentru toate” care vă va oferi o imagine mai bună asupra modului în care se construiește aplicații cu cadre și biblioteci moderne.
5 pași pentru a vă pregăti codul Angular 1 la Angular 2
Suntem mari fani ai Angular.js - trebuie doar să vedeți unele dintre cele mai bune conținuturi ale noastre Angular.js, cum ar fi Șabloanele de site web AngularJS receptive, Șabloanele de administrare AngularJS și Resurse comunitare pentru Angular 2 - suntem bine pregătiți pentru a primi Angular 2 și chiar cu atât mai mult cu adăugarea acestui tutorial de la Oren Farhi. Apariția lui Angular 2 este inevitabilă, iar dacă sunteți un dezvoltator activ Angular.js chiar acum, citiți acest tutorial pentru a vă pregăti pentru modificările care vor urma și pentru a vă pregăti codul pentru o tranziție ușoară într-o versiune nouă.
Prezentare generală ES6 în 350 de puncte
ES6 a fost cea mai mare actualizare a unui standard JavaScript din ultimii câțiva ani, este o completare uriașă la un limbaj de programare deja solid, dar această adăugare schimbă cu adevărat modul în care JavaScript funcționează pe web. Modul în care va continua să funcționeze pe măsură ce browserele încep să integreze mai multe dintre funcțiile complicate. Acest depozit GitHub este o combinație de peste 350 de puncte de marcare care discută o mulțime de aspecte diferite ale ES6, cum ar fi caracteristicile și modul de utilizare a acestor caracteristici. De asemenea, funcții și cum arată funcțiile noi, cu o mulțime de link-uri de resurse care vă vor ajuta să vă aprofundați înțelegerea despre ES6.
JavaScript simultan: o serie din 3 părți despre concurența în JS
Kyle Simpson își face un moment pentru a-și împărtăși părerile despre concurența și asincronicitatea JavaScript și despre cum puteți folosi aceleași concepte în mediul dvs. de dezvoltare. Conținut fascinant și, cu atât mai mult, un tutorial aprofundat care este î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ă a primi sfaturi intense despre cum folosirea unui cadru vă va rezolva toate problemele, o mare parte din învățarea JavaScript în zilele noastre se bazează pe cadre, cum ar fi React, Angular, Backbone și altele. Da, cadrele facilitează construirea rapidă a aplicațiilor web și mobile, dar care sunt costurile reale ale utilizării cadrelor, nu JS nativ (vanilie)? Paul Lewis descrie acest lucru prin realizarea unei analize concise de referință care îi ajută pe dezvoltatorii noi (și poate experimentați) să facă alegeri mai bune pentru cadre.
Anatomia unei aplicații unghiulare mari
Angular este în prezent cadrul principal JavaScript pentru construirea 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 la punctul în care ești pe punctul de a deveni nebun, așa că Kristian Poslek își face timp pentru a da înapoi comunității oferind un tutorial. despre cum să construiești aplicații mari Angular fără a înnebuni.
Detectarea proximității feței cu JavaScript
Limbajele de programare devin din ce în ce mai inteligente, în fiecare zi. În tutorialul său, Peter Bengtsson explică cum putem folosi JavaScript pentru a construi un motor de detectare a proximității feței pe care îl puteți utiliza imediat în aplicațiile și proiectele dvs.
Ce poate face JavaScript?
Nu sunteți complet sigur de ce poate face JavaScript? David Small prezintă o prezentare simplă, dar eficientă asupra lucrurilor pe care le poate face JavaScript și a scopului principal al acestui limbaj. Lectură interesantă pentru oricine este interesat de JavaScript, un tutorial care învață aspectele mai ample ale limbajului.
Ieșirea din oboseala JavaScript – Ediția React
Oboseala este un ucigaș al productivității, lucrul cu ceva prea mult timp poate face ca cineva să experimenteze o oboseală profundă care poate dura mult timp, dar, de asemenea, există genul de oboseală pe care o atribuim unor cadre specifice, care în acest caz se întâmplă să fie React. Deci, cum scăpăm de oboseala față de React? Reto Schlapfer are un răspuns la această întrebare, scufundă-te.
Resurse pentru învățarea JavaScript online
Am explorat unele dintre cele mai bune tutoriale actualizate despre JavaScript pe care le oferă web-ul, dar ce veți face cu toate aceste tutoriale dacă nu aveți cunoștințe anterioare despre JavaScript? Cred că este foarte puțin probabil, deoarece ați căutat în special tutoriale JavaScript. Cu toate acestea, sunt șanse să doriți să vă extindeți cunoștințele JS sau poate 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ă învățarea JavaScript online gratuit. Numai cel mai bun.
- Codecademy — o platformă pentru a înțelege elementele fundamentale ale 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 îș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ă perfecționa abilitățile nou învățate și, probabil, pentru a observa ceea ce ați putea fi ratat.
- freeCodeCamp — o platformă de codificare bazată pe comunitate cu evoluție rapidă, unde fiecare membru al site-ului poate participa la rezolvarea problemelor, provocărilor și apoi poate ajuta la promovarea unor aplicații noi și interesante pentru organizații non-profit care nu își pot permite programatori profesioniști. Este o situație de câștig-câștig.
- Ghid de stil — ghidurile de stil ajută la crearea unui cod care facilitează construirea de către alții, AirBNB și-a lansat propriul 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, perspectivele și tutorialele despre cum să devii mai bun, precum și despre cum să folosești limbajul la potențialul maxim. Sperăm cu adevărat că aceste resurse sunt de cel mai mare beneficiu pentru procesul dumneavoastră de învățare.