Marcin Kulbicki's Projects
The application features a multi-page form interface, styled using Styled-Components. It includes a custom select component, allowing users to navigate through options with keys. Additionally, the app uses a photo file upload system and live form validation.
👉 HTML&CSS: Podstawy - wygraj Code Review ✅ wykonując zadania! ➡ Znajomość HTML-a i CSS-a jest niezbędna do rozpoczęcia przygody z programowaniem w języku JavaScript, dlatego zawsze najpierw polecam naukę podstaw tych dwóch technologii.
👉 HTML&CSS: Responsywność - wygraj Code Review ✅ wykonując zadania! ➡ Ruch na stronach internetowych z urządzeń mobilnych to zdecydowana większość. Dla wybranych witryn może stanowić nawet 90% ruchu. Umiejętność tworzenia responsywnych stron internetowych, czyli dostosowujących się do rozmiaru urządzenia, jest niezbędna u każdego frontendowca.
👉 JavaScript: API & FETCH - wygraj Code Review ✅ wykonując zadania! ➡ Umiejętność korzystania z API jest często wykorzystywaną umiejętnością w pracy Front-end Developer-a. fetch() to rozwiązaniem, które pozwala nam wykonywać zapytania do API i pobierać dane, które potem możemy zaprezentować na naszej stronie. Wspomniana funkcja jest rozwiązaniem
👉 JavaScript: Podstawy - wygraj Code Review ✅ wykonując zadania! ➡ Stawiając pierwsze kroki w każdej dziedzinie należy najpierw poznać teorię, która pozwala lepiej interpretować zaistniałe sytuacje. Sprawdź swoją znajomość podstaw JavaScriptu!
👉 JavaScript: Podstawy, tablice - wygraj Code Review ✅ wykonując zadania! ➡ Tablice to podstawowa struktura danych wykorzystywana w języku JavaScript. Sprawdź czy Twoja wiedza z tablic i funkcji z nimi powiązanych jest wystarczająca!
👉 JavaScript: Podstawy, funkcje - wygraj Code Review ✅ wykonując zadania! ➡ Funkcje pozwalają na przestrzeganie zasady DRY, która przyczynia się do tworzenia kodu wysokiej jakości. Sprawdź, czy rozumiesz działanie funkcji i potrafisz z nich korzystać!
👉 JavaScript: Podstawy, pętle - wygraj Code Review ✅ wykonując zadania! ➡ Pętle `for` czy `while` są niezbędnym elementem każdej aplikacji. Zrozumienie ich działania jest pierwszym krokiem jaki należy wykonać, aby wejść w świat programowania.
👉 JavaScript: Podstawy, obiekty - wygraj Code Review ✅ wykonując zadania! ➡ Obiekty to kolejna struktura w JavaScript, która pozwala na grupowanie danych. Przekonaj się, czy potrafisz operować na właściwościach i wartościach obiektów.
👉 JavaScript: Elementy DOM - wygraj Code Review ✅ wykonując zadania! ➡ Elementy DOM to małe klocki, z których jest budowana strona internetowa. Umiejętne wyszukiwanie, dodawanie, modyfikowanie czy usuwanie tych elementów jest pierwszym krokiem do budowania interaktywnych i nowoczesnych stron internetowych.
👉 JavaScript: ECMAScript2015+ - wygraj Code Review ✅ wykonując zadania! ➡ Trzeba przyznać, że standard ES2015, tj. ES6, wniósł do świata JavaScriptu bardzo dużo usprawnień. Obecnie rozwiązania zaproponowane w tej specyfikacji są na co dzień wykorzystywane przez programistów i nie wyobrażają sobie oni pracy bez nich. Jeśli chcesz zacząć pracę jako p
👉 JavaScript: Events - wygraj Code Review ✅ wykonując zadania! ➡ Zdarzenia (ang. Events), a w zasadzie ich obsługa, to niezbędny element każdej nowoczesnej strony. Czy potrafisz reagować na akcje użytkownika? Wykonaj zadania i sprawdź swoje umiejętności!
👉 JavaScript: Forms - wygraj Code Review ✅ wykonując zadania! ➡ Obsługa formularzy to jedna z najważniejszych umiejętności programisty JavaScript. Praktycznie na każdej stronie czy w aplikacji występuje tego typu element. Dzięki zadaniom z tego repozytorium sprawdzisz swoją wiedzę na temat formularzy. Poziom zadań jest dostosowany pod osoby, które
👉 JavaScript: Testowanie - wygraj Code Review ✅ wykonując zadania! ➡ Umiejętność testowania i debugowania aplikacji jest niezbędna w pracy programisty. Pozwala pisać lepszej jakości oprogramowanie i nie tracić mnóstwa czasu na rozwiązywanie problemów.
👉 JavaScript: Narzędzia - wygraj Code Review ✅ wykonując zadania! ➡ Narzędzia to temat, od którego powinniśmy zacząć naukę programowania. Bez odpowiednio przygotowanego stanowiska pracy będziemy ciągle odrywać się od efektywnej nauki.
➡ Komponenty to budulec aplikacji w Reakcie. Mimo że ich budowa nie jest skomplikowana, to posiadają one specjalne zachowania, których znajomość jest niezbędna do prawidłowego tworzenia aplikacji przy pomocy tej biblioteki.
➡ Kompozycja to jeden ze sposobów budowania aplikacji. W Reakcie występują komponenty, z których „składamy” potem całą aplikację. Wykorzystanie mniejszych komponentów do budowania większych jest właśnie kompozycją.
➡ React jest biblioteką JavaScript, która wymusza na programiście trzymanie się pewnych zasad pisania kodu. To ułatwia wdrożenie się w istniejący projekt, jak również pracę w zespole. Podstawową strukturą budowania aplikacji w Reakcie są komponenty, dlatego większość z zadań dotyczy właśnie tego zagadnienia.
➡ React ciągle się rozwija i usprawnia swoje działanie. Poznawanie nowych, lepszych rozwiązań jest częścią pracy programisty. Dzięki zadaniom z tego repozytorium sprawdzisz, czy znasz odpowiednie narzędzia oraz czy potrafisz wykorzystywać nowe, wygodne rozwiązania dostępne w Reakcie.
➡ Redux jest jednym z najpopularniejszych rozwiązań wspomagających zarządzanie stanem w aplikacji – nie tylko w Reakcie. Umiejętność korzystania z niego jest bardzo dużym atutem podczas poszukiwania pracy jako React Developer.
➡ Zrozumienie Reduxa w stopniu ponadpodstawowym zdecydowanie ułatwia pracę z nim oraz umożliwia korzystanie z jego pełnych możliwości przy pomocy rozszerzeń. Sprawdź, czy Twoja wiedza jest wystarczająca do rozpoczęcia przygody z Reduxem na poziomie bardziej zawansowanym.
➡ Implementacja nawigacji dla serwisu (ang. routing) jest bardzo ważnym elementem – zwłaszcza jeśli ma to być zrobione bez powielania kodu. Najoptymalniej jest wykorzystywać te same komponenty na wielu podstronach i uzależniać zawartość strony od parametrów przekazywanych w adresie URL.
➡ Możliwości stylowania (definiowania wyglądu) komponentów w Reakcie jest bardzo dużo – w szczególności gdy spojrzy się na listę rozwiązań CSS in JS. My skupimy się na jednym z najpopularniejszych narzędzi: Styled Components.
➡ Obsługa błędów oraz pisanie testów jednostkowych czy integracyjnych to bardzo ważna część pracy programisty. Pozwala ona utrzymywać kod o wysokiej jakości. Każda zmiana w implementacji jest od razu testowana i pozwala to dość szybko wychwycić ewentualne problemy.
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent