Moje doświadczenie
30.05.2025
BlogHobbyPersonalWebDev
Wpis podzielony na kilka sekcji, mający na celu pokazać moje doświadczenia, i rzeczy które robiłem w danych technologiach.
HTML, CSS, JavaScript
Podstawy podstaw, zacząłem uczyć się tworzenia stron w technikum, i już od tego momentu „zaskoczyło”.
Zacząłem od kupienia pierwszego kurs od: mmcschool.pl, a skończyłem posiadając 3 części i dodatkowy kurs JavaScript.
Projekty
Oprócz wszystkim znanym „Weather app” czy inne „Todo-list”, postanowiłem pójść w trochę inną stronę, i popatrzeć na lokalne biznesy, sprawdzić czy mają strony internetowe i jeśli nie, to spróbować trochę unowocześnić ich działanie.
Po dwóch niewypałach trafiłem firmę z którą współpracuje do dziś, czyli: rk-transport.pl (Obecnie strona jest przerabiana w React, można ją zobaczyć tutaj)
Z perspektywy czasu strona zawiera wiele niedociągnięć, ale spełnia swoją role.
Za zadanie dałem sobie żeby przekazać informacje jak najbardziej czytelnie, dla osób które rzadko posługują się internetem.
Strona nie miała być fancy, a jedynie przekazywać jak-najprościej, jak najwięcej informacji.
Z moich pierwszych prób tworzenia stron dowiedziałem się, kto by się spodziewał, głównie podstaw.
- Semantyczne tagi <header> <footer> <main> itd
- Podstawowy JS do tworzenia nawigacji na telefonach
- Responsywny design (domyślałem się że strona będzie głównie oglądana na telefonach)
- Podejście mobile-first
- Tworzenie idioto-odpornego UI (cały czas nad tym pracuje)
- SCSS, BEM, zmienne
- ::before, ::after, :hover
- Komunikacja z osobami nie-biegłymi w IT
WordPress
Pierwsze spotkanie z WordPressem miałem na praktykach w InternetPlus
Przed tym stażem, nie miałem pojęcia o istnieniu czegoś takiego jak CMS, i dalej mam ciarki jak przypomnę sobie swoje pierwsze próby odpalenia strony w XAMPPie 😰
Oprócz sprawdzania komputerów, chodzenia po paczki, tłumaczenia stron i przenoszenia zdjęć z jednej strony na drugą, miałem kilka ciekawszych wyzwań:
Stworzenie strony Apostołowie Opinii od zera.
I wiadomo, mało można oczekiwać od stażysty, wydaje mi się że zrobiłem 60% strony która dzisiaj jest widoczna w ich portfolio.
Dowiedziałem się wielu cennych rzeczy, nie tylko o samym tworzeniu stron, ale także o tym jak pracować w zespole
Pierwszy mój „własny” projekt za który rzeczywiście odpowiadałem, zamiast tylko być asystentem stałych pracowników
- Tworzenie strony WordPress od zera
- Praca z grafikiem
- tworzenie kodu który będzie czytelny dla innych deweloperów
Ta strona!
Moim największym projektem w wordpress’ie, jest strona na której obecnie to czytasz!
Nauczyłem się wielu ciekawych rzeczy między innymi:
- Tworzenie Bloga od zera
- Korzystanie z TailwindCSS w php
- Struktura plików WordPressa (front-page.php, functions.php, single.php)
- Własne pola BEZ DODAWANIA PLUGINÓW (Absolutne piekło gdy jeden z pluginów dostaje update, i niszczy się cała strona (cenne doświadczenie)
Moim głównym celem było stworzenie przeze mnie wszystkich funkcjonalności strony, podejście code-only, nie chciałem dodawać miliona pluginów, żeby zrobić proste pola w które admin strony może wstawić X zdjęcie.
Wygląd tego bloga, wzorowałem na tej stronie
React, TailwindCSS
Jak wcześniej pisałem, zacząłem tworzyć kilka małych projektów w React.
Przerobienie RK-Transport
ze statycznego HTML, CSS, JS na React, Tailwind, SupaBase
Wersję testową można znaleźć tutaj
Oprócz poprawienia UI, i czytelności całej strony starałem się też ułatwić wprowadzanie zmian
(np. Aktualności)
Całość wymaga jeszcze sporo pracy, ale już mam pomysły na wprowadzenie sekcji „OD-DO” w której można wybrać swój przystanek i docelowy przystanek, i zobaczyć o której dostępne są autobusy
Powinienem się nią zająć :p
Główne rzeczy których się nauczyłem tworząc stronę:
- Pobieranie danych z API Supabase
- Tworzenie komponentów wielokrotnego użytku (props)
- Renderowanie warunkowe
- Grupy w TailwindCSS
Windows XP
Czyli marzenie frontendu na stworzenie realnego systemu
Projekt miał być moim pierwszym projektem w react, który miał rzeczywiście sprawdzić moje umiejętności pisania w react, zamiast zwyczajnie przepisywać kod z poradnika.
Projekt porzucony, ale mam zamiar do niego wrócić zaraz po skończeniu RK-Transport
Test geograficzny
Innym moim projektem nad którym obecnie pracuje jest prosty test geograficzny
W tym projekcie próbuje nowe rzeczy, staram się trochę pobawić z kolorami, samym wyglądem strony, mając ciągle na uwadze ease-of-use całej strony.
Główne rzeczy których się nauczyłem tworząc stronę:
- Pracowanie z react-maps
- Integracja API krajów, ich flag i populacji
Przyszłość
W przyszłości chciałbym spróbować wielu rzeczy, zaczynając od innych frameworków, idąc przez naukę Backendu, kończąc na zostaniu FULLSTACK Developerem. A potem niech się dzieje wola nieba…
Na obecnym etapie, chce się skupić na zrozumieniu w 100% jak działa ReactJS. Znalazłem na YT cudowny filmik który pokazuje jak najpopularniejszy framework pod kurtyną:
Obecnie dużo czasu spędzam oglądając Web Developerów na Youtube między innymi:
Pomysły na przyszłe projekty:
- Gra Snake 3D na sześcianie, w przeglądarce
- Własny CMS nie używając PHP
- …
Piosenka na dziś…