Ce este un cadru? Ce este un „cadru”? Cadru net. Microsoft, Framework

Salutare tuturor. Astăzi vă voi spune ce sunt cadrele și de ce sunt utilizate în general în dezvoltarea web. M-am gândit să formulez eu o definiție, dar m-am gândit că Wikipedia ar face o treabă mai bună în acest sens:

Cadru (neologism anglicism din litere cadru engleză - cadru, structură) - platforma software, definind structura sistem software; software, facilitând dezvoltarea și integrarea diferitelor componente ale unui mare proiect software. Se folosește și cuvântul „cadru”.

Inregistrat aici definiție generală, pentru că există programare web, și există programare aplicată. În consecință, atât acolo, cât și aici au propriile lor cadre. Dar pe blogul meu vorbesc doar despre programare web, așa că despre asta vom vorbi.

În definiție, este posibil să fi citit că un cadru este un software care facilitează dezvoltarea proiectelor. Un fel de cadru. La urma urmei, trebuie să fiți de acord că este mult mai ușor să dezvoltați un program sau un site web bazat pe un wireframe decât cu zero complet. Să începi de la zero va fi mult mai dificil, cu excepția cazului în care vorbim de proiecte foarte simple.

Cadre în dezvoltarea web

Cadrul este legat de limbile în care este scris, motiv pentru care se spune, de exemplu: js-framework, php-framework etc. De regulă, este creat de unul sau mai mulți dezvoltatori experimentați pentru a-l utiliza în scopuri proprii în viitor. Unele cadre postează în Acces liber iar utilizarea și personalizarea lor devin accesibile pentru absolut toată lumea.

Un exemplu de cadru CSS distribuit gratuit este Bootstrap. Cu ajutorul acestuia, poți crea foarte ușor și rapid un șablon receptiv, mult mai rapid decât pornind de la zero. În esență, în versiunea completa Cadrul conține următoarele componente:

• filele comutatoare;
• ferestre modale, alerte;
• plasă de cauciuc adaptivă;
• butoane, formulare, tabele etc.;

Adică, atunci când utilizați un cadru CSS, nu trebuie să scrieți cod de la zero, multe au fost deja implementate, tot ce rămâne este să aplicați clasele de stil necesare elementelor și totul va funcționa. Vă rugăm să rețineți că Bootstrap nu este doar un css, ci și un cadru js. Puteți citi mai multe despre Bootstrap.

Un exemplu de framework PHP este Yii, cunoscut în RuNet. Din nou, simplifică foarte mult dezvoltarea site-ului web în comparație cu a face totul în PHP simplu. Cadrele au deja un număr de soluții gata făcute, deci practic trebuie doar să înveți cum să lucrezi cu ei.

Fiecare cadru are propriul său scop. De exemplu, Bootstrap este ideal pentru dezvoltare șabloane adaptive, site-uri cu suport activat dispozitive mobile, cu ajutorul Yii poți implementa cu ușurință funcționalitatea unui blog sau magazin online Angular este ideal pentru dezvoltarea front-end de aplicații web;

Nu trebuie să înveți toate cadrele, pentru că sunt zeci de ele, dar poți alege și stăpâni unele dacă sunt legate de tehnologiile cu care lucrezi. Framework-urile fac posibilă simplificarea, accelerarea și automatizarea multor lucruri care altfel ar trebui făcute manual.

Ce framework-uri vrei să înveți? Scrieți în comentarii, poate vă pot distribui un link unde puteți urmări lecțiile.

Cadrele web au schimbat foarte mult lumea programării și au devenit o parte integrantă a procesului de dezvoltare. Puteți încerca să căutați informații despre ei pe site-uri web, în ​​articole și cărți, dar veți găsi doar informații generale și ambigue - nimic altceva decât definiții nesfârșite și termeni complecși care vă fac creierul să fiarbă. Este timpul să ne dăm seama în sfârșit ce sunt cadrele web.

Ce este un cadru web

Un cadru web este un instrument care facilitează procesul de scriere și lansare a unei aplicații web. Nu trebuie să scrieți singuri o grămadă de coduri și să pierdeți timpul căutând potențiale greșeli și erori.

În zorii erei dezvoltării web, toate aplicațiile erau scrise de mână și doar dezvoltatorul de aplicații le putea modifica sau implementa. Cadrele web ne-au permis să ieșim din această capcană. Din 1995, toate problemele asociate cu schimbarea structurii aplicației au fost puse în ordine datorită apariției abordare comună la dezvoltarea de aplicații web. În acest moment, au apărut limbi pentru web. Acum diversitatea lor vă permite să alegeți cel potrivit atât pentru statice, cât și pentru pagini dinamice. În funcție de sarcina la îndemână, puteți alege un cadru care vă acoperă toate nevoile sau puteți combina mai multe.

Tipuri de cadre web

Framework-urile au două funcții principale: lucru pe partea de server (backend) și lucru pe partea client (frontend).

Frame-urile front-end se ocupă de front-end-ul aplicației. Cu cuvinte simple, ei sunt responsabili pentru aspect aplicatii. Backend-ul este responsabil pentru structura internă a aplicației. Să aruncăm o privire mai atentă la ambele tipuri.

Cadre de server. Regulile și arhitectura unor astfel de cadre nu fac posibilă crearea unei aplicații web cu o interfață bogată. Ele sunt limitate în funcționalitatea lor, dar puteți crea în continuare pagini simple si forme diferite. De asemenea, pot genera date de ieșire și pot fi responsabili de securitate în cazul unor atacuri. Toate acestea pot simplifica cu siguranță procesul de dezvoltare. Framework-urile pe partea de server sunt în principal responsabile pentru părți separate, dar critice ale aplicației, fără de care aceasta nu poate funcționa corect. Iată câteva dintre cele mai populare cadre și limbile cu care lucrează:

• Django - Python;
• Zend - PHP;
• Express.js - JavaScript;
• Ruby on Rails - Ruby.

Cadre pentru clienți. Spre deosebire de cele de pe partea de server, cadrele de pe partea client nu sunt în niciun fel legate de logica aplicației. Acest tip de framework rulează în browser. Cu ajutorul lor, puteți îmbunătăți și introduce noi interfețe de utilizator. Cadrele frontale vă permit să creați diferite animații și aplicații pe o singură pagină. Toate cadrele client diferă în funcție de funcționalitate și utilizare. Aici sunt câțiva dintre ei:

• Coloana vertebrală+Marionetă;
• unghiular;
• Ember.js;
• Vue.js.

Toate aceste cadre folosesc JavaScript.

Cadre multifuncționale. Meteor este cunoscut ca un cadru web full stack. Aceasta înseamnă că acoperă aproape toate nevoile atât pe partea client, cât și pe server, făcând Meteor extrem de popular. Nu trebuie să pierdeți timp încercând să stabiliți comunicarea între două cadre prin intermediul API-ului REST - puteți alege pur și simplu Meteor și accelera procesul de dezvoltare. Dar nu este caracteristica principală acest cadru. Ambele părți - server și client - rulează în aceeași limbă, astfel încât să puteți crea și utiliza același cod pentru ele. Următoarea caracteristică este „modul în timp real” - atunci când schimbați ceva într-o interfață, apar modificări în celelalte. De exemplu, puteți lua un document sau un tabel cu acces partajat. Când adăugați comentarii sau modificați conținutul în orice fel, îl văd și alți utilizatori.

Aici putem termina împărțirea în tipuri, dar scala este, de asemenea, importantă. Cadrele variază, de asemenea, ca dimensiune. Există cadre atât de monstruoase care oferă soluții pentru toate problemele.

Opțiunile mai ușoare sunt specializate în rezolvare sarcini specifice- astfel de cadre se numesc microframeworks. Ele nu oferă tot ce aveți nevoie din cutie, dar uneori este mai bine să descompuneți funcționalitatea în mai multe abordări (cadre, microcadre, biblioteci). Funcționalitatea microframework-urilor poate fi extinsă folosind aplicații terțe și pot fi create proiecte mici pe baza acestora sau un microframework poate fi combinat cu cadrul principal „mare”.

De exemplu, dacă aplicația dvs. se bazează pe Django și aveți nevoie de websocket-uri, atunci puteți utiliza microframework-ul aiohttp.

Un alt exemplu: dacă aplicația dvs. nu este foarte mare și aveți nevoie doar de rutare URL simplă și șabloane cu context ușor, puteți utiliza Flask cu Jinja2 (sau alt motor de șabloane) în loc de Django.

Caracteristici și arhitectură

Deși fiecare cadru este diferit și alegerea unuia poate fi foarte dificilă, există câteva lucruri pe care toate le au în comun. Este vorba despre arhitectură și caracteristici care sunt la fel de importante ca și funcțiile.

Arhitectură

Arhitectura aproape tuturor cadrelor se bazează pe descompunerea mai multor straturi separate (aplicații, module etc.), ceea ce înseamnă că puteți extinde funcționalitatea în funcție de nevoile dvs. și puteți utiliza o versiune modificată împreună cu codul cadru sau utilizați aplicații terță parte. Această flexibilitate este alta avantaj cheie cadre. Există multe comunități open-source și organizații comerciale care creează aplicații sau extensii pentru cadre populare, cum ar fi Django REST Framework, ng-bootstrap etc.

MVC - Model, View și Controller (Model-View-Controller) sunt cele trei componente ale fiecărui framework web.

Modelul conține toate datele și nivelurile logicii de afaceri, regulile și funcțiile sale.

O vizualizare este responsabilă pentru afișarea vizuală a datelor, cum ar fi diagrame, grafice etc.

Controlerul transformă pur și simplu datele pentru comenzile celor două componente anterioare.

Sunt inseparabile unul de celălalt, așa că este important să înțelegeți totul corect pentru a evita erorile în timp ce aplicația rulează.

Particularități

Acum să ne uităm la unele caracteristici generale, care fac cadrele multifuncționale și convenabile în practică.

Cache web

Memorarea în cache ajută pur și simplu la stocare diverse documenteși evită supraîncărcarea enervantă a serverului. Utilizatorii îl pot folosi în sisteme diferite sub anumite conditii. Funcționează și pe partea de server. De exemplu, este posibil să fi observat pagini web stocate în cache pe pagina de rezultate rezultatele cautarii Google.

Schele

Dacă alegerea dvs. este Ruby on Rails, puteți arunca o privire la acesta, care descrie avantajele și dezavantajele acestui cadru și vă învață tot ce trebuie să știți, începând cu instalarea.

Desigur, acest lucru este departe de cel mai mult lista plina. Internetul este plin surse diferite, din care se pot extrage cunoștințe noi. Poti sa vezi lecții pas cu pas pe YouTube și apoi selectați cadrul care vă place.

Dacă aveți întrebări, ar trebui să aruncați o privire la StackOverflow.

Acest site este folosit de dezvoltatori din întreaga lume. Aici își împărtășesc experiențele și îi ajută pe alții să-și rezolve problemele. Pune doar o întrebare și îți vor oferi mai multe soluții posibile.

Deci, cadrele nu sunt atât de greu de înțeles pe cât pare. Nu pierdeți timpul intrând în panică - urmăriți câteva tutoriale și încercați să lucrați cu primul dvs. cadru.

Cadrul este format din mașină virtualăși multe componente integrate diferite. De asemenea, include biblioteci de clase care sunt utilizate pentru a descrie funcții în codul nativ.

Cadrul face mai multe lucruri:
- ușurează lucrul cu tehnologii complexe;
- leagă împreună obiecte sau componente discrete în ceva mai util;
- obligă echipa să implementeze codul într-un mod care să promoveze o codificare consistentă;
- vă permite să faceți mai puține greșeli și să creați aplicații mai flexibile;
- ușurează verificarea și depanarea codului programului, deoarece este structurat.

Cadrul oferă o bază de date excelentă pe care o puteți utiliza în programele Windows și Linux. El creeaza " mediu de lucru", care permite programelor să ruleze și să funcționeze în exterior restricțiile existente. De asemenea, oferă interfața cu utilizatorulși gestionarea datelor.

Cadru de arhitectură

Arhitectura este stil codul programului, care include elemente specifice structurii. Aceasta este implementată pentru a oferi o metodologie specifică de implementare în program. Clasele de documente prezentate în Pachetul Microsoft Clasele de bază (MFC) sunt elementele de bază ale arhitecturii. În esență, arhitectura implementează conexiuni între obiecte. Astfel de conexiuni includ ereditatea, încapsularea etc.

Arhitectura cadrului are atribute care pot fi ignorate sau înlocuite în siguranță dacă nu sunt necesare. Această organizare este foarte utilă deoarece face posibilă utilizarea structurilor reutilizabile care oferă unele funcționalități avansate. Dar odată ce începeți să le utilizați, pot apărea probleme serioase de refactorizare în etapele ulterioare de dezvoltare.

Modele de design

Modelele pentru utilizarea unei anumite arhitecturi sunt, de asemenea, o metodologie. Utilizarea lor oferă o metodă specială de interacțiune. Cu toate acestea, dacă utilizați comportamente, întreaga aplicație va adera la acea implementare. Modelele de design de bază sunt destul de primitive și foarte ușor de reținut. Ele nu trebuie să fie complexe sau să se bazeze pe componente și obiecte care interacționează între ele.

Imaginați-vă că vi s-a dat o bucată de pământ și vi s-a cerut să construiți o casă pe ea. Și nu orice clădire, ci o clădire înaltă de câteva etaje. Te plimbi pe site și te gândești cum să faci față sarcinii. Casa are nevoie de o fundație solidă, pereți izolați și ceea ce în limbajul constructorilor se numește proiectat corespunzător sisteme de inginerie. În general, planul de acțiune este clar și te apuci de treabă.

Acum imaginați-vă: construcția este în plină desfășurare, fundația și cadrul au fost deja ridicate. Clientul vă contactează și vă cere să faceți modificări în proiect. Primești noi desene și te apuci de cap. Casa a fost transformată în noile planuri. Acum este o clădire mare cu parcare subterană și lifturi de mare viteză. Un heliport trebuie instalat pe acoperiș. Are șantierul dvs. suficiente marje de siguranță, astfel încât construcția să nu fie nevoită să o ia de la capăt?

Desigur, în realitate o astfel de situație este imposibilă. Șantierul nu poate fi modificat „din mers” pentru a se potrivi noilor nevoi. Cu toate acestea, atunci când dezvoltați site-uri web (și orice alt software), uneori se întâmplă ca proiectul să fi început deja, dar cerințele finale pentru acesta sunt necunoscute. Să ne dăm seama cum în aceste condiții vă puteți economisi timp și efort folosind cadrele web.

fundal

În timpul dezvoltării unui site web, multe, dacă nu totul, se pot schimba - de la design la logica de afaceri. În viitor, proiectul ar putea aștepta schimbări la scară largă. Poate fi necesar să îl adăugați pe site după lansare. diverse module(De exemplu, noua sectiune cu materiale, Zona personală utilizator sau listă de email-uri). Dacă există o cuplare puternică în cod de la bun început (dependența unor funcții de altele), atunci timpul de dezvoltare crește și numărul de erori crește. Desigur, puteți rezolva problemele care apar cu patch-uri rapide. Abordarea „cârjei” duce însă inevitabil la faptul că codul devine complex și confuz. În timp, întreținerea unui astfel de site se transformă într-o adevărată bătaie de cap.

Ceea ce este descris se aplică în principal la mari, proiecte complexe. Dar problemele pot apărea și atunci când lucrați pe un site web mic. Prin urmare, este foarte de dorit ca orice proiect de la începutul dezvoltării să aibă o structură flexibilă și ușor extensibilă.

Salvarea

Pentru a te proteja de posibile probleme, puteți crea inițial un program pe un cadru rigid, care vă permite să conectați module suplimentare. În esență, ne vom scrie codul doar în acele locuri în care este permis de creatorii cadrului (la așa-numitele „puncte de extensie”). În acest fel, nu vom sparge părțile de bază ale sistemului (cadru) și ne vom putea concentra asupra sarcinilor noastre curente.

În lumea programării, cadrul descris este numit cadru (cadru). Cadrul nu este o bibliotecă software obișnuită. Dacă o bibliotecă este doar un set de funcții care nu afectează arhitectura programului, atunci cadrul în sine este, de fapt, arhitectura. Cadrul garantează o structură standard a programului și un comportament implicit.

Cadre web

E simplu: cadre web (cadru de aplicații web, WAF) sunt cadre pentru web. Pe baza acestora, puteți crea nu numai site-uri web, ci și orice alte aplicații online.

Majoritatea cadrelor web sunt construite pe arhitectura Model-view-controller (MVC). Datele din MVC sunt separate de logica de afaceri, iar aceasta, la rândul său, este separată de prezentare (aspect).

Iată un set tipic de componente ale cadrului web:

• motor de șablon Responsabil pentru independența aspectului față de codul programului.
• router Recunoaște adresa URL utilizată pentru a accesa serverul.
• modul de acces la baza de date.
• modul de stocare în cache. Accelerează încărcarea paginii.
• modul de securitate. Autentificarea și autorizarea utilizatorului.
• fișierele de configurare.

Framework-urile gestionează, de asemenea, sesiunile, păstrează jurnalele, simplifică folosind Ajaxși poate face mult mai mult.

Astfel, făcând un site web bazat pe cadru, obținem acces la un număr mare de funcții gata făcute. Toate lucrurile de bază - de la accesarea bazei de date până la livrarea paginii terminate către browser - au fost deja scrise de creatorii cadrului.

Cadrele web moderne populare includ , (PHP), (Python), (Ruby).

Există așa-numitele microframeworks. După cum sugerează și numele, ele sunt diferite mărime micăși numărul de funcții. Microframework-urile sunt potrivite pentru proiecte simple (site-uri web pentru cărți de vizită), prototipare rapidă și crearea unui API. Cele mai cunoscute sunt (PHP), (Python).

De la teorie la practică

Deci, cadrele facilitează dezvoltarea. Dacă am trăi în lume ideală, in acest moment as scrie ceva de genul: „Dacă nu utilizați încă cadre, atunci începeți să faceți acest lucru în curând”. Dar împreună voi face mai multe comentarii importante. Din ele va deveni clar de ce cadrele ar trebui considerate doar ca unul dintre instrumentele din arsenalul dezvoltatorului.

Framework-urile nu sunt CMS. Da, le puteți folosi pentru a le dezvolta pe ale dvs propriul sistem management de conținut. Dar va merita efortul? Să presupunem că aveți o specificație tehnică completă, care descrie complet funcționalitatea proiectului și enumeră toate cerințele pentru acesta. Verificați dacă proiectul poate fi implementat pe orice CMS pe care îl cunoașteți. Dacă răspunsul este da, atunci nu este nevoie să reinventezi roata folosind un cadru.

Trebuie să cunoști bine cadrul din interior înainte de a începe cu el proiect nou(mai ales cu termene limită strânse).În caz contrar, există un risc mare ca munca să se transforme în „fumatul de manuale” non-stop.

Nu există niciun glonț de argint printre cadrele web. Fiecare dintre ei are propriile forțe și părțile slabe. Este imposibil să numim cel mai bun cadru obiectiv care să fie potrivit pentru fiecare situație și să rezolve toate problemele.

Pentru ce cadre web sunt potrivite:

• pentru site-uri mari. Flexibilitate, extensibilitate, scalabilitate a soluțiilor, ușurință de asistență - toate cele mai bune caracteristici ale cadrelor sunt dezvăluite pe proiectele mari.
• pentru a refactoriza un site web vechi. V-ați decis să transferați site-ul dvs. web existent într-un motor nou? Aruncă o privire mai atentă la cadre.
• pentru proiecte unice. Un framework este un constructor din detaliile căruia poți realiza o aplicație web cu orice funcționalitate.
• pentru dezvoltarea echipei. Cred că mulți oameni au văzut ce se întâmplă atunci când același cod este editat succesiv de mai multe persoane, fiecare dintre acestea fiind corectă propriul stil standarde de programare și proiectare de cod. Cadrul unifică structura fișierelor și ierarhia claselor și, de asemenea, impune stil uniform proiectarea codului.

Pentru ce cadre nu sunt prea potrivite:

• pentru site-uri standard simple. Doar dacă nu doriți să puneți dezvoltarea lor în flux și pentru asta aveți nevoie de propriul motor.
• a folosi oricare componentă separată cadru. Modelarea, rutarea, stocarea în cache în sine sunt lucruri minunate. Dar este mai bine să luați aceste module ca separat biblioteci de software decât utilizarea unui întreg cadru doar pentru una sau două dintre funcțiile sale.

Concluzie

Cadrele web sunt o binecuvântare absolută. Ele accelerează dezvoltarea, ajută la minimizarea riscurilor și oferă echipei un instrument comun. În plus, studiul lor contribuie la creșterea profesională.

Cu toate acestea, cadrele web nu sunt perfecte. Ele nu sunt întotdeauna benefice. Ele trebuie studiate mai întâi.

Cadrul, fiind „cadru” pentru crearea și întreținerea unui proiect software, face sarcina dezvoltatorului mai ușoară. Există multe cadre pentru crearea de site-uri web și pentru limbi diferite programare, care are atât avantaje cât și dezavantaje. Frame-uri CSS binecunoscute: Foundation și Bootstrap. Framework-urile PHP moderne includ Yii, Symfony și Laravel. Sunt prietenoși nu numai cu profesioniștii, ci și cu începătorii. Popularitatea și funcționalitatea largă îl fac ușor de găsit Informatii utile conform acestor cadre.

În zilele noastre, tehnologiile IT nu stau pe loc site-uri web, aplicații și diferite feluri produse software. Mii de linii de cod ajută un computer să înțeleagă o persoană.

Adesea, un dezvoltator folosește aceiași algoritmi în proiecte diferite. Și nu ar fi indicat să petreceți mult timp scriind același lucru iar și iar. Ce poate face această sarcină mai ușoară?

Există multe definiții ale termenului „cadru”. Să ne uităm la unele dintre ele și să încercăm să găsim ce le unește.

Cadru este o platformă software care definește structura unui sistem software, software care facilitează sarcina atribuită dezvoltatorului și integrează diferite componente proiect software mare. Aceasta este o structură care include biblioteci de coduri și diverse software-uri care ușurează viața dezvoltatorului și ajută la unirea diferitelor componente ale unui proiect software amplu. Cadrul conține elemente de bază module software. Toate componentele specifice sunt implementate de dezvoltator pe baza acestora.

Tradus din engleză, cadruînseamnă „cadru”. Într-adevăr, dacă comparați crearea unui proiect software cu construcția unei case, atunci cadrul este un cadru și dezvoltatorul poate atârna doar ferestre și pereți.

Cadrul oferă dezvoltatorului clase deja încorporate:

• Pentru a lucra cu baza de date
• Pentru a crea forme funcționale
• Pentru a descrie logica etc.

Toate acestea pot fi folosite în majoritatea proiectelor dvs., în timp ce utilizarea și conectarea vor fi simple datorită unor astfel de „cadre”.

Folosind cadre, nu este nevoie să scrieți zeci sau chiar sute de mii de linii de la zero, obținând astfel o productivitate mai mare. Devine mai ușor să mențineți proiectul, să faceți modificări și să corectați erorile și să „lipiți” componentele împreună în sisteme mai complexe. Cadrul ajută la organizarea arhitecturii structurate a proiectului, i.e. toate fișierele vor fi în ordine și în locurile potrivite.

Avantajele cadrelor

• Dezvoltarea pe cadru permite o întreținere ușoară a proiectului.
• Proiectele sunt ușor de scalat și modernizat.
• Soluțiile cadru funcționează mult mai rapid.
• Soluțiile bazate pe cadre sunt superioare sistemelor auto-scrise în ceea ce privește securitatea.

Contra cadrelor

• Multe funcții sunt implementate individual, deoarece cadrele conțin doar componente de bază ale logicii de afaceri.
• Este necesară înțelegerea proceselor de afaceri.

Dezvoltare web și cadre

Una dintre cele mai populare domenii de aplicare a cadrelor este crearea de site-uri web, aplicații web și servicii, iar acest lucru este firesc. Principalul avantaj al cadrului este faptul că de multe ori site-urile web și aplicațiile folosesc o structură standardizată pentru organizarea componentelor. Și crearea unei astfel de structuri devine mai ușoară dacă utilizați cadre. Aproape fiecare site are un formular de conectare. Iar „reinventarea roții” de fiecare dată nu ar fi o decizie înțeleaptă.

Pe internet putem găsi o cantitate mare cadre pentru crearea de site-uri web și pentru limbi diferite programare. Unele sunt concepute pentru a simplifica dezvoltarea interfețelor, altele ajută la scrierea logicii unui proiect software.

Ca exemplu, aș dori să ofer cele mai populare cadre pe care atât un dezvoltator profesionist, cât și un începător le pot înțelege. Este aproape imposibil să nu găsiți câteva informații despre aceste cadre și acesta este avantajul lor uriaș.

Unul dintre cele mai cunoscute cadre HTML/CSS/JS care ajută la dezvoltarea interfeței site-ului web este fundație, care constă din fișiere CSSși mai multe plugin-uri JQuery(cadru JS).

Principalul său concurent este Bootstrap, pe care sunt scrise și un număr imens de proiecte.

Merită remarcat principalele avantaje ale acestor cadre:

• Comoditate
• Simplitate pentru începători
• Popularitate, ceea ce înseamnă o comunitate dezvoltată
• Funcţional

Alte cadre facilitează scrierea logicii site-ului web și a aplicațiilor sau serviciilor web. De exemplu, unele dintre cele mai populare cadre PHP sunt:

• Yii: ușor de învățat și de utilizat, performanta ridicata referitor la alte cadre PHP și alte posibilități.
• Symfony: funcționalitate puternică, comunitate dezvoltată, mari avantajeînaintea altor cadre PHP în dezvoltarea de proiecte complexe.
• Laravel: disponibilitate, putere, funcționalitate bună.

În concluzie, este de remarcat faptul că fiecare dintre cadrele descrise are atât puncte forte, cât și puncte slabe. Toate au mari oportunități, care sunt implementate în felul lor. Fiecare dezvoltator are propriile preferințe, așa că alegerea va fi subiectivă. Înainte de a decide care dintre ele este mai bună, un dezvoltator ar trebui să încerce el însuși fiecare dintre aceste cadre.