Frontend w 2020 roku – w jaką stronę się kierować?

Autor:
Radosław Madecki
Frontend w 2020 roku – w jaką stronę się kierować?

Jak każdego roku, pierwsze jego miesiące obfitują w plany, postanowienia, ale również spekulacje na temat tego, co może się w nim zmienić. Na przykład w Pensylwanii od wielu lat nadejście wiosny przewiduje… świstak Phil. Teoria mówi, że gdy po wyjściu ze schronienia ujrzy swój cień, to do wiosny jeszcze trochę zostało.

W tym artykule jednak nie mam zamiaru skupiać się na legendach, bajkach i lokalnych wierzeniach. W końcu informatyka to nauka ścisła, trzymajmy się więc faktów.

 

Frontend w 2020 roku: Atomic Design

To ciekawe podejście zostało zaproponowane przez Brada Frosta, wydał nawet na ten temat książkę o takiej samej nazwie. Na czym to polega? Przede wszystkim na podzieleniu pracy nad aplikacją podobnie, jak wygląda nasz wszechświat. Jaką znasz najmniejszą jego składową? Atom. Takim atomem w naszej aplikacji będzie przycisk, input, radio button i każdy inny „malutki” element. To od nich powinniśmy zgodnie z tą teorią zaczynać pracę.

Następnie, z posiadanych atomów, możemy konstruować molekuły, które są ich połączeniem. Na przykład search input z przyciskiem do wyszukiwania. Idźmy dalej – tego typu twory umieszczamy w czymś, co nazywamy organizmami, a nie są one niczym innym niż reużywalnymi komponentami w naszej aplikacji.

Ok, ale co w tym niby nowego, odmiennego? Chodzi właśnie o kolejność. Zwykle tworzyliśmy widok, później się okazało, że potrzebujemy inputa, więc go dodawaliśmy. Równocześnie, tę samą pracę mógł wykonać kolega lub koleżanka obok, w dodatku nieco inaczej, co powodowało konflikty (w kodzie oczywiście :)).

Atomic design sprawdzi się fantastycznie w połączeniu ze Storybookiem, czyli swoistą biblioteką naszych atomów i molekuł.

 

Frontend w 2020 roku: React dalej wiedzie prym

Sporo osób boi się zacząć naukę programowania, będąc straszonym opowieściami o tym, jak to nad czym pracowali miesiącami, idzie na marne.

Oczywiście w każdej historii jest ziarnko prawdy, ale na pewno dużo z nich jest  przesadzonych. Nadal można trafić na projekty, które działają na archaicznych rozwiązaniach jak Backbone, jQuery, a ci, którzy byli zbyt leniwi żeby nauczyć się nowych, na upartego znajdą pracę.React za to jest nie tylko świeżą, ale także intensywnie wspieraną, rozwijaną przez autorów i społeczność biblioteką. Nic nie wskazuje na to, by w najbliższym czasie, miał ustąpić miejsca konkurencji i zdecydowanie będzie można znaleźć w nim pracę przez kolejne lata.

 

Przyszłość należy do frameworków i bibliotek?

Mimo że we wcześniejszym akapicie wspominam o tym, że React nie wybiera się na emeryturę i jeszcze długo nie da o sobie zapomnieć, to stopniowo w łaski programistów wkradają się WebComponents.

To nic innego niż znane nam z używanych już narzędzi komponenty, ale bez potrzeby korzystania z czegoś, co nie jest naturalną częścią Java Script. Pozwalają na tworzenie enkapsulowanych, własnych tagów HTML. Wykorzystuje się do tego wbudowaną klasę HTMLElement, importuje plik z przygotowanym w taki sposób komponentem i używając jego nazwy, zdefiniowanej wcześniej w pliku .JS wstawiamy do pliku HTML. Jest to dokładnie tak proste jak brzmi! Coś na co czekaliśmy już od dawna i zmierzało do nas wielkimi krokami, staje się standardem, który oczywiście nie wyprze rozwiązań takich jak React, Angular, Vue, ale zastąpi część ich funkcjonalności. W prostszych rozwiązaniach będzie można z nich w pełni zrezygnować, na rzecz
czystego Java Script.

 

Dalej o komponentach…

Bardzo ciekawym, a nadal mało znanym rozwiązaniem jest Bit. To narzędzie do wiersza poleceń, które umożliwia nam wygodne tworzenie reużywalnych, odizolowanych od reszty projektu komponentów. Mogą być później dystrybuowane jako niezależne paczki NPM.

Kolejną korzyścią jest możliwość podzielenia zespołów wg. odpowiedzialności za pojedynczy element frontu, testowanie go bez integracji z całym systemem, potwierdzanie jego „niezależności”. Oczywiście paczki Bit działają w pełni sprawnie z React, Vue, Angular, Mocha i innymi popularnymi narzędziami.

 

Frontend w 2020 roku. Czy warto się w to bawić?

Niektórzy kursanci pytają mnie „czy w tych czasach, gdy na jedno stanowisko juniorskie jest tyle CV, warto w ogóle iść we front?”. Trochę martwi mnie ten brak wiary na samym początku, ale nie jest on z drugiej strony bezpodstawny. Mamy przed sobą wizję wielu miesięcy ciężkiej pracy, nie chcemy robić tego na marne. Jak w rzeczywistości wyglądają historie dwustu CV na jedno „krzesło”?

W praktyce, olbrzymia ilość tych aplikacji nadaje się z automatu do niszczarki. Nim gdziekolwiek wyślemy CV, warto zweryfikować swoje rzeczywiste umiejętności, zamiast zakładać, że miesiąc nauki przyniesie nam od razu olbrzymie zarobki. Każdy powinien zapoznać się z efektem Dunninga-Krugera, który udowodnił, że osoby z małym stażem zawodowym, są bardzo mocno narażone na przecenianie swoich umiejętności, co może skutkować irytacją i zniechęceniem po paru odmowach.

 

Rozwiązanie jest jedno – schowaj dumę do kieszeni, ucz się i chodź na rozmowy kwalifikacyjne.
Nikt nie powie Ci ile to potrwa, ale wysłanie dziesięciu CV, to zdecydowanie za mało. Na wytrwałych i pracowitych na pewno czekają pracodawcy, którzy docenią ich zaangażowanie.

Przeczytaj jeszcze więcej
Premiera pierwszego w Polsce poradnika o reskillingu i upskillingu

Premiera pierwszego w Polsce poradnika o reskillingu i upskillingu – „Upskilling Reskilling. Czas na przyspieszenie”

„Upskilling Reskilling. Czas na przyspieszenie” to pionierskie opracowanie, które jako pierwsze kompleksowo ujmuje zagadnienia wypełnienia luki kompetencyjnej w firmach i analizuje wyzwania polskiego rynku pracy związane z brakiem specjalistów IT. Powstała na bazie wniosków z raportu „Wielki reset umiejętności” oraz warsztatów z radą programową ds. reskillingu prowadzonych przez Tinę Sobocińską. POBIERZ EBOOK: https://futurecollars.com/raport-upskilling-reskilling-czas-na-przyspieszenie/ https://reskilling.pl/raporty/   O ebooku „Upskilling Reskilling. Czas na przyspieszenie” Twórcy poradnika, zdając sobie sprawę z przełomowego Premiera pierwszego w Polsce poradnika o reskillingu i upskillingu – „Upskilling Reskilling. Czas na przyspieszenie”

Future Collars i Amazon: razem na trzech nowych rynkach

Future Collars i Amazon: razem na trzech nowych rynkach

– Nie zwalniamy tempa! Po wejściu na Bliski Wschód i nawiązaniu współpracy ze Zjednoczonymi Emiratami Arabskimi rozszerzamy działalność o kolejne kierunki ekspansji. Czechy, Słowacja i Irlandia, a dokładnie uprawieni pracownicy Amazon w tych krajach, wezmą udział w naszych dedykowanych kursach – komentuje Beata Jarosz, CEO Future Collars. Future Collars od kilku lat jest aktywnym partnerem programu Amazon Career Choice, który umożliwia pracownikom podnoszenie kwalifikacji do ról zarówno w firmie Future Collars i Amazon: razem na trzech nowych rynkach

Future Collars i Amazon Web Services łączą siły

Future Collars i Amazon Web Services łączą siły, aby zainspirować polską młodzież do rozpoczęcia kariery w sektorze IT

Szkoła kompetencji cyfrowych Future Collars rozpoczyna współpracę z programem Amazon Web Services (AWS) GetIT. Inicjatywa ta ma na celu zaznajomienie uczniów w Polsce, w wieku 12-14 lat – szczególnie dziewcząt oraz przedstawicieli społeczności niedostatecznie reprezentowanych – z umiejętnościami związanymi z chmurą obliczeniową. Projekt aspiruje do zainspirowania młodzieży do rozważenia kariery w branżach STEM (nauka, technologia, inżynieria, matematyka). Program AWS GetIT będzie realizowany przez cały rok szkolny 2023/2024, edukując Future Collars i Amazon Web Services łączą siły, aby zainspirować polską młodzież do rozpoczęcia kariery w sektorze IT

Maciej Paczuła

Refleksje Absolwenta: Nauka i rozwój nawet w trudnej sytuacji zdrowotnej

Co skłoniło Cię do zgłoszenia się na kurs w Future Collars w ramach Fundacji Ergo Hestia? I który kurs wybrałeś? To sama fundacja zgłosiła mnie bezpośrednio na kurs w Future Collars. Skorzystałem z doradztwa zawodowego w fundacji, gdzie zadeklarowałem, że chciałbym zostać Testerem. Dzięki temu przedstawiono mi kurs Tester Oprogramowania, który udało mi się pomyślnie zrealizować.   Jakie korzyści odniosłeś dzięki ukończeniu kursu? Czy pomogło Ci to w codziennej pracy lub w przebranżowieniu się? Ukończenie kursu Refleksje Absolwenta: Nauka i rozwój nawet w trudnej sytuacji zdrowotnej

Anna Niejełow

“Dostałam solidne podstawy, wiem także w jakim kierunku dalej się rozwijać, by być coraz lepszym Testerem” – rozmowa z Anną, absolwentką kursu Tester Oprogramowania

Co skłoniło Cię do zgłoszenia się na kurs w Future Collars? Który kurs wybrałaś i dlaczego? Po urodzeniu trzeciego dziecka wiedziałam, że muszę coś zmienić w swoim życiu zawodowym. O przebranżowieniu się do IT i zostaniu Testerem Oprogramowania myślałam już od pewnego czasu. Namawiał mnie do tego mój mąż oraz mój kolega, programista. Uważali, że poradzę sobie i że mam predyspozycje do tej pracy. Dlaczego akurat w Future Collars? Spodobała mi się agenda kursu, dostęp do kursu języka angielskiego w IT “Dostałam solidne podstawy, wiem także w jakim kierunku dalej się rozwijać, by być coraz lepszym Testerem” – rozmowa z Anną, absolwentką kursu Tester Oprogramowania

Moc Reskillingu Wykorzystanie korzyści biznesowych

Moc Reskillingu: Wykorzystanie korzyści biznesowych

W dzisiejszym zmieniającym się środowisku biznesowym, reskilling stał się bardzo ważnym pojęciem. Wiele firm na całym świecie ma trudności z znalezieniem pracowników posiadających nowe i niezbędne umiejętności np. specjalistów od cyfrowego bezpieczeństwa danych czy z innej branży specjalistów od Compliance. Dlatego coraz częściej sięgają po reskilling, czyli przekwalifikowanie swoich obecnych pracowników, co pozwala na odblokowanie ich potencjału i przynosi wiele korzyści biznesowych. Przedstawiam przykładową firmę o nazwie Innovatech Solutions, która pokazuje, Moc Reskillingu: Wykorzystanie korzyści biznesowych