kaczupinko's Projects
AoC-2023
Calendar.vL
Profile
👉 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: 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: 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: 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
👉 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.
It is a Kanban Board (visual-organization tool), created using React. Tasks can be added to the board, removed and moved between columns (each column has a limit of tasks). The data is stored in Local Storage.
Create a perfect junior README for your portfolio project!
recipe-page-frontendmentor
Test-CSS