laurazacharuk Goto Github PK

firstproject

github-helloworld

js-tools

practice-html-and-css-basics

👉 HTML&CSS: Podstawy - wygraj Code Review ✅ wykonując zadania! ➡Podstawowa znajomość HTML oraz CSS jest niezbędna do rozpoczęcia przygody z programowaniem w JavaScript dlatego zawsze polecam rozpoczęcie nauki od podstaw tych dwóch wspomnianych technologii.

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 wspomniana miara może sięgać nawet 90%. Umiejętność tworzenie responsywnych stron internetowych tj. dostosowujących się do rozmiaru urządzenia jest niezbędna w orężu każdego frontendowca.

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-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-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ą przestrzegać zasady DRY, która jest bardzo ważna w pisaniu kodu wysokiej jakości. Sprawdź czy dobrze je rozumiesz!

practice-js-basics-loops

👉 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.

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-es2015plus

👉 JavaScript: ECMAScript2015+ - wygraj Code Review ✅ wykonując zadania! ➡ Trzeba przyznać, że standard ES2015 tj. ES6 wniósł do świata JavaScript bardzo dużo. Obecnie rozwiązania zaproponowane w tej specyfikacji są na co dzień wykorzystywane przez programistów i nie wyobrażają sobie oni pracy bez tych usprawnień. Jeśli chcesz zacząć pracę jako programista JS musisz poznać rozwiązania dostępne w wersji ES2015 i nowszych.

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 strony. Czy nie chciałbyś umieć reagować na akcję użytkownika? Jak pokazać lub ukryć dany element, gdy użytkownik kliknie w przycisk powyżej? Jak powiększyć obrazek, gdy użytkownik najedzie na niego kursorem? Umiejętność reagowania na akcję użytkownika jest niezbędna do zbudowania nowoczesnej strony internetowej. Przekonaj się czy Twoja wiedza z tej dziedziny jest wystarczająca!

practice-js-forms

👉 JavaScript: Forms - wygraj Code Review ✅ wykonując zadania! ➡ Obsługa formularzy to jeden z najważniejszych umiejętności dla programisty JavaScript. Praktycznie na każdej stronie czy w aplikacji występuje tego typu element. Zadania dostępne w tym repozytorium pozwolą zweryfikować Twoje umiejętności z tego zakresu. Ich poziom jest dostosowany pod osoby, które chcą znaleźć pierwszą pracę w zawodzie programisty JS.

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-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-components

➡ Komponenty to budulec, z którego są tworzone aplikacje w React. 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-composition

➡ Kompozycja to jeden ze sposobów bodowania aplikacji. W React występują komponenty, z których budujemy całą aplikację. Wykorzystanie mniejszych komponentów do budowania większych jest właśnie kompozycją.

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-react-modern

➡ React ciągle się rozwija i usprawnia swoje działanie. Poznanie nowych, lepszych rozwiązań jest cześcią pracy programisty. Wyzwania dostępne w tym repozytorium mają za zadanie sprawdzić, czy znasz odpowiednie narzędzia oraz czy potrafisz wykorzystać nowe i wygodne rozwiązania dostępne w React.

practice-react-redux-basics

➡ Redux jest jednym z najpopularniejszych rozwiązań wspomagającym zarządzanie stanem w aplikacji. Nie musi to być koniecznie React. Umiejetność korzystania z tego rozwiązania jest bardzo dużym atutem podczas poszukiwan pracy jako React Developer.

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 z tego zakresu jest wystarczająca do rozpoczęcia przygody z Redux na poziomie bardziej zawansowanym.

practice-react-routing

➡ Implementacja nawigacji dla serwisu (ang. Routing - Ścieżkowanie) jest bardzo ważnym elementem. W szczególności jeśli nie mamy powielać kodu. Idealnie jeśli nasze komponenty będziemy mogli wykorzystać na wielu podstronach i uzależniać zawartość strony od parametrów przekazywanych w adresie URL.

practice-react-styling

➡ Możliwości stylowania, tj. definiowania wyglądu komponentów w React, jest bardzo dużo - w szczególności, gdy spojrzy się na listę rozwiąząń CSS in JS. My skupimy się na jednym z najpopularniejszych rozwiązań, jakim jest Styled Compnents.

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.

rwd