Front-end vs. Back-End vs. Full-Stack Dezvoltare Web

Dezvoltarea web nu este doar un lucru. Acesta cuprinde mai multe seturi de competențe și există diferite tipuri de cariere în spațiul de dezvoltare web. Trei termeni folosiți adesea sunt "capătul din față", "capătul din spate" și "stack-ul complet". Aici sunt diferențele cheie dintre cele trei.

Dezvoltare web front-end

Dezvoltarea front-end, în timp ce componentele sale se schimbă întotdeauna, se ocupă, în esență, cu părțile exterioare ale unui site web sau de aplicație web. În centrul său, dezvoltarea front-end implică HTML, CSS și JavaScript.

• HTML: HyperText Markup Language, sau HTML, este componenta structurală esențială a tuturor site-urilor de pe Internet. Fără aceasta, paginile web nu pot exista.
• CSS: CSS adaugă stil HTML. Îmi place să folosesc analogia că HTML este ca o față și CSS este ca și machiajul.
• JavaScript: JavaScript, sau JS, a evoluat în ultimii ani. În ceea ce privește dezvoltarea front-end, JS este importantă deoarece contribuie la crearea unei pagini web interactive.

În general, partea frontală este asociată cu principiile de aspect și de proiectare. Cu toate acestea, dezvoltatorii din front-end nu sunt neapărat designeri.

Practic, dezvoltatorii din front-end construiesc aspectul exterior - paginile site-ului pe care le văd utilizatorii. Aceasta înseamnă că dezvoltatorul de front-end trebuie să țină cont de lizibilitatea și gradul de utilizare a site-ului și / sau a aplicației.

Mai mult, capătul frontal rulează pe client - în sensul computerului local al utilizatorului - în majoritatea cazurilor, browserul web. Și informațiile nu sunt stocate pe partea clientului.

Dezvoltare Web în Back-End

Back-end de dezvoltare web este ceea ce se întâmplă în spatele scenei. Partea din spate permite experiența de la front-end.

Pentru a face lucrurile ușor, gândiți-vă la capătul din față, ca parte a aisbergului deasupra apei. Este ceea ce văd utilizatorul - site-ul elegant. Partea din spate este restul gheții; acesta nu poate fi văzut de utilizatorul final, ci este cel mai fundamental element al unei aplicații web. Partea din spate rulează pe server sau, așa cum se numește adesea, "server-side".

Spre deosebire de dezvoltarea front-end (care foloseste in principal HTML, CSS si JavaScript), dezvoltarea web-back-end se poate baza pe o serie de limbi si cadre.

Câteva limbi populare folosite în spate includ:

• Rubin (adesea folosit împreună cu cadrul Rails - AKA Ruby on Rails)
• Piton (care este adesea folosit cu cadrul Django pe partea din spate)
• PHP (popularul WordPress CMS folosește PHP pe back-end - PHP are câteva cadre populare, unul fiind Laravel)
• Node.js (devenind mai populară - acesta este un mediu de back-end pentru aplicațiile web construite cu JavaScript)

Cu toate acestea, pentru ca site-urile web și aplicațiile web la scară largă să funcționeze, este mai mult decât un limbaj și un cadru de back-end. Toate informațiile de pe un site web sau o aplicație trebuie să fie stocate undeva.

Aici intră bazele de date. Dezvoltatorii back-end se ocupă și de acestea.

(Notă: puteți crea un site fără o bază de date utilizând doar cod HTML și CSS. Acesta ar fi un site static și ar fi mult mai puțin flexibil. Cu toate acestea, un site care se bazează pe informații care trebuie generat dinamic - Facebook, Yelp, orice site de e-commerce - are nevoie de o bază de date.)

Bazele de date populare includ:

• MySQL
• PostgreSQL
• MongoDB
• Si altii

În mod obișnuit, anumite limbi / cadre de back-end necesită o anumită bază de date. De exemplu, cadrul MEAN complet de stive necesită MongoDB.

Dincolo de cunoașterea unui limbaj / cadru back-end și a bazelor de date care rulează, dezvoltatorii back-end trebuie, de asemenea, să aibă o înțelegere a arhitecturii serverului.

Configurarea unui server permite unui site să ruleze rapid, să nu se blocheze și să nu ofere utilizatorilor erori. Acest lucru se încadrează în domeniul dezvoltatorului back-end, deoarece majoritatea erorilor apar la spate, nu la capătul din față.

Stivă completă

Da, ați ghicit-o: Stack-ul complet este combinația dintre capătul din față și cel din spate.

Un dezvoltator full-stack este un jack-of-all-trade. Aceștia sunt responsabili pentru toate nivelurile de dezvoltare, de la modul în care serverul este configurat la CSS-ul de proiectare.

În zilele noastre, există atât de multe lucruri care merg în dezvoltarea web-ului, încât este aproape imposibil să se ocupe de ambele părți. Deși mulți oameni se pot pretinde a fi stack-uri întregi sau, de fapt, ei se concentrează încă mai mult pe o parte: clientul sau serverul. (AKA partea din față sau partea din spate.)

La companiile / întreprinderile mai mici, o singură persoană ar fi mai probabil responsabilă pentru toate părțile din spectrul de dezvoltare web. Cu toate acestea, la companiile mai mari, oamenii lucrează la echipe și au roluri specializate - una se concentrează exclusiv pe arhitectura serverului, pe un alt (sau pe câțiva) pe front, etc.

Concluzie

Dezvoltarea web are multe fețe, și evoluează mai mult în fiecare zi. Sunt multe de învățat, dar nu vă simțiți presați să învățați totul imediat. Amintiți-vă, în mediile de la locul de muncă, veți fi, de obicei, într-o echipă cu alții. Concentrați-vă pe honing abilitățile dumneavoastră într-un aspect al dezvoltării web la un moment dat. Nu te copleși și vei fi un pro înainte să știi asta.