Opanowanie koncepcji projektowania pełnego stosu: Twój najlepszy przewodnik na rok 2023

Jeśli subskrybujesz usługę za pośrednictwem łącza na tej stronie, firma Reeves and Sons Limited może otrzymać prowizję. Zobacz nasze oświadczenie etyczne.

Kiedyś było tak, że większość osób pracujących przy tworzeniu stron internetowych miała jasno określone role w zespole programistów i rzadko oczekiwano, że będą one pokrywać się z innymi rolami.

Rzeczy się zmieniły. Obecnie można oczekiwać od ludzi wielozadaniowości i nawet w dużych organizacjach role zawodowe mogą być wymienne między członkami zespołu.

Coraz częściej spotykamy się z ogłoszeniami o pracę wymagającymi „programistów full-stack”, a problem w tym, że nie wszyscy do końca rozumieją, co oznacza to określenie. W wielu przypadkach nie jest to również uzasadniony wymóg. Często można zauważyć, że osoba, która umieściła ogłoszenie, również nie miała pojęcia, co oznacza to określenie, i po prostu go użyła, ponieważ wszyscy inni to robią.

Tworzenie pełnego stosu nie jest w rzeczywistości niczym specjalnym. Najprawdopodobniej posiadasz już wszystkie wymagane umiejętności, ale prawdopodobnie wyróżniasz się bardziej w jednym konkretnym obszarze stosu niż w innych. Coraz trudniej jest jednak zostać zatrudnionym jako specjalista, dlatego dobrym pomysłem jest posiadanie pewności co do szerokiego zrozumienia podstawowych technologii stosu.

obraz autorstwa

Dlaczego popyt na programistów korzystających z pełnego stosu przynosi efekt przeciwny do zamierzonego

Projektanci są dobrzy w projektowaniu. Koderzy są dobrzy w kodowaniu. Inżynierowie są dobrzy w inżynierii. Kiedy potrzebujesz wejściadiviJeśli chcesz być kompetentny w każdej części pracy związanej z projektowaniem i rozwojem, możesz uzyskać wyniki niezbyt doskonałe.

To prosta logika. Ktoś z pasją do projektowania powinien projektować, tak samo jak ktoś z pasją do kodowania powinien kodować. Jeśli urodzony programista jest zmuszony coś zaprojektować, może zaproponować akceptowalny projekt, ale najprawdopodobniej nie będzie on tak dobry, jak coś zaprojektowanego przez urodzonego projektanta.

Chociaż wzajemne zrozumienie zadań innych członków zespołu, a nawet możliwość ich zastępowania, może być pomocne, zazwyczaj najlepiej jest pozwolić każdemu członkowi wykorzystać jego mocne strony.

Co to jest programista z pełnym stosem?

Zaczniemy od zdefiniowania, czym właściwie jest „stos”. Ideą stosu jest grupa połączonych ze sobą technologii, które umożliwiają istnienie witryny.

Programista full-stack to zatem ktoś, kto bez mrugnięcia okiem radzi sobie z każdą warstwą stosu technologii.

Pierwsza warstwa: Badania UX

Proces tworzenia witryny internetowej rozpoczyna się od ustalenia, jaki cel ma osiągnąć witryna, a następnie opracowania planu opartego na tym celu.

User Experience (UX) to luźno zdefiniowana koncepcja, która ma fundamentalne znaczenie dla nowoczesnego projektowania i rozwoju witryn. Planując stronę internetową, musisz wziąć pod uwagę tworzony przez nią UX. Wymaga to przeprowadzenia badań, aby określić, jakich atrybutów będzie potrzebować witryna, aby zapewnić pozytywny UX.

gif autorstwa

Druga warstwa: Projekt interfejsu użytkownika

Po określeniu czynników, które zapewnią pozytywny UX, możesz teraz przystąpić do projektowania interfejsu użytkownika (UI), który uwzględni zidentyfikowane czynniki UX.

Oznacza to myślenie o takich rzeczach, jak wskaźniki ładowania, menu nawigacyjne, bułka tarta nawigacji, układ witryny, tła, obrazy, czcionki, kolory, a może nawet bardziej zaawansowane rzeczy, takie jak audio i wideo.

Celem jest sprawienie, aby dostęp do wszystkich tych rzeczy był jak najłatwiejszy oraz aby dobrze wyglądały i dobrze działały. Zapewnienie wejściadivioptymalizacja podwójnych komponentów, to także dobry pomysł, aby zaplanować to z wyprzedzeniem.

Trzecia warstwa: Front End Development

Tutaj zaczyna się prawdziwa akcja. Do tej pory wszystko było planowaniem i projektowaniem, ale na tym etapie już właściwie wdrożenia Projektowanie. Wykorzystując HTML, CSS, JavaScript i być może inne technologie, prototyp strony internetowej nabiera kształtu i (ostatecznie) życia.

Jeśli nie jest to bardzo prosta witryna, prawdopodobnie nie będzie w tym momencie w pełni funkcjonalna. Będzie to jednak działający prototyp, który przynajmniej będzie przypominał wygląd i styl gotowej witryny.

gif autorstwa

Czwarta warstwa: Back End Development

Zaplecze witryny to miejsce, w którym stosowane są specjalne technologie wspomagające. Jeśli Twoja witryna tego potrzebuje do cokolwiek po stronie serwera na podstawie działań użytkownika (na przykład przetwarzanie zawartości koszyka przed przekazaniem żądania do PayPal), wtedy to się dzieje.

Istnieje wiele różnych technologii, które możesz wybrać, aby zająć się tymi zadaniami, a niektóre są bardziej odpowiednie niż inne. Najpopularniejszymi opcjami w tej chwili są PHP i Ruby, ale istnieje ponad 1000 opcji, które można równie dobrze wybrać.

PHP jest najbardziej elastycznym i najłatwiejszym rozwiązaniem, ale niekoniecznie najbardziej wydajnym. Dla każdego, kto dopiero zaczyna swoją karierę, jest to najlepszy język do nauki po stronie serwera, ponieważ jest łatwy do nauczenia i ponieważ jest tak powszechnie używany na wiele sposobów.

Warstwa ta może czasami obejmować takie czynności, jak konfiguracja i administracja serwerem, inżynieria sieci i tak dalej.

Piąta warstwa: Administracja bazami danych

Projektowanie i rozwijanie baz danych obsługujących zadania, które musi wykonać Twoja witryna, może być poważnym zadaniem. Aby zrobić to dobrze, trzeba opanować architekturę baz danych, a także zostać mistrzem SQL.

To jedna z tych rzeczy, która wydaje się naprawdę łatwa, a w rzeczywistości okazuje się bardziej złożona, niż się spodziewano. Wszystko zależy od tego, jak fantazyjne będą realizowane zadania.

ilustracja autorstwa

Jak nowy programista powinien podejść do zdobywania potrzebnych umiejętności?

Najlepszym sposobem jest rozpoczęcie nauki od piątej warstwy i przejście do pierwszej. Dzieje się tak dlatego, że warstwy są uporządkowane według trudności w nauce. Najtrudniejszym zadaniem jest stworzenie doskonałych baz danych, a dla większości ludzi będzie to zadanie najmniej interesujące. Lepiej więc szybko się tego pozbyć.

Następnie przeszedłbyś do nauki języka programowania, takiego jak PHP, Ruby, Python, Java itp. Mógłbyś nauczyć się tylu lub kilku ilu chcesz wish, ale możliwości dostępne dla programistów PHP są znacznie większe niż w przypadku innych języków, jeśli chodzi o tworzenie stron internetowych. Wyjątkiem jest JavaScript, ale nadal jest on uważany głównie za język po stronie klienta, więc technicznie rzecz biorąc, należy do trzeciej warstwy.

Po opanowaniu języka programowania zaplecza możesz przejść do nauki znacznie łatwiejszego zadania, jakim jest tworzenie witryn za pomocą HTML, CSS i JavaScript (i/lub innych technologii).

Następnie możesz przejść do jeszcze łatwiejszego zadania projektowania interfejsu użytkownika. Biorąc pod uwagę, jak łatwo jest to zrobić, zaskakujące jest to, że wiele witryn ma źle zaprojektowane interfejsy użytkownika lub bardzo pochodne interfejsy użytkownika. Projektowanie interfejsu użytkownika nie jest ani trochę trudne.

W końcu dochodzimy do najłatwiejszej rzeczy, czyli badań UX. Powodem, dla którego jest to tak łatwe, jest to, że jesteś w to zaangażowany od dnia swoich narodzin. Przychodzimy na świat reagując na rzeczy, które przynoszą nam radość lub cierpienie.

Zanim osiągniesz dorosłość, powinieneś dobrze rozumieć te rzeczy, a projektowanie UX to po prostu planowanie doświadczenia użytkownika, które obejmuje więcej rzeczy, które sprawiają radość, a mniej tych, które powodują niepokój.

obraz nagłówka dzięki uprzejmości

Bogdan Rancea

Bogdan jest członkiem-założycielem Inspired Mag, posiadającym w tym okresie prawie 6 lat doświadczenia. W wolnym czasie lubi studiować muzykę klasyczną i zgłębiać sztuki wizualne. Ma też obsesję na punkcie fixies. Posiada już 5.

Komentarze Odpowiedzi 0

Dodaj komentarz

Twój adres e-mail nie zostanie opublikowany. Wymagane pola są oznaczone *

Ocena *

Ta strona używa Akismet do redukcji spamu. Dowiedz się, jak przetwarzane są dane komentarza.