Lista de framework-uri javascript populare. Biblioteci, instrumente și cadre JavaScript esențiale pe care ar trebui să le cunoașteți. Ce este JavaScript Framework

Continuăm comparația dintre principalele cadre Javascript pentru 2011. Am identificat, folosind metode strict științifice, evitând subiectivitatea și expresismul inutil, chiar acești lideri mondiali, ei bine, astăzi îi vom privi direct și îndeaproape - cele șase biblioteci de javascript de top în ordinea descrescătoare a popularității lor.

1 loc:

Dimensiune: 155Kb (versiunea minimă - 72Kb), licență: MIT și GNU GPL, ultima versiune: 1.6 (3 mai 2011)

jQuery este cea mai populară și răspândită bibliotecă JavaScript pe care se concentrează Interacțiunea JavaScriptși HTML. jQuery oferă, de asemenea, un API convenabil pentru lucrul cu Ajax. Acest cadru a fost unul dintre primele care au fost implementate cu succes. Un alt secret al popularității acestei biblioteci este implementarea unui echilibru foarte consistent între funcționalitate bună și, în același timp, încercare reușită creând un nucleu universal destul de compact. Dacă adăugăm aici capacitatea de compromis de a extinde foarte simplu funcționalitatea bibliotecii de bază prin includerea de plugin-uri suplimentare (al căror număr depășește acum 1000) - atunci rezultatul este un produs cu adevărat universal, flexibil și rapid.

Pentru cei care doresc să obțină efecte UI mai avansate (UI, interfață cu utilizatorul), cum ar fi suport pentru scalare, sortare, glisare și plasare și widget-uri standard, precum marcaje, glisor, bara de progres etc. - se recomandă utilizarea unei biblioteci aferente, care este specializată în special în efecte grafice și crearea de interfețe complexe de utilizator.

În general, jQuery este foarte benefic pentru proiecte de dimensiuni mici și mijlocii, dar în curs de dezvoltare proiecte majore poate fi problematică deoarece duce la deficite de proiectare, deși este foarte productivă datorită conținutului și codului său simplu. Ei bine, popularitatea produsului este evidențiată de faptul că foștii concurenți, de exemplu xajax (xajaxproject.org), ei înșiși trec în cele din urmă la folosind jQuery, Microsoft va populariza partajarea jQuery cu tehnologiile sale, iar Nokia își anunță intenția de a integra jQuery pentru acesta widget-uri mobile.

Digg, BBC, Dell, IsoHunt, Break.com, TinyPic, eMusic, Box.net, Yandex Maps.

Cuvinte cheie pentru SEO: meniul jquery, oigukn, jquery exemple ajax, referință javascript, oygukn

locul 2:

Dimensiune: 278Kb (versiunea minimă - 56Kb), licență: MIT, ultima versiune: 1,7 (22 noiembrie 2010)

Al doilea cadru js cel mai popular, care simplifică foarte mult lucrul cu Ajax și cu alte funcții js avansate. În ciuda disponibilității sale ca bibliotecă de sine stătătoare, este cel mai des folosită de programatori împreună cu Ruby on Rails, Tapestry, script.aculo.us și Rico. Adesea, integrarea strânsă cu larg răspândită Ruby on Rails este cea care se încearcă să explice popularitatea acestuia (deși jQuery deja discutat la nivel de plugin poate interacționa și cu multe platforme populare, de exemplu, cu același Ruby on Rails sau PHP (jquery. hohli.com)).

Din punct de vedere al designului, cadrul este foarte convenabil pentru proiectele de dimensiuni medii, deoarece oferă o modalitate rudimentară de a emula OOP clasic, pe lângă funcționalitatea sa simplă. Performanța sa este oarecum instabilă, adică În unele operații poate fi rapid, în altele performanța scade simțitor. Prototype este unul dintre puținele cadre care nu includ componente UI sau îmbunătățiri UX - pentru a utiliza astfel de efecte, este recomandat să folosiți biblioteca sa copil - script.aculo.us (sau Scripty2), care adaugă o cantitate mare efecte grafice, suport pentru glisare și plasare, glisoare, editori Ajax etc.

Exemple de site-uri cunoscute bazate pe acest cadru: CNN, Noul York Times, Apple, Fox News Channel, Last.fm, Twitter, Hakia.

Cuvinte cheie pentru SEO: script java, descărcare prototip, javascript js, document js, script js, comparație cadru

locul 3:

Dimensiune: 101Kb (versiunea minimă - 60Kb), licență: MIT, ultima versiune: 1.3 (11 octombrie 2011)

MooTools este un cadru modular, orientat pe obiecte. Este foarte asemănător în abordarea sa asupra designului de bază cu jQuery și Prototype - nu include controale și widget-uri UI, limitându-se la un set minim de efecte și capabilități.

Aceasta este o bibliotecă JavaScript foarte bună - agilă, mică, împărțită în multe module mici, bine documentată. În opinia noastră unanimă, codul de aici este mai clar și mai bine organizat în comparație cu liderul - jQuery. Modularitatea este un mare plus separat: este posibil să compilați biblioteca necesară pentru un anumit scop - deși economiile în kiloocteți în comparație cu jQuery sunt practic nimic. Există o opinie stereotipă conform căreia începătorilor le este mai bine să folosească jQuery, iar programatorilor experimentați le este mai bine să utilizeze MooTools, dar credem că MooTools este mai bine pentru ambele.

În plus, acest cadru conține un plugin foarte interesant MooTools.More.js, care este de fapt ceva mai mult decât un simplu plugin: vă permite să extindeți foarte mult capacitățile bibliotecilor terțe și, în același timp, are suplimente foarte interesante. aplicații pentru manipularea matricelor și a datelor, hashemi, șiruri de caractere etc. Am fost foarte impresionați de capacitatea de a localiza sintaxa engleză a limbajului mootools în sine în orice limbă națională, ceea ce vă permite să programați în ea cât mai confortabil posibil, de exemplu, în rusă.

Exemple de site-uri cunoscute bazate pe acest cadru: MooTools este folosit în CMS Joomla, deci există o mulțime de astfel de site-uri. Este folosit și de (Consorțiu World wide web)

Cuvinte cheie pentru SEO: mootools joomla, mootools jquery, mootools js

locul 4:

Bibliotecă Yahoo! Biblioteca UI (YUI) este un set de utilități și controale scrise în JavaScript și CSS pentru crearea de aplicații web interactive folosind scripting DOM, tehnici DHTML și Ajax. Există două tipuri de componente disponibile în acest cadru: utilități și controale. Utilitățile simplifică dezvoltarea browserului legat de DOM, DHTML și Ajax. Comenzile sunt un set de gata făcute, extrem de interactive elemente vizuale pentru proiectarea paginilor web. Toate aceste elemente sunt create și funcționează numai pe partea clientului și nu necesită o reîmprospătare a paginii pentru a le schimba. Întreaga bibliotecă este distribuită sub o licență BSD și este gratuită pentru toți utilizatorii. YUI a fost creat în comun de ingineri de top Yahoo, precum și de dezvoltatori din întreaga lume. Acum este unul dintre cadrele js de top, complet gata pentru utilizare industrială, unde componentele UI și UX foarte avansate sunt integrate într-un întreg într-o singură livrare, formând un produs complet complet, independent și universal. Dacă la aceasta adăugăm licența ei foarte liberală, atunci popularitatea pe care a câștigat-o pe bună dreptate această bibliotecă este de înțeles, mai ales în evoluții comercialeşi numeroase furci unde a fost luată ca bază.

Exemple de site-uri cunoscute bazate pe acest cadru: Yahoo! Cumpărături, Bebo, ImageShack, LinkedIn, Walmart.com.

Cuvinte cheie pentru SEO: descărcați yui, nfrschsch

locul 5:

Dimensiune: 502Kb (versiunea minimă - 84Kb), licență: GPLv3 și comercial, cea mai recentă versiune: 4.0 (26 aprilie 2011)

Proiectul a început ca o încercare de a extinde programul Yahoo! Interfață cu utilizatorul, dar activată în această etapă- acesta este un proiect complet original, practic fără legătură cu YUI. Forța motrice, fondatorul și liderul permanent al proiectului rămâne Jack Slotsum, - specialist celebru printre programatorii JavaScript.

ExtJS nu este cel mai performant cadru disponibil, ci principalul trăsătură distinctivă prin faptul că oferă cel mai apropiat mediu de programare clasică, implementând mijloace grafice foarte dezvoltate de afișare și interacțiune cu utilizatorul într-un mediu Web 2.0. Începând cu versiunea Ext JS 3.0, biblioteca este împărțită logic în două părți: Ext Core (un set de funcții JavaScript care vă permite să creați pagini web dinamice cu procesare unificată în browsere diferiteși distribuit sub licența MIT) și Ext JS (un set de widget-uri pentru creare interfețe cu utilizatorul licență duală conform GPL v3 sau licență comercială).

În general, ExtJS face o impresie foarte favorabilă - acest cadru are foarte mare capabilități grafice. Aici linia dintre aplicațiile web și desktop devine din ce în ce mai subțire.

Cuvinte cheie pentru SEO: ext download, ext 4, ext js, ext 3, ext 2, ext yst pfdtltybz

locul 6:

Dimensiune: 123Kb (versiunea minimă - 65Kb), licență: BSD și AFL, ultima versiune: 1.6.0 (15 martie 2011)

Un alt exemplu din lista de cadre populare, care, pe lângă faptul că repetă în mare măsură avantajele analogilor săi, are și propriile sale caracteristici. Printre cele mai importante, aș dori să menționez o încercare foarte serioasă de a obține o independență completă față de fiecare interpret JS specific, pentru care dezvoltatorii fac pur și simplu o treabă titanică de testare și găsire a celor mai universale și simple soluții. Prin urmare, în consecință, domeniul de aplicare al acestui cadru este cât se poate de larg: nu este numai solutii conventionale pe partea clientului, dar și pe partea serverului și computere desktop, - oriunde este posibil să rulați JavaScript. Al doilea important caracteristica tehnica Dojo acceptă designul cu mai multe puncte de intrare, ceea ce îi oferă multe avantaje tehnice evidente. Aș dori să menționez, de asemenea, Extensiile Dojo pentru Adobe AIR, concepute pentru a ajuta dezvoltatorii să folosească întregul potențial al platformei AIR în aplicațiile care utilizează setul de instrumente Dojo.

Exemple de site-uri cunoscute bazate pe acest cadru: Dogo Toolkit este folosit activ în celebra extensie PHP - Zend Framework, așa că există o mulțime de astfel de site-uri.

Cuvinte cheie pentru SEO: descărcați dojo ghid detaliat, dojo zend dojo toolkit, exemple de dojo

În ultima parte a acestui opus, nu mă voi mai uita la lideri, ci pur și simplu la cadre foarte promițătoare. Ca întotdeauna în articolele mele, încerc să mă uit nu numai la picioarele mele, în timp ce afirm uneori fapte banale, ci și puțin înainte - privind, dacă este posibil, în viitor. Din acest punct de vedere, suplimentarul meu Top 3+ concluzie filozofică asupra subiectului (în special pentru tinerii programatori js).

Popularitatea JavaScript continuă să crească. În 2016 am fost martori mari schimbari odată cu lansarea unui upgrade complet al AngularJS și anunțul Angular 2, primatul final al jQuery, care este folosit în 96,5% din toate site-urile, evoluția ECMAScript, două actualizări la Node.js în aprilie și, respectiv, octombrie, și încă mai mult. La ce să te aștepți din 2017? Iată ce știm până acum: Angular 4 este așteptat în martie 2017, ES2017 este planificat pentru mijlocul lui 2017, Bootstrap v4 este de asemenea așteptat să fie lansat în acest an.

JavaScript și-a luat recent locul printre cele mai bune limbi pentru studiu conform IBM în 2017. În această etapă, este utilizat atât pentru părțile client, cât și pentru server și ajută la proiectarea interfețelor atractive, la îmbogățirea aplicațiilor web cu numeroase funcții și caracteristici, la schimbarea paginilor web în timp real și multe altele.

Între timp, cadrele JavaScript pot deveni salvatoare pentru dezvoltarea rapidă a aplicațiilor web. Ele servesc drept cadru pentru pagini individuale aplicațiilor, permit dezvoltatorilor să-și facă mai puține griji cu privire la structura codului sau asistența în timp ce se concentrează pe crearea de elemente complexe de interfață.

Beneficiile utilizării cadrelor JavaScript:

Eficienţă– proiectele care anterior ar fi durat luni și sute de linii de cod pot fi acum implementate mult mai rapid, cu un sistem bine structurat șabloane gata făcute si functii.
Siguranță– cele mai bune cadre JavaScript pe care le au sistem proprietar securitate și sunt susținute de o comunitate mare, ai cărei membri și utilizatori obișnuiți acționează ca testeri.
Cheltuieli– majoritatea cadrelor cu sursa deschisa si sunt gratuite. Deoarece ajută programatorii să dezvolte mai rapid soluții personalizate, prețul final al aplicației web va fi mai mic.

Cele mai bune cadre JavaScript din 2017:

unghiular-s

După lansarea mult așteptată a lui Angular în 2016, popularitatea sa a atins noi culmi, dar va continua să țină ștacheta în 2017.

Angular.js numit adesea cadrul MVW (Model-View-Whatever) și printre principalele beneficii pentru start-up-uri și companiile mijlocii se numără: codificare rapidă, testare rapidă orice parte a aplicației și legarea bidirecțională a datelor (schimbările din backend se reflectă imediat în interfața cu utilizatorul). De la lansare, ecosistemul său s-a extins dincolo de imaginație. Acum este numit pe bună dreptate cel mai folosit cadru JS pentru dezvoltarea de aplicații cu o singură pagină (SPA Single-Page-Applications) și se mândrește cu cea mai mare comunitate de dezvoltatori.

unghiulară2 vine cu o listă mare de caracteristici care vă vor permite să dezvoltați totul, de la web la desktop și aplicații mobile. Cadrul este construit pe TypeScript de la Microsoft, cu scopul de a face JavaScript mai flexibil și mai atractiv pentru întreprinderile mari. Funcțiile ng2 au o arhitectură bazată pe componente, DI îmbunătățit (injecție de dependență), serviciu eficient jurnalele, interacțiunea dintre componente și multe altele. Un exemplu de dezvoltare a jocului în Angular2:

Ambele sunt unghiulare cea mai bună opțiune Pentru aplicații de întreprindere sau pentru medii de programare cu standarde inalte la lizibilitatea codului.

ReactJS

În ciuda faptului că este mai mult o bibliotecă decât un cadru. Se află în spatele interfeței cu utilizatorul Facebook și Instagram, arătându-și eficacitatea în cadrul aplicațiilor dinamice cu trafic mare (lățime de bandă).

Este considerat pe bună dreptate cadrul JS cu cea mai rapidă creștere: astăzi există aproximativ 1000 de autori Github. În modelul MVC (Model-View-Controller), React.js acționează ca un „V” și poate fi integrat cu ușurință în orice arhitectură. Datorită utilizării unui arbore DOM virtual, oferă câștiguri de performanță mai mari în comparație cu Angular 1.x. În plus, componentele React pot fi create și reutilizate în alte aplicații sau chiar partajate pentru uz public.

În ciuda faptului că React este mai complex de învățat, face dezvoltarea aplicațiilor simplă și ușor de înțeles. În plus, poate fi ideal pentru complex, impresionant soluții software cu un grad ridicat de sarcină.

Un exemplu de dezvoltare a aplicațiilor folosind React.js.

Vue.js

Vue 2.0 a fost introdus și în 2016 și preia tot ce este mai bun din Ember, React și Angular și pune totul într-un pachet convenabil. S-a dovedit că poate fi (s-a dovedit a fi) mai rapid și mai compact decât React și Angular 2.0.

Mergând mai profund, Vue.js oferă legare bidirecțională a datelor (cum ar fi AngularJS), randare pe partea serverului (cum ar fi Angular2 și ReactJS), Vue-cli (un instrument de schelă pentru pornire rapidă) și suport opțional JSX. Creatorul său susține că Vue2 este unul dintre cele mai rapide cadre de ansamblu.

Vue.js cea mai buna alegere pentru dezvoltarea rapidă a aplicațiilor multiplatforme. Poate oferi o bază solidă pentru aplicațiile de o singură pagină (SPA) de înaltă performanță și o soluție rentabilă pentru situațiile în care performanța este mai importantă decât buna organizare cod sau structura aplicației.

Prelegere cu o analiză a caracteristicilor Vue.js.

Ember.js

În 2015, Ember a fost desemnat cel mai bun cadru JS, lăsând în urmă React și AngularJS. Astăzi se mândrește cu o comunitate online uriașă, actualizări regulate și utilizate pe scară largă cele mai bune practiciîn Java Script, care garantează experiența supremă imediat din cutie.

Ember are legare bidirecțională de date, cum ar fi AngularJS, păstrând atât vizualizarea, cât și modelul sincronizate în orice moment. Utilizarea modulului Fastboot.js asigură redarea rapidă (desen, recalculare) a arborelui DOM pe partea serverului, îmbunătățind prezentarea interfețelor de utilizator complexe.

Emberjs este utilizat în mod obișnuit pentru aplicații web și site-uri web complexe, bogate în funcții. Printre utilizatorii de top se numără Chipotle, Blue Apron, Nordstrom, Kickstarter, LinkedIn, Netflix și multe altele. Mai mult, este cel mai ușor de învățat și sunt multe disponibile online mijloace didacticeși ghiduri.

Meteor.js

Meteor este unul dintre cele mai populare cadre JS, dar care se mișcă constant cu o mulțime de caracteristici pentru dezvoltarea backend și randarea front-end, gestionarea bazelor de date și logica de afaceri. De la lansarea sa în 2012, ecosistemul său a crescut într-un ritm dramatic de rapid. Această platformă full-stack vă permite să dezvoltați rapid aplicații web și mobile. Din punct de vedere al performanței, toate modificările aduse bazei de date sunt transmise imediat către interfața cu utilizatorul și înapoi, fără pierderi de timp vizibile cauzate de diferențele de limbi sau de timpii de răspuns ale serverului.

Un exemplu de dezvoltare MMO pe Meteor.js:

Meteor.js acoperă toate etapele ciclului de dezvoltare softwareși se ocupă de procese precum legarea, concatenarea fișierelor etc. Cadrul este acum folosit pentru a dezvolta aplicații în timp real în companii precum Mazda, IKEA, Honeywell și multe altele.

Concluzie

Alegerea cadrului nu se bazează pe funcționalitatea pe care o poate oferi fiecare dintre ele. Depinde de obiectivele inițiale ale companiei, de cerințele pentru proiect, de funcționalitatea generală a cadrului și de modul în care acesta poate fi aplicat în fiecare caz specific.

Când vine vorba de dezvoltare web rapidă sau de prototipare, cadrele JS sunt cele mai populare de utilizat, iar 2017 nu va face excepție. Aceste cadre și biblioteci au schimbat deja modul în care JS interacționează cu HTML și CSS pentru a unifica prezentarea în browsere și platforme native.

Etichete: Adăugați etichete

JavaScript,

Meteor.JS

ReactJS

Programare

Mod de recuperare

Popularitatea JavaScript continuă să crească. În 2016 am asistat la schimbări mari odată cu lansarea unui upgrade complet al AngularJS și anunțul Angular 2, campionul suprem al jQuery, care este folosit în 96,5% din toate site-urile, evoluția ECMAScript, două actualizări la Node.js în Aprilie și, respectiv, octombrie și chiar mai mult. La ce să te aștepți din 2017? Iată ce știm până acum: Angular 4 este așteptat în martie 2017, ES2017 este planificat pentru mijlocul lui 2017, Bootstrap v4 este de asemenea așteptat să fie lansat în acest an.

JavaScript a fost recent clasat printre cele mai bune limbi de învățat de la IBM în 2017. În această etapă, este utilizat atât pentru părțile client, cât și pentru server și ajută la proiectarea interfețelor atractive, la îmbogățirea aplicațiilor web cu numeroase funcții și caracteristici, la schimbarea paginilor web în timp real și multe altele.

Între timp, cadrele JavaScript pot deveni salvatoare pentru dezvoltarea rapidă a aplicațiilor web. Acestea servesc ca un cadru pentru paginile de aplicații individuale, permițând dezvoltatorilor să-și facă mai puține griji cu privire la structura codului sau asistența în timp ce se concentrează pe crearea de elemente complexe de interfață.

Beneficiile utilizării cadrelor JavaScript:

Eficienţă– proiectele care anterior ar fi durat luni și sute de linii de cod pot fi acum implementate mult mai rapid cu șabloane și funcții gata bine structurate.
Siguranță– cele mai bune cadre JavaScript au un sistem de securitate proprietar și sunt susținute de o comunitate mare, ai cărei membri și utilizatori obișnuiți acționează ca testeri.
Cheltuieli– Majoritatea cadrelor sunt open source și gratuite. Deoarece ajută programatorii să dezvolte mai rapid soluții personalizate, prețul final al aplicației web va fi mai mic.

Cele mai bune cadre JavaScript din 2017:

unghiular-s

După lansarea mult așteptată a lui Angular în 2016, popularitatea sa a atins noi culmi, dar va continua să țină ștacheta în 2017.

Angular.js numit adesea cadru MVW (Model-View-Whatever) și printre principalele beneficii pentru start-up-uri și companiile mijlocii se numără: scrierea rapidă a codului, testarea rapidă a oricărei părți a aplicației și legarea bidirecțională a datelor (modificări ale backend-ul se reflectă imediat în interfața cu utilizatorul). De la lansare, ecosistemul său s-a extins dincolo de imaginație. Acum este numit pe bună dreptate cel mai folosit cadru JS pentru dezvoltarea de aplicații cu o singură pagină (SPA Single-Page-Applications) și se mândrește cu cea mai mare comunitate de dezvoltatori.

unghiulară2 vine cu o listă mare de caracteristici care vă vor permite să dezvoltați totul, de la web la desktop și aplicații mobile. Cadrul este construit pe TypeScript de la Microsoft, cu scopul de a face JavaScript mai flexibil și mai atractiv pentru întreprinderile mari. Caracteristicile ng2 au o arhitectură bazată pe componente, DI îmbunătățit (injecție de dependență), serviciu eficient de înregistrare, comunicare între componente și multe altele. Un exemplu de dezvoltare a jocului în Angular2:

Ambele Angulars sunt cea mai bună opțiune pentru aplicații de întreprindere sau pentru medii de programare cu standarde înalte pentru citirea codului.

ReactJS

În ciuda faptului că React este mai complex de învățat, face dezvoltarea aplicațiilor simplă și ușor de înțeles. În plus, poate fi ideal pentru soluții software complexe, impunătoare, cu încărcare mare.

Un exemplu de dezvoltare a aplicațiilor folosind React.js.

Vue.js

Mergând mai în profunzime, Vue.js oferă legare bidirecțională a datelor (cum ar fi AngularJS), randare pe server (cum ar fi Angular2 și ReactJS), Vue-cli (un instrument de schelă pentru a începe rapid) și suport opțional pentru JSX. Creatorul său susține că Vue2 este unul dintre cele mai rapide cadre de ansamblu.

Vue.js este cea mai bună alegere pentru dezvoltarea rapidă a aplicațiilor multiplatforme. Poate oferi o bază solidă pentru aplicații de înaltă performanță cu o singură pagină (SPA) și o soluție benefică atunci când performanța este mai importantă decât o bună organizare a codului sau o structură a aplicației.

Prelegere cu o analiză a caracteristicilor Vue.js.

Ember.js

În 2015, Ember a fost desemnat cel mai bun cadru JS, lăsând în urmă React și AngularJS. Astăzi, se mândrește cu o comunitate online uriașă, actualizări regulate și cele mai bune practici Java Script adoptate pe scară largă, care garantează o experiență definitivă de la început.

Emberjs este utilizat în mod obișnuit pentru aplicații web și site-uri web complexe, bogate în funcții. Printre utilizatorii de top se numără Chipotle, Blue Apron, Nordstrom, Kickstarter, LinkedIn, Netflix și multe altele. În plus, este cel mai ușor de învățat și există o mulțime de tutoriale și ghiduri disponibile online.

Meteor.js

Un exemplu de dezvoltare MMO pe Meteor.js:

Meteor.js acoperă toate etapele ciclului de dezvoltare a software-ului și se ocupă de procese precum legarea, concatenarea fișierelor și multe altele. Cadrul este acum folosit pentru a dezvolta aplicații în timp real în companii precum Mazda, IKEA, Honeywell și multe altele.

Concluzie

Scop
Când a apărut pentru prima dată JavaScript, a fost folosit în primul rând pentru a crea corect efecte simple. ÎN anul trecut Situația în jurul JavaScript s-a schimbat semnificativ: odată cu apariția erei Web 2.0 și AJAX, acest limbaj de scripting a devenit baza tehnică pe care este construită partea dinamică și interactivă a majorității site-urilor web din lume. Pentru a simplifica și accelera dezvoltarea unor astfel de site-uri mari, au început să apară în masă platforme JavaScript întregi, care erau biblioteci gata făcute cu un set de capabilități standard.

Popularitate
Pentru a le trece în revistă pe cele principale, vom încerca să evidențiem cele mai cunoscute și răspândite cadre JS. Întrucât problema alegerii „cel mai bun” în acest domeniu este subiectul dezbaterilor multiple și aprige, ne vom baza doar pe cifre și fapte.

Așadar, să selectăm 6 cadre de bază pe baza sumei a 4 criterii:

cel mai răspândit și popular;

calitatea documentației de însoțire;

indicatori de performanta;

ușurință de învățare, consistență și ușurință de integrare în site.

Toate rezultatele testelor și sondajelor pentru aceste criterii sunt prezentate mai jos sub formă de diagrame.

Ca o notă secundară la aceste rezultate, să adăugăm că cele mai recente și mai detaliate statistici despre cadrele JS pot fi găsite pe această pagină, iar performanța celor mai recente versiuni ale cadrelor de top în timp real poate fi întotdeauna măsurată și comparată vizual sau.

Revizuirea celor mai bune

jQuery

Dimensiune: 155Kb (versiunea minimă - 72Kb), licență: MIT și GNU GPL,
cea mai recentă versiune: 1.6 (3 mai 2011)
jQuery este cea mai populară și răspândită bibliotecă JavaScript, concentrându-se pe interacțiunea dintre JavaScript și HTML. jQuery oferă, de asemenea, un API convenabil pentru lucrul cu AJAX. Acest cadru a fost unul dintre primii care a implementat cu succes principiul JavaScript discret. Un alt secret al popularității acestei biblioteci este implementarea unui echilibru foarte consistent între funcționalitate bună și, în același timp, o încercare de succes de a crea un nucleu universal destul de compact. Dacă adăugăm aici capacitatea de compromis de a extinde foarte simplu funcționalitatea bibliotecii de bază prin includerea de plugin-uri suplimentare (al căror număr a depășit acum 1000), atunci rezultatul este un produs cu adevărat universal, flexibil și rapid.

Pentru cei care doresc să obțină efecte UI mai avansate, cum ar fi zoom, sortare, suport pentru glisare și plasare și widget-uri standard, cum ar fi marcaje, glisor, bară de progres etc., se recomandă să folosească biblioteca aferentă jQuery UI, care este specializată în special în efecte grafice și crearea unei interfețe de utilizator complexe.

În general, jQuery este foarte benefic pentru proiectele mici și mijlocii, dar poate fi problematic la dezvoltarea proiectelor mari, deoarece duce la deficite de design, deși este foarte productiv datorită conținutului și codului său simplu.

Digg, BBC, Dell, IsoHunt, Break.com, TinyPic, eMusic, Box.net

Prototipul JS

Dimensiune: 278Kb (versiunea minimă - 56Kb), licență: MIT, ultima versiune: 1.7 (22 noiembrie 2010)
Al doilea cadru JS ca popularitate, care simplifică foarte mult lucrul cu AJAX și cu alte caracteristici JS avansate. În ciuda disponibilității sale ca bibliotecă de sine stătătoare, este cel mai des folosită de programatori împreună cu Ruby on Rails, Tapestry, script.aculo.us și Rico. Adesea încearcă să-și explice popularitatea tocmai prin integrarea sa strânsă cu larg răspândit Ruby on Rails (deși jQuery deja discutat la nivel de plugin poate interacționa și cu multe platforme populare, de exemplu, cu același Ruby on Rails sau PHP).

Din punct de vedere al designului, cadrul este foarte convenabil pentru proiectele de dimensiuni medii, deoarece oferă o modalitate rudimentară de a emula OOP clasic pe lângă propriul său funcții simple. Performanța sa este oarecum instabilă, adică În unele operații poate fi rapid, în altele performanța scade simțitor. Prototype este unul dintre puținele cadre care nu includ componente UI sau îmbunătățiri UX: pentru a utiliza astfel de efecte, se recomandă utilizarea bibliotecii sale copil - script.aculo.us (sau Scripty2), care adaugă un număr mare de efecte grafice, glisare și suport -drop, glisoare, editori AJAX etc.

Exemple de site-uri cunoscute bazate pe acest cadru: CNN, The New York Times, Apple, Fox News Channel, Last.fm, Stare de nervozitate, Hakia.

Mootools

Dimensiune: 101Kb (versiunea minimă - 60Kb), licență: MIT,
cea mai recentă versiune: 1.3 (11 octombrie 2011)
MooTools este un cadru modular, orientat pe obiecte. Este foarte asemănător în abordarea sa asupra designului de bază cu jQuery și Prototype - nu include controale și widget-uri UI, limitându-se la un set minim de efecte și capabilități. Dar, în ciuda unui astfel de minimalism sănătos, acest cadru conține un plugin foarte interesant MooTools.More.js, care este de fapt ceva mai mult decât un simplu plugin: vă permite să extindeți foarte mult capacitățile bibliotecilor terțe și, în același timp, are completări foarte interesante pentru manipularea matricelor, a datelor, a hashurilor, a șirurilor de caractere etc. Am fost foarte impresionați de capacitatea de a localiza sintaxa engleză a limbajului mootools în sine în orice limbă națională, ceea ce vă permite să programați în ea cât mai confortabil posibil, de exemplu, în rusă.

Exemple de site-uri cunoscute bazate pe acest cadru: MooTools este folosit în Joomla CMS, așa că există o mulțime de astfel de site-uri.

YUI

Dimensiune: 31Kb, licență: BSD,
cea mai recentă versiune: 3.3.0 (1 decembrie 2010)
Biblioteca Yahoo! Biblioteca UI (YUI) este un set de utilitare și controale scrise în JavaScript și CSS pentru crearea de aplicații web interactive folosind scripting DOM, tehnici DHTML și AJAX. Există două tipuri de componente disponibile în acest cadru: utilități și controale. Utilitățile simplifică dezvoltarea browserului legat de DOM, DHTML și AJAX. Controalele sunt un set de elemente vizuale gata făcute, extrem de interactive, pentru proiectarea paginilor web. Toate aceste elemente sunt create și funcționează numai pe partea clientului și nu necesită o reîmprospătare a paginii pentru a le schimba. Întreaga bibliotecă este distribuită sub o licență BSD și este gratuită pentru toți utilizatorii. YUI a fost creat în comun de ingineri de top Yahoo, precum și de dezvoltatori din întreaga lume. Acum este unul dintre cadrele JS de top, complet gata pentru utilizare industrială, unde componentele UI și UX foarte avansate sunt integrate într-un întreg într-o singură livrare, formând un produs complet complet, independent și universal. Dacă adăugăm la aceasta licența ei foarte liberală, atunci popularitatea pe care a primit-o pe bună dreptate această bibliotecă, mai ales în dezvoltările comerciale și numeroasele furculițe unde a fost luată ca bază, este de înțeles.

Exemple de site-uri cunoscute bazate pe acest cadru: Yahoo! Cumpărături, Bebo, ImageShack, LinkedIn, Walmart.com.

Ext JS

Dimensiune: 502Kb (versiunea minimă - 84Kb), licență: GPLv3 și comercial,
cea mai recentă versiune: 4.0 (26 aprilie 2011)
Proiectul a început ca o încercare de a extinde programul Yahoo! Interfață cu utilizatorul, dar în acest stadiu este deja un proiect complet original, practic fără legătură cu YUI. Forța motrice, fondatorul și liderul permanent al proiectului rămâne Jack Slotsum, un cunoscut specialist în comunitatea de programare JavaScript.

ExtJS nu este cel mai productiv cadru de existență, dar principala sa caracteristică distinctivă este că oferă cel mai apropiat mediu de programare clasică, implementând afișaj grafic foarte avansat și instrumente de interacțiune cu utilizatorul într-un mediu Web 2.0. Începând cu versiunea Ext JS 3.0, biblioteca este împărțită logic în două părți: Ext Core (un set de funcții JavaScript care vă permite să creați pagini web dinamice cu procesare unificată în diferite browsere și distribuite sub o licență MIT) și Ext JS (un set de widget-uri pentru crearea de interfețe de utilizator dublă cu licență GPL v3 sau licență comercială).

Am aflat recent mai multe despre cea mai recentă, a patra versiune a acestui cadru.

Dojo

Dimensiune: 123Kb (versiunea minimă - 65Kb), licență: BSD și AFL,
cea mai recentă versiune: 1.6.0 (15 martie 2011)
Un alt exemplu din lista de cadre populare, care, pe lângă faptul că repetă în mare măsură avantajele analogilor săi, are și propriile sale caracteristici. Printre cele mai importante, aș dori să menționez o încercare foarte serioasă de a obține o independență completă față de fiecare interpret JS specific, pentru care dezvoltatorii fac pur și simplu o treabă titanică de testare și găsire a celor mai universale și simple soluții. Prin urmare, sfera de aplicare a acestui cadru este cât mai larg posibil: acestea nu sunt doar soluții obișnuite pe partea clientului, ci și pe partea serverului și a computerelor desktop - oriunde este posibil să rulați JavaScript. A doua caracteristică tehnică importantă a Dojo este suportul pentru designul cu mai multe puncte de intrare, ceea ce îi oferă multe avantaje tehnice evidente. Aș dori să menționez, de asemenea, Extensiile Dojo pentru Adobe AIR, concepute pentru a ajuta dezvoltatorii să folosească întregul potențial al platformei AIR în aplicațiile care utilizează setul de instrumente Dojo.

Exemple de site-uri cunoscute bazate pe acest cadru: Dogo Toolkit este folosit în Zend Framework, așa că există o mulțime de astfel de site-uri.

Concluzie

Cadrele JS se confruntă astăzi cu o dezvoltare foarte rapidă, de exemplu, chiar ieri baza foarte populară2, astăzi a intrat în mare parte în umbră: literalmente, în fiecare lună, apar din ce în ce mai mulți nou-veniți promițători și dezvoltări din ce în ce mai interesante în acest domeniu.

_____

Sperăm că selecția noastră de cadre JavaScript vă va ajuta atunci când creați site-uri web, indiferent de motorul pe care le dezvoltați.

Căuta JavaScript util cadre și biblioteci? Consultați recenzia noastră și aflați care este potrivit pentru proiectul dvs.

JavaScript (JS) este una dintre cele mai populare limbi din întreaga lume. Dezvoltatorii web folosesc activ JS pentru a proiecta, anima și crea pagini web. Alături de HTML și CSS, JavaScript poate muta munți, și anume făcând o pagină web interactivă și cât mai interesantă pentru utilizatori.

JavaScript nu se limitează. În schimb, continuă să evolueze. Acesta este cel mai mult limbă universală programare, care este susținută de capacitatea sa de a dezvolta aplicații pentru o gamă largă de platforme precum Android, Windows și iOS.

Principalele avantaje ale JS:

Flexibilitate - schimbările sunt binevenite.
Fiabilitate – funcționează și se modifică conform priorităților definite.
Scalabilitate.

Să ne uităm la mai multe cadre și biblioteci JavaScript care sunt încă relevante în 2018.

Vue.js

Un cadru de interfață de utilizare open source care continuă să evolueze. Meritat cel mai popular cadru JS conform statisticilor GitHub. Vue.js redă din nou un număr minim de componente și acceptă integrarea bibliotecilor terțe. La fel ca React.js, Vue.js este foarte rapid, folosește Virtual DOM și oferă reactivitate și un cadru bazat pe componente.

Pro:

Integrare ușoară în proiecte folosind alte biblioteci.
Poate funcționa ca un cadru pentru crearea de aplicații avansate cu o singură pagină.

Minusuri:

Sistemul de randare oferă mai puține opțiuni de depanare decât sistemul React echivalent.
Abordarea componentelor din React este mai flexibilă și mai transparentă.

unghiular

Aceasta s-a dezvoltat Platforma Google JS a stabilit o nouă bară. Un cadru indispensabil conceput nu numai pentru dezvoltatorii de software, ci și pentru designeri. AngularJS, Angular 2 și Angular 4 sunt ferm stabilite printre cadrele populare. Aceasta este o platformă deschisă care va ajuta la crearea de aplicații SPA (aplicații cu pagini individuale), la implementarea legăturii bidirecționale pentru schimbare dinamică date etc.

Pro:

Dezvoltatorii întâmpină mai puține erori, deoarece legarea datelor este construită pe elementele Angular.
Sunt acceptate diverse elemente MVC.
Funcționează bine într-un mediu Agil.

Minusuri:

Vue este mai simplu din punct de vedere al arhitecturii.
API-ul Angular este imens și există multe concepte de înțeles.

jQuery

jQuery și JavaScript au o relație lungă și puternică. Cu o licență MIT, această bibliotecă oferă dezvoltatorilor de aplicații capacitatea de a scrie cod mai scurt, reducând astfel volumul de lucru. Suportă manipularea DOM și, în tandem cu CSS, poate fi util pentru rezolvarea oricărei probleme.

Pro:

Folosit pe scară largă datorită procesării rapide.
Se comportă la fel în toate browserele.

Minusuri:

Multe funcții care facilitează lucrul cu DOM sunt deja implementate nativ.

React.js

Următorul să se alăture ligii este biblioteca UI React.js. Aceasta este inima și sufletul companiilor IT și ale diverselor site-uri web de afaceri. Această bibliotecă JS intră în joc atunci când trebuie să rezolvați problema actualizării parțiale a conținutului unei pagini web. Un instrument ideal pentru proiecte web la scară largă. Funcționalitatea React.js ajută la îmbunătățirea interfeței de utilizare.

Pro:

Gratuit și Open Source.
Poate folosi codul deja scris.
Suportă funcționalitatea DOM virtuală.

Minusuri:

Algoritmul Virtual DOM este inexact și lent.
Necesită programare asincronă complexă atunci când comunicați cu serverul.

Node.js

Această platformă JS pe server va fi următoarea. Receptiv, non-blocare și unealtă rapidă. GoDaddy și Paypal sunt doar câteva dintre marile nume care folosesc Node.js. Este cel mai potrivit pentru aplicațiile legate de I/O și de streaming de date.

Pro:

Un astfel de software poate rula pe mai multe gazde.
Activarea serverelor rapide.

Minusuri:

Nu pentru tranzacții „non-through”.
Nu există nimic de făcut fără teste în Node.js.

Titan

Titanium este atât un SDK, cât și platforma cloud pentru construirea/distribuirea de software. Un instrument de înaltă calitate, accesibil și ușor de învățat. Titanium este proiectat pentru dezvoltarea multiplatformă, ceea ce este ideal pentru crearea de aplicații bogate în funcții.

Pro:

Ușor de învățat și implementat.
Structură de înaltă performanță.
Pentru software multiplatform desktop și mobil.

Minusuri:

Nu este cea mai eficientă și originală abordare pentru crearea interfeței de utilizare, spre deosebire de React.

Ember.js

Un alt reprezentant al framework-urilor JavaScript cu open cod sursa. Principalul avantaj este depozitul masiv care poate servi drept dicționar pentru dezvoltarea aplicațiilor. Simplifică crearea de pagini unice scalabile și oferă legare bidirecțională a datelor.

Pro:

Ușor de configurat în sistem.
Implementează interfețe mari de utilizator.

Minusuri:

Structură rigidă a proiectului.
Nu există un set standard de elemente UI.