Stăpânirea conceptului de design Full Stack: Ghidul tău definitiv pentru 2023

Dacă vă abonați la un serviciu dintr-un link de pe această pagină, Reeves and Sons Limited poate câștiga un comision. Vezi noastre declarație de etică.

Odată, majoritatea persoanelor care lucrau în dezvoltarea site-urilor web aveau roluri clar definite în cadrul unei echipe de dezvoltare și rareori se aștepta să se suprapună în alte roluri.

Lucrurile s-au schimbat. Acum s-ar putea să se aștepte ca oamenii să îndeplinească mai multe sarcini și chiar și în organizațiile mari, rolurile de muncă pot fi interschimbabile între membrii echipei.

Din ce în ce mai mulți, vedem anunțuri de locuri de muncă care solicită „dezvoltatori full stack” și problema este că nu toată lumea înțelege pe deplin ce înseamnă acest termen. De asemenea, nu este o cerință rezonabilă în multe cazuri. Se poate observa adesea că oricine a plasat anunțul nu avea nici o idee despre ce înseamnă termenul și l-a folosit doar pentru că toți ceilalți o fac.

Dezvoltarea completă a stivei nu este, de fapt, nimic special. Cel mai probabil aveți deja toate abilitățile necesare, dar probabil că excelați mai mult într-o anumită zonă a stivei decât în ​​altele. Totuși, devine din ce în ce mai dificil să fii angajat ca specialist, deci este o idee bună să fii sigur de o înțelegere largă a tehnologiilor de bază ale stivei.

imagine de

De ce este contraproductivă cererea pentru dezvoltatorii full stack

Designerii sunt buni la design. Codificatorii sunt buni la codificare. Inginerii sunt buni la inginerie. Când aveți nevoie de un individual pentru a fi competent în fiecare parte a proiectării și dezvoltării, puteți ajunge la rezultate mai puțin decât perfecte.

Aceasta este o logică simplă. Cineva cu pasiune pentru design ar trebui să proiecteze, la fel de mult ca și cineva cu pasiune pentru cod. Dacă un programator născut este forțat să proiecteze ceva, el sau ea poate veni cu un design acceptabil, dar cel mai probabil nu va fi la fel de bun ca ceva proiectat de un designer născut.

Deși poate fi util ca membrii echipei să își înțeleagă slujbele reciproce și chiar să se poată completa reciproc, de obicei este mai bine să le permiteți fiecărui membru să lucreze la punctele sale forte.

Ce este un dezvoltator full stack?

Vom începe prin a defini ce este de fapt „stiva”. Ideea stivei este un grup de tehnologii interconectate care fac posibilă existența unui site.

Un dezvoltator complet de stivă, atunci, este cineva care poate gestiona fiecare strat din acel teanc de tehnologii, fără să tremure.

Primul strat: UX Research

Procesul de dezvoltare a unui site web începe cu stabilirea obiectivului pe care ar trebui să îl atingă site-ul și apoi dezvoltarea unui plan bazat pe acest obiectiv.

Experiența utilizatorului (UX) este un concept vag definit, care este fundamental pentru proiectarea și dezvoltarea site-ului modern. Când planificați site-ul web, va trebui să luați în considerare UX-ul pe care îl creați. Acest lucru necesită unele cercetări pentru a determina ce atribute va avea nevoie site-ul pentru a oferi un UX pozitiv.

gif de

Al doilea strat: UI Design

După ce ați determinat factorii care vor oferi un UX pozitiv, treceți acum la proiectarea unei interfețe cu utilizatorul (UI) care să abordeze factorii UX pe care i-ați identificat.

Aceasta înseamnă să vă gândiți la lucruri precum indicatori de încărcare, meniul de navigare, pesmetul de navigare, aspectul site-ului, fundaluri, imagini, fonturi, culori și poate chiar lucruri mai avansate, cum ar fi audio și video.

Scopul este de a face ca toate aceste lucruri să fie cât mai simplu de accesat și să se asigure că arată bine și funcționează bine. Asigurarea intrăriidivicomponentele duale sunt optimizate este, de asemenea, o idee bună pentru a planifica în avans.

Al treilea strat: Front End Development

Aici începe acțiunea reală. Până în prezent totul a fost planificat și proiectat, dar în acest stadiu am făcut-o punerea în aplicare a design-ul. Folosind HTML, CSS, JavaScript și poate alte tehnologii, prototipul site-ului web ia forma și (în cele din urmă) viața.

Dacă nu este un site foarte simplu, probabil că nu va fi pe deplin funcțional în acest moment. Va fi, totuși, un prototip funcțional care are cel puțin aspectul a ceea ce ar trebui să fie site-ul finit.

gif de

Al patrulea strat: Back End Development

Partea din spate a site-ului este locul în care sunt folosite tehnologii speciale de abilitare. Dacă site-ul dvs. are nevoie do orice pe partea serverului pe baza acțiunilor utilizatorului (de exemplu, procesarea conținutului unui coș de cumpărături înainte de a transmite o solicitare către PayPal), atunci acesta se întâmplă.

Există o mulțime de tehnologii diferite din care puteți alege pentru a vă ocupa de aceste sarcini, iar unele sunt mai potrivite decât altele. Cele mai frecvente alegeri din acest moment sunt PHP și Ruby, dar există peste 1000 de alegeri care ar putea fi la fel de selectate.

PHP este cea mai flexibilă și mai ușoară soluție, dar nu este neapărat cea mai eficientă. Pentru oricine tocmai își începe cariera, este cel mai bun limbaj de pe server pentru a învăța, deoarece este ușor de învățat și pentru că este atât de utilizat pe scară largă în atât de multe moduri.

Acest strat poate include uneori lucruri precum configurarea și administrarea serverului, ingineria rețelei și așa mai departe.

Al cincilea strat: Administrarea bazei de date

Proiectarea și dezvoltarea bazelor de date pentru a sprijini sarcinile pe care site-ul dvs. trebuie să le gestioneze poate fi o sarcină majoră. Pentru a face acest lucru bine, trebuie să stăpâniți arhitectura bazei de date și, de asemenea, să deveniți un maestru al SQL.

Acesta este unul dintre acele lucruri care sună foarte ușor și se dovedește a fi mai complex decât se aștepta. Totul depinde de cât de fanteziste vor fi sarcinile de gestionat.

ilustrare de

Cum ar trebui un nou dezvoltator să câștige abilitățile necesare?

Cel mai bun mod este să începeți să învățați de la al cincilea strat și să mergeți până la primul strat. Asta pentru că straturile sunt ordonate în funcție de dificultatea lor de a învăța. Cea mai dificilă sarcină este crearea unor baze de date excelente și va fi, de asemenea, cea mai puțin interesantă sarcină pentru majoritatea oamenilor. Atunci este mai bine să o scoți din cale repede.

Apoi veți trece la învățarea unui limbaj de programare precum PHP, Ruby, Python, Java etc. Puteți învăța atât de multe sau cât de puține. wish, dar oportunitățile disponibile pentru programatorii PHP sunt mult mai abundente decât pentru celelalte limbi atunci când vine vorba de dezvoltare web. Excepția este JavaScript, dar acesta este încă privit în principal ca un limbaj de partea clientului, așa că din punct de vedere tehnic aparține celui de-al treilea strat.

După ce stăpânești un limbaj de programare back-end, vei trece la învățarea sarcinii mult mai ușoare de a crea site-uri cu HTML, CSS și JavaScript (și / sau alte tehnologii).

Apoi, veți trece la sarcina și mai ușoară a proiectării UI. Având în vedere cât de ușor este acest lucru, este surprinzător atât de multe site-uri au interfețe de utilizator slab proiectate sau interfețe de utilizator extrem de derivate. Designul UI nu este cel mai puțin dificil.

În cele din urmă ajungeți la cel mai ușor lucru dintre toate, care este cercetarea UX. Motivul pentru care acesta este atât de ușor este că ați fost implicat în el încă din ziua în care v-ați născut. Venim în lume reacționând la lucruri care fie ne aduc bucurie, fie suferință.

Până când sunteți adult, ar trebui să înțelegeți bine aceste lucruri, iar designul UX planifică pur și simplu o experiență de utilizator care include mai multe lucruri care provoacă bucurie și mai puține lucruri care provoacă suferință.

imaginea antetului prin amabilitatea

Bogdan Rancea

Bogdan este membru fondator al Inspired Mag, acumulând aproape 6 ani de experiență în această perioadă. În timpul liber îi place să studieze muzică clasică și să exploreze artele vizuale. Este destul de obsedat și de fixe. El deține deja 5.

Comentarii Răspunsuri 0

Lasă un comentariu

Adresa ta de email nu va fi publicată. Câmpurile obligatorii sunt marcate *

Evaluare *

Acest site folosește Akismet pentru a reduce spamul. Aflați cum sunt procesate datele despre comentarii.