szymonsuchanowski Goto Github PK

applab-rwd-website

Static website created to look great on every screen!

camp_html-css

coderscamp2020javascript

dream-car

Book your dream car with React Multi Step Form!

fake-json-server

fake-json-server-heroku

Fake server that we can use all the CRUD Operations using HTTP requests.

gh-sdk

Implementation of GitHub API Software Development Kit (including testing with Jest).

html-css-website

kanban-app

React app that visualizes the Kanban method and allows for its practical use. Be effective!

planner

Meeting planner built with React, local API and form with autocomplete suggestions. Never be late!

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

spacekit

Javascript library for 3D space visualizations