5 ciekawych projektów do portfolio frontend developera na 2023 rok
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!
Spis treści
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.