Poradnik, Praca w IT

5 ciekawych projektów do portfolio frontend developera na 2023 rok

laptop i monitory

Wybrałem 5 najciekawszych pomysłów, które pomogą zwiększyć szanse na zdobycie nowej pracy jako frontend developer. Nie chodzi jednak o to, by zrobić je wszystkie, ale wybrać dwóch lub trzech i skupić się na nich porządnie. Pamiętaj — lepiej mniej, a dobrze, niż więcej, ale w pośpiechu i niedokładnie!

Czy programista potrzebuje portfolio?

Ten artykuł bez wątpienia przyda się każdej osobie, która chce wejść na rynek pracy, zmienić pracę lub awansować. Wierzę, że rozbudowa swojego portfolio to świetna karta przetargowa i możliwość zaprezentowania wachlarza swoich umiejętności. Przydatne zarówno juniorom — którzy nie mają jeszcze doświadczenia komercyjnego i muszą jakoś je zaprezentować, ale nie tylko. Bardzo często doświadczeni programiści pracują nad projektami objętymi umową poufności. To znaczy, że nie możemy się pochwalić kodem ani zaprezentować jak dane rozwiązanie wygląda i działa. 

Projekt pierwszy, czyli… portfolio

Jak możemy umieścić jakieś projekty w portfolio, jeżeli ono samo nie istnieje? Oczywiście możemy posłużyć się GitHub’em, ale moim zdaniem taka forma prezentacji nie sprzedaje zbyt dobrze, o czym pisałem we wcześniejszym artykule o sposobach na szybkie znalezienie pracy w IT. Zrobienie estetycznego portfolio to szansa na zaprezentowanie swoich umiejętności przede wszystkim z zakresu CSS oraz optymalizacji wydajności stron/aplikacji webowych. Czyli czegoś, co wbrew pozorom, jest towarem deficytowym wśród frontend developerów. Nauka HTML i CSS jest trywializowana, przez co dużo “seniorów” nie potrafi pisać semantycznie poprawnego kodu i dalej nie rozumieją w pełni działania mechanizmów stojących za flex’em czy gridem — nie mówiąc już o animacjach.

Designy, które mogą posłużyć Ci za inspiracje znajdziesz na Dribble, gdzie designerzy dzielą się swoimi projektami — często nawet udostępniają do nich Figmę i linki do “żywych” stron!

Warto zainwestować w swoją domenę. Może nawiązywać do nazwiska, pseudonimu. Zwiększymy w ten sposób odbiór swojej osoby jako profesjonalisty i kogoś wyróżniającego się z tłumu.

Gra przeglądarkowa — Pokemon

Czasem słyszę, że marzeniem wielu programistów jest stworzenie własnej gry. Często wynika to z tego, że pasja do pracy na komputerze zaczęła się właśnie od grania. Jak to się mówi? Marzenia są po to, żeby je spełniać!

Jest wiele tutoriali na temat tego, jak zrobić grę kółko i krzyżyk, statki, czy memory. Tylko że takie projekty są oklepane i raczej mało fascynujące w tworzeniu. Zrobienie gry 2D wzorowanej na popularnym serialu animowanym to już zupełnie inna bajka. Użyjemy tutaj HTML Canvas oraz czystego JavaScriptu. Świetna sprawa, ponieważ pierwsza z technologii jest niszowa i może okazać się, że dzięki niej dostaniemy ciekawą propozycję pracy. Czysty JS z kolei jest zaniedbywany przez wielu programistów skupiających się tylko na frameworkach. Tak więc dwie pieczenie na jednym ogniu, aby wyróżnić się z tłumu!

Tutorial zrobiony przez Chris Courses dostępny jest tutaj.

Blog w Next.js 

Coraz głośniej i częściej mówi się o projektach, w których wykorzystać można SSR (server-size rendering). Najpopularniejszym obecnie narzędziem na froncie do takich rozwiązań jest Next.js, który ostatnio ukazał się w nowej wersji — trzynastej. To bardzo dobry moment na to, żeby poznać tę technologię, bo akurat wprowadzono sporo kluczowych zmian, które będą obowiązywać prawdopodobnie przez kilka lat.

Do zarządzania zawartością bloga możesz użyć Sanity lub Prismic — dwóch najpopularniejszych headless CMS’ów.

Hej, jeżeli nie planujesz niczego publikować, a nie bawi Cię robienie bloga wypełnionego “Lorem ipsum dolor sit…” to spróbuj użyć Next’a do zbudowania swojego portfolio.

Lista filmów do obejrzenia

Problem z darmowymi API jest taki, że często pozwalają tylko na operacje GET. Aby pokazać, że potrafimy pracować sprawnie z REST API, dobrze mieć w portfolio projekt, który używa też takich metod jak POST, PUT czy DELETE. Co, jeżeli możemy połączyć przyjemne z pożytecznym i napisać apkę, która będzie za nas pamiętać filmy, które chcieliśmy obejrzeć? Ja sam bardzo często dostaję rekomendacje, o których zapominam. Kiedy z kolei sam jestem pytany o rekomendacje, nie pamiętam zbyt wielu tytułów, nawet jeśli mi się podobały. 

The Movie DB API pozwala na tworzenie własnych list, aktualizowanie ich, ale potrafi nam również samodzielnie polecać jakieś pozycje, na podstawie tego, co nam się podobało. Bardzo rozbudowane, ciekawe narzędzie.

Podoba Ci się pomysł, ale nie wiesz, jak taka apka powinna wyglądać? Skorzystaj ponownie z inspiracji na Dribble.

Weź udział w Open Source

Ostatni punkt nie wskaże konkretnego, jednego projektu, ale wskaże jego typ. Chodzi o pomoc w tworzeniu otwartego oprogramowania, zespołowo. Każdy z powyższych projektów jest moim zdaniem ciekawy, przyszłościowy lub oryginalny, ale łączy je jedna wada. Robi się je samemu. To z kolei nie odzwierciedla typowych warunków w pracy, nie pokazuje, że potrafimy się komunikować, współpracować. 

Wiem, że trudno jest znaleźć projekty Open Source dla nowicjuszy, czasem możemy się czuć przytłoczeni ilością kontrybuujących osób. Proponuję więc inne rozwiązanie. Znajdź jakąś społeczność (np https://dev.to) i zbierz ekipę paru (najlepiej do 10) osób, która spróbuje napisać coś razem. Do planowania możecie użyć Miro, do dzielenia się taskami darmowej wersji Jiry lub Asany. Nie tylko Ty się czegoś nauczysz, ale dasz szanse na naukę junior project managerom, grafikom, testerom. W dodatku dużo łatwiej wytrwać w postanowieniu zrealizowania projektu, kiedy nie jesteśmy w tym sami. 

Zdjęcie główne pochodzi z unsplash.com.

Software Architect / Engineer w DNA Technology. Swoją pasję do z IT odkrył w czasach wczesnoszkolnych. Pierwsze kroki w zawodzie stawiał jeszcze w szkole, pisząc do internetowych redakcji oraz drukowanych czasopism IT. Dziś specjalizuje się we frontendzie. Dzieli się także swoją wiedzą, tworząc serię kursów wideo dla wydawnictwa Helion, publikując na LinkedIn. Jego hobby to zdrowie, dietetyka, sport i gotowanie.

Podobne artykuły

[wpdevart_facebook_comment curent_url="https://geek.justjoin.it/5-ciekawych-projektow-do-portfolio-frontend-developera-na-2023-rok/" order_type="social" width="100%" count_of_comments="8" ]