← Home

„Framework” este un cuvânt folosit foarte des în legătură cu codul. Așadar, ce este chiar un framework? Când vorbim despre framework-uri, aceste framework-uri se împart în mod normal în trei categorii diferite – frontend, backend și CSS sau framework-uri de interfață cu utilizatorul. Dar chiar și după ce știți ce sunt cadrele, pe care dintre ele ar trebui să le învățați sau să le folosiți și de ce? Această postare va discuta despre ce este un framework, ce framework-uri există și cum să luați decizii cu privire la ce tip de framework ar trebui să folosiți pentru proiectele dumneavoastră!

Ce sunt framework-urile

Dacă ne uităm la câteva aplicații web diferite, putem vedea că există o mulțime de caracteristici duplicate. Multe au autentificare a utilizatorilor, pagini care se redau, se conectează la baze de date, au profiluri pe care le poți consulta, toate au fluxuri stilizate de informații etc. Dacă aș vrea, aș putea să scriu eu însumi toată această logică de fiecare dată când vreau să construiesc o nouă aplicație; cu toate acestea, există, de asemenea, o mulțime de instrumente disponibile care pot face acest lucru în locul nostru.

În plus, de multe ori, atunci când construim aplicații, dorim să formatăm codul nostru în anumite moduri care să ne ajute să devenim mai eficienți și să ajutăm alți dezvoltatori să înțeleagă codul nostru. Cadrele web ne ajută să realizăm structura în aplicațiile noastre și ne oferă caracteristici suplimentare pe care le putem adăuga fără prea multă muncă în plus. Cadrele ne oferă un punct de plecare, astfel încât să ne putem concentra pe caracteristici mai degrabă decât pe detalii de configurare.

Codul este citit de mult mai multe ori decât este scris și este atât de important, atunci când lucrați cu alți dezvoltatori, ca aceștia să știe unde este scris codul pentru anumite sarcini, astfel încât să îl poată folosi în propriul cod. Cadrele de lucru au, de asemenea, convenții pentru modul în care este scris și structurat codul, care standardizează modul în care dezvoltatorii își scriu codul.

Majoritatea site-urilor web au o structură foarte asemănătoare (ca să nu spunem identică). Scopul framework-urilor este de a oferi o structură comună, astfel încât dezvoltatorii să nu fie nevoiți să o refacă de la zero și să poată reutiliza codul furnizat. În acest fel, framework-urile ne permit să tăiem o mare parte din muncă și să economisim mult timp.

Pentru a rezuma: nu este nevoie să reinventăm roata.

de la Awwwards.

Sub capota, framework-urile sunt doar biblioteci de cod (adică codul altora), iar cele populare sunt open source! Deci vă puteți uita online la codul bibliotecii dvs. de cod!

Backend vs Frontend

• Frontend-ul unei aplicații web este partea pe care o vedeți și cu care interacționați. Ea constă în designul web și interacțiunea site-ului. În ceea ce privește limbajele de programare, aceasta este aproape întotdeauna formată din CSS, HTML și JavaScript ale paginii.

• Spate-ul este format din server, baza de date și codul care interacționează cu acestea. Acesta constă, de asemenea, din codul care oferă date dinamice către frontend-ul site-ului. Acest lucru poate fi gestionat în majoritatea limbajelor de programare. Cele pe care le vom discuta astăzi în principal sunt Python, Ruby și Node JavaScript, dar există nenumărate altele.

Cadrele de interfață cu utilizatorul

Cadrele de interfață cu utilizatorul ajută la crearea de aplicații web stilizate și cu aspect profesional. Cele mai multe includ un fel de sistem de grilă, astfel încât să aliniați elementele, au scheme de culori, astfel încât să fie gestionate pentru dvs. și stilizează componentele HTML folosind CSS, astfel încât acestea să arate curat și profesional. Acestea fac parte din domeniul frontend; cu toate acestea, în mod normal, atunci când ne referim la cadrele frontend, vorbim despre cadrele JavaScript.

Câteva cadre de interfață utilizator includ:

• Bootstrap
  Mult cunoscut și construit de Twitter
• ușor de învățat și cu aspect profesional
• Poate fi ușor de reperat „Bootstrap Sites”
• Poate fi dificil să personalizezi componentele

Materialize

• Apare curat

. Un pic mai „amuzant” decât Bootstrap

Multe opțiuni de stilizare și culoare

Să urmeze ghidul de stil Material de la Google

Foundation

• Multe exemple
• Apare profesional

Semantic UI

• Mulți construiți…in

Construite-în teme astfel încât să fie personalizabil

Grommet

• Se concentrează foarte mult pe accesibilitate
• Arată foarte curat
• Nu atât de folosit ca altele
• Făcut pentru React JS (un alt framework pe care îl vom analiza mai târziu)

Alegerea unui framework de interfață cu utilizatorul

Alegerea unui framework de interfață cu utilizatorul se reduce în mare parte la preferințele personale în ceea ce privește aspectul și obiectivele site-ului. Diferitele stiluri se pot adresa unor industrii diferite sau pot transmite un mesaj diferit utilizatorilor.

Frontend Frameworks

Frontend frameworks sunt, în cele mai multe cazuri, scrise în JavaScript și au rolul de a organiza funcționalitatea, interactivitatea site-ului dumneavoastră. Unele dintre acestea includ:

• Vue
  ușor de învățat
• Mult rapid
• Toate instrumentele asociate cu acesta sunt bine împachetate
• Preia părți din Angular și React și le optimizează
• Mai puțin adoptate pe scară largă decât altele
• Flexibil… îl puteți utiliza în mai multe moduri

AngularJS

• Construit de Google
• Bine suportat
• Un număr imens de caracteristici
• Îmbunătățește scalabilitatea aplicației
• Dificil de depanat

Mare curbă de învățare

Angular 2+

• Construit de Google
• Bine susținut
• Încurajează reutilizarea
• Ambunătățește scalabilitatea aplicației
• Curbă mare de învățare

. React

Construit de Facebook

Folosește codul frontend în componente

Organizează codul și datele pentru a face codul mai reutilizabil

Curbă mare de învățare

Ember

• Dă o cantitate mare de funcționalitate din start

Opinionat (trebuie să folosiți formatarea sa)

Curbă de învățare mare

Alegerea unui framework de front-end

Lumea framework-urilor de front-end evoluează deosebit de rapid, se pare că la fiecare câteva luni apare un nou framework frontend. Învățați ceea ce are sens pentru dumneavoastră și nu vă faceți prea multe griji cu privire la care este cel mai „fierbinte” în acest moment.

Câteva persoane susțin că React și Vue sunt biblioteci în loc de framework-uri, dar o mulțime de oameni le consideră framework-uri, așa că le-am inclus!

Cadrele de backend

Cadrele de backend sunt mult mai variate. Ele sunt scrise într-o varietate de limbaje de programare și au o mare varietate de caracteristici. Mai jos, ca și lista de mai sus, este o listă foarte incompletă a unora dintre cadrele existente pentru scrierea de backend-uri pentru aplicații.

• Spring MVC
  • Java (limbaj mai dificil de învățat)
  • Mult rapid
  • Mai puțin avizat
• Django
  • Python (limbaj mai ușor de învățat)
  • Mediu fericit între a fi foarte avizat și mai puțin structurat
  • Îți oferă o mulțime de funcționalități din start (cum ar fi autentificarea utilizatorilor, conexiuni la baze de date și redarea vizualizărilor)

  Poate fi dificil să integrezi un front-end fantezist.

Manipularea datelor de către Django este uimitoare

Flask

• Python (limbaj mai ușor de învățat)
• Mai puțin opiniat și mai ușor de personalizat decât Django
• Vă oferă mai puțin din start (trebuie să construiți mai mult)

.

Ruby on Rails

• Ruby (limbaj mai ușor de învățat)
• Multe opinii
• Dispune de instrumente grozave, cum ar fi scaffolding, astfel încât să puteți construi lucruri rapid
• Vă oferă o mulțime de funcționalități din start (cum ar fi autentificarea utilizatorului, conexiuni la baze de date, și redarea vizualizărilor)

Producția de active ajută la dezvoltarea front-end

Ruby durează mai mult pentru a rula programe decât alte limbaje de programare

Meteor

• JavaScript (limbaj mai ușor de învățat)
• Vă oferă o mulțime de funcționalități din start (cum ar fi autentificarea utilizatorului, conexiuni la baze de date, și redarea vizualizărilor)

Se integrează foarte bine cu front-end-urile moderne

Express

• JavaScript (limbaj mai ușor de învățat)
• Mult personalizabil
• Mult ușor
• Mai puțin construit-încorporate

Node este foarte rapid

Alegerea unui cadru de lucru pentru backend

De obicei, alegeți un framework de backend în funcție de limbajul de programare în care este scris. De asemenea, țineți cont de caracteristicile pe care doriți să le adăugați – dacă doriți autentificare (sau autentificarea utilizatorilor) pentru site-ul dvs. web, de exemplu, scrierea în Django, unde autentificarea este integrată, va fi mult mai ușoară decât scrierea în Flask, unde veți avea nevoie de un serviciu suplimentar.

Învățați mai multe

Dacă doriți să folosiți sau să învățați un framework, iată o serie de aplicații construite cu diferite framework-uri, astfel încât să puteți evalua care dintre ele are cel mai mult sens pentru dvs. Există mult mai multe framework-uri de diferite mărimi și popularități, dar acest articol oferă o scurtă prezentare a unora dintre cele mai populare și de unde puteți începe. Nu există un răspuns corect cu privire la ce să înveți mai întâi! Există argumente pro și contra pentru orice, așa că puneți în balanță ceea ce este cel mai important pentru dumneavoastră și porniți de acolo. Cadrele sunt foarte utile și fac ca scrierea codului să fie mult mai rapidă în cele mai multe cazuri, dar să ai o bază solidă de programare înainte de asta este, de asemenea, foarte important – așa că asigură-te că știi bine mai întâi limbajul în care este scris cadrul tău. Framework-urile sunt super utile pentru scrierea de site-uri web, deoarece impun o structură pe care ceilalți dezvoltatori din framework o înțeleg și vă oferă funcționalități comune, astfel încât nu trebuie să reinventați roata!

Unde să începeți să învățați…

• Tutorialul fetelor Django – Am învățat primul meu framework prin intermediul tutorialului lor online!
• Code Academy
• TodoMVC
• CodeNewbie Podcast

Și dacă aveți nevoie de o idee pentru o aplicație…

• Awesome App Ideas
• 15+ APP IDEAS TO BUILD TO LEVEL UP YOUR CODING SKILLS