Mateusz Bogolubow's repositories
git-mastery-workshop
Learn how to work with Git by solving real life scenarios.
practice-html-and-css-basics
👉 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.
practice-js-tools
👉 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.
practice-react-manufacturing
➡ Proces tworzenia aplikacji to coś więcej niż implementacja. Potrzebujemy sprawnego planowania i organizowania pracy, aby móc zrealizować określony cel. Tym razem wyzwania, jakie są przed Tobą stawiane, mają za zadanie ułatwić Ci proces planowania i organizacji pracy nad własnym projektem.
practice-react-routing
➡ 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.
practice-react-testing
➡ 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.
practice-react-redux-enhancement
➡ 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.
practice-react-redux-basics
➡ 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.
practice-react-styling
➡ 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.
practice-react-modern
➡ 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.
practice-react-composition
➡ 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ą.
practice-react-components
➡ 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.
practice-react-introduction
➡ 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.
practice-js-testing
👉 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.
practice-js-es2015plus
👉 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 programista JS, musisz poznać rozwiązania dostępne w wersji ES2015 i nowszych.
practice-js-forms
👉 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 chcą znaleźć pierwszą pracę w zawodzie programisty JS.
practice-js-api-and-fetch
👉 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 asynchronicznym dlatego wywołania zwrotne (ang. callback) powinny być Ci znane, jak również problemy z nimi związane np. callback hell. fetch() wykorzystuje w swojej implementacji obietnice (ang. Promise), które również nie powinny być Ci obce. Opisywane wyżej zagadania są niezbędne do wykonania zadań jakie są dostępne w tym repozytorium.
practice-js-events
👉 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!
practice-js-dom-elements
👉 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.
practice-js-basics
👉 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!
practice-js-basics-objects
👉 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.
practice-js-basics-arrays
👉 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!
practice-js-basics-functions
👉 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ć!
practice-html-and-css-rwd
👉 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.
react-webpack-init
Configuration webpack for app with react