JavaScript Challenge

<div style="color: white;">
<h3>Jak powstał JavaScript</h3>
JavaScript jest aktualnie, według serwis&oacute;w Github i StackOverflow, najpopularniejszym językiem programowania na świecie. Czas jego stworzenia okazał się być niewsp&oacute;łmiernym do jego p&oacute;źniejszej popularności. JavaScript powstał bowiem w zaledwie 10 dni, a obecnie jest używany praktycznie przez każdą firmę na świecie, zar&oacute;wno jako technologia frontendowa i backendowa.
W 1995 roku niejaki Brendan Eich stworzył w rekordowo szybkim czasie język, kt&oacute;ry miał umożliwić tworzenie interaktywnych stron. Nazwa została zmieniona parokrotnie &ndash; początkowe Mocha oraz LiveScript zostały ostatecznie zastąpione przez JavaScript. Należy jednak pamiętać, iż pomimo podobieństw w nazwach, JavaScript to nie to samo co Java. Choć pierwszy z nich czerpał inspiracje z drugiego, JavaScript jest zupełnie odrębnym językiem programowania.
Do dzisiejszej popularności JavaScript przyczyniła się przede wszystkim jego wszechstronność. Każdy poważny serwis internetowy używa JavaScriptu. Coraz częściej używa się jego frameworkowych wersji, takich jak stworzony przez Facebooka React.js, czy napisany przez programist&oacute;w Google&rsquo;a Angular.js. JavaScript nie jest już tylko językiem frontendowym (tj. odpowiedzialnym za wyświetlanie stron www i interakcje z użytkownikiem), ale jest r&oacute;wnież środowiskiem backendowym (tj. służącym do przetwarzania danych po stronie serwera) w postaci coraz bardziej popularnego Node.js.
Poznajmy podstawy tego najbardziej popularnego języka i sprawdźmy, jak łatwo możemy w nim programować.
</div>

js.png

<h2 style="text-align: center; margin: 0 auto;">O zmiennych</h2>

Podstawową jednostką przechowywania danych w JavaScript jest zmienna. Zapisuje się ją poprzez podanie słowa kluczowego var (od variable) oraz nazwy. Następnie po znaku "r&oacute;wna się" (operator przypisania "=") podaje się wartość, jaką chce się tam zapisać.

<div class="line_container">
<div class="line">&nbsp;</div>
Oto przykład:
</div>

var number1 = 5;
var number2 = 2;
var number3 = number1 + number2;

W tym przykładzie:
<ul>
<li>zmienna o nazwie number1 przechowuje wartość 5,</li>
<li>zmienna o nazwie number2 przechowuje wartość 2,</li>
<li>zmienna o nazwie number3 przechowuje wartość 7 (number1 + number2, czyli 5 + 2).</li>
</ul>
Zmienna przechowuje wartość. Prościej m&oacute;wiąc &ndash; ma wartość, kt&oacute;rą w prosty spos&oacute;b możemy zmienić:

var apple = "jabłko"; // teraz zmienna apple przechowuje napis "jabłko"
apple = "ananas"; // teraz zmienna apple przechowuje napis "ananas"

Zmienną możesz wyobrazić sobie jako pudełko. Z użyciem var tworzymy je, a po znaku r&oacute;wności m&oacute;wimy, co do niego chcemy włożyć. Jeśli ma w nim być nowa rzecz, to nie tworzymy go na nowo. Po prostu wskazujemy je i deklarujemy, co tym razem wkładamy.
Należy pamiętać, że nazwa każdej zmiennej powinna być unikalna. Może to być skr&oacute;cona nazwa (x czy y) lub &ndash; co jest zgodne z dobrą praktyką &ndash; bardziej opisowa (name, city, age).

<h2 style="text-align: center; margin: 0 auto;">Kr&oacute;tko o nazywaniu zmiennych</h2>

Zmienne w JavaScripcie:
<ul>
<li>mogą zawierać litery, cyfry, podkreślenia i znak dolara,</li>
<li>powinny zaczynać się od litery,</li>
<li>mogą rozpoczynać się od $ lub _,</li>
<li>rozr&oacute;żniają duże i małe litery (a i A to dwie r&oacute;żne zmienne),</li>
<li>jeżeli po zadeklarowaniu zmiennej nie przypiszemy do niej żadnej wartości, to wtedy przyjmie ona wartość undefined.</li>
</ul>
W JavaScripcie znak "=" jest operatorem przypisania, co znaczy, że nie używamy go jak normalnego znaku r&oacute;wności. Jeżeli chcesz por&oacute;wnać dwie zmienne i dzięki temu dowiedzieć się, czy są takie same, to użyj "==" czyli podw&oacute;jnego znaku r&oacute;wności (program zwr&oacute;ci true lub false).
Zmienne mogą przechowywać r&oacute;żnego rodzaju dane. Najważniejsze z nich to:

<div class="line_container">
<div class="line">&nbsp;</div>
number &ndash; czyli wszystkie liczby, np.
</div>

// zmienna numberOfChild przechowuje liczbę dzieci w klasie
var numberOfChild = 12;

<div class="line_container">
<div class="line">&nbsp;</div>
string &ndash; czyli napisy, np.
</div>

// zmienna name przechowuje napis z imieniem
var name = "Bożydar";

<div class="line_container">
<div class="line">&nbsp;</div>
boolean &ndash; czyli wartości logiczne. Mogą przyjąć dwie wartości: prawda (true) lub fałsz (false).
</div>

// zmienna loggedIn przechowuje informację, czy jestem zalogowany (true = tak,
false = nie)
var loggedIn = true;

Pamiętaj, że zmienne typu string (napisy) zawsze powinny znajdować się w cudzysłowie. Przyjrzyj się poniższym r&oacute;żnicom:
<ul>
<li>22 &ndash; zmienna typu number (liczba),</li>
<li>"22" &ndash; zmienna typu string (napis), (liczba),</li>
<li>true &ndash; zmienna typu boolean (logiczna),</li>
<li>"true" &ndash; zmienna typu string (napis).</li>
</ul>

<h3>Instrukcja logowania</h3>
Zanim zaczniesz rozwiązywać zadania, wejdź na stronę: <a href="https://repl.it/" target="_blank" rel="noopener">https://repl.it/</a> i zał&oacute;ż konto, klikając w prawym g&oacute;rnym rogu przycisk &ldquo;Sign Up&rdquo;. Następnie, w celu weryfikacji konta, postępuj zgodnie z instrukcją, kt&oacute;ra pojawi się na stronie.
Udało się? Super! Teraz możesz zacząć rozwiązywać zadania.
Pamiętaj, aby po przejściu na stronę z każdym zadaniem, kliknąć przycisk "Fork". Umożliwi Ci to wprowadzanie zmian w kodzie. Zawsze wybieraj plik "index.js" (w menu po lewej stronie), chyba że inaczej m&oacute;wi instrukcja.

dziewczyna z laptopem.jpg

Zmienne

<h2 style="text-align: center; margin: 0 auto;">O operatorach</h2>

Ponadto możesz r&oacute;wnież korzystać ze standardowych operator&oacute;w matematycznych takich jak: +, -, *, /.
W JavaScripcie istnieje operator reszty z dzielenia (modulo). Jest on niezwykle przydatny, gdy chcemy sprawdzić, czy dany element jest parzysty. Operator ten przyjmuje znak procenta (%).

9 % 2; //zwróci 1, bo 9/2 to 4, a 1 to reszta

Oto przykład, na kt&oacute;rym możesz poeksperymentować:
<div class="baza_container"><a class="baza_link baza_btn" href="https://repl.it/@CodersLab/JS2moduloExample" target="_blank" rel="noopener">Otw&oacute;rz <img class="baza_img" src="https://www-api.coderslab.pl/uploads/media/default/0001/05/a4c7fa1be03f24b7e7660962494535341a8c6f03.png" alt="arrow" /></a></div>

<h2 style="text-align: center; margin: 0 auto;">Odpowiedzi do zadań</h2>

Wynik przykładu 1: false
Wynik przykładu 2: false
Wynik przykładu 3: false
Wynik przykładu 4: false

Wynik przykładu 1: true
Wynik przykładu 2: true
Wynik przykładu 3: true
Wynik przykładu 4: true

Wynik przykładu 1: false
Wynik przykładu 2: false
Wynik przykładu 3: false

Wynik przykładu 1: true
Wynik przykładu 2: true
Wynik przykładu 3: true

Operatory

<h2 style="text-align: center; margin: 0 auto;">Instrukcje warunkowe (if)</h2>

Aby program m&oacute;gł działać, to musi umieć podejmować decyzję. Jak? Służą do tego tzw. instrukcje warunkowe np. if. Polega on na tym, że dany kawałek kodu wykona się, jeżeli (if)dany warunek zachodzi, jeśli jest prawdziwy (true).
Zanim zaczniesz: po kliknięciu w poniższe linki zadań i przykład&oacute;w wybierz plik index.js (po lewej stronie) i naciśnij &bdquo;Run&rdquo; (nad okienkiem kodu), aby wygenerować kod.

Instrukcje warunkowe

<h2 style="text-align: center; margin: 0 auto;">Pętle</h2>

Do pracy nad zbiorami danych w JS służą pętle. Pozwalają one na wielokrotne wykonywanie danego kodu z podanymi r&oacute;żnymi wartościami. Jest niczym pracownik przydzielony do wykonywania ciągle powtarzających się zadań. Działanie pętli jest przerywane określonym warunkiem kończącym działanie. Jej konstrukcja wygląda następująco:

for (start, warunek kończący, skok) {
//kod wykonywany dla każdej iteracji(skoku) pętli
}

Wyobraź sobie, że chcesz wypisać w liście kilka element&oacute;w z tablicy, bez użycia pętli wyglądałoby to tak:

var ourTable = ["Marcin", "Ania", "Agnieszka", "Albert", "Michał", "Basia"];
ourTable[0] // => "Marcin";
ourTable[1] // => "Ania";
ourTable[2] // => "Agnieszka";
ourTable[3] // => "Albert";
ourTable[4] // => "Michał";
ourTable[5] // => "Basia";

Z użyciem pętli wygląda to tak:

for (var i=0; i<6; i=i+1) {
ourTable[i] // pętla wypisze po kolei wszystkie imiona, bo za każdym razem

// zmienna i będzie większa niż 1

}

<ul>
<li>for&ndash; deklaracja pętli,</li>
<li>var i = 0&ndash; licznik wykonywania pętli, początkowo jest 0,</li>
<li> i &lt; 6 &ndash; punkt końcowy, a więc pętla będzie się wykonywać od 0 do 5, bo i ma być mniejsze niż 6,</li>
<li> i = i + 1&ndash; powiedzieliśmy pętli, że ma wykonywać sie od 0 do 5, co 1. To znaczy, że pętla wykona się, kiedy i będzie się r&oacute;wnało 0, 1, 2, 3, 4 lub 5 (wykona się 6 razy, skok co 1). Gdyby było to i = i + 2 pętla wykonałaby się dla 0, 2 i 4 (wykona się 3 razy, skok co 2).</li>
</ul>
Skok zwiększa licznik o podaną wartość. Można to wytłumaczyć na przykładzie z pracownikiem. Wyobraź sobie, że dajesz komuś zadanie włożenia 10 długopis&oacute;w do pudełka. Dzięki deklaracji i=i+1 m&oacute;wisz mu, żeby wkładał długopis do każdego z nich, natomiast i=i+2 oznacza, że pracownik ma wkładać długopis do co drugiego pudełka.
W pętli for definiujemy zmienną, kt&oacute;ra będzie licznikiem pętli (start). W poniższym przypadku jest to zmienna i, ale to może być dowolna nazwa np. counter, licznik, j. Przyjęło się jednak zwykle stosować i. Co się zatemstanie, gdy napiszemy taką pętle:

for (var i=0; i<=5; i=i+1) {
example += i;
}

Zerknij, jak to działa tutaj:
<div class="baza_container"><a class="baza_link baza_btn" href="https://replit.com/@CodersLab/Js4forExample" target="_blank" rel="noopener">Otw&oacute;rz <img class="baza_img" src="https://www-api.coderslab.pl/uploads/media/default/0001/05/a4c7fa1be03f24b7e7660962494535341a8c6f03.png" alt="arrow" /></a></div>

Pętle

<h2 style="text-align: center; margin: 0 auto;">Tablice</h2>

Do przechowywania wielu zmiennych w JavaScript służą tablice. Mamy następujące trzy zmienne:

var fruit1 = "ananas";
var fruit2 = "brzoskwinia";
var fruit3 = "arbuz";

r&oacute;wnie dobrze możemy je umieścić w tablicy:

var fruitsArray = ["ananas", "brzoskwinia", "arbuz"];

Do element&oacute;w tablicy dostajemy się poprzez podanie indeksu (pozycji). Ananas znajdzie się na pozycji o indeksie 0, a więc aby się do niego dostać, to korzystamy ze składni:

fruitsArray[0]; //indeks podajemy w nawiasach kwadratowych

Oto przykład użycia metody push: 
<div class="baza_container"><a class="baza_link baza_btn" href="https://replit.com/@CodersLab/JS5arrayexample" target="_blank" rel="noopener">Otw&oacute;rz <img class="baza_img" src="https://www-api.coderslab.pl/uploads/media/default/0001/05/a4c7fa1be03f24b7e7660962494535341a8c6f03.png" alt="arrow" /></a></div>

Tablice

<h2 style="text-align: center; margin: 0 auto;">Funkcje</h2>

Czas na kolejną dawkę wiedzy. Przedstawiamy funkcję, czyli blok kodu służący do wykonywania określonego zadania. Co ważne, należy ją wywołać. Zapoznaj się z przykładem, aby zrozumieć, co to znaczy. Zacznijmy od składni funkcji.

function name(parameter) {
// kod do wykonania
}

Poznaj składniki funkcji:
<ul>
<li>słowo kluczowe function,</li>
<li>nazwa funkcji (może być dowolna, ale zaleca się, aby składała się z czasownik&oacute;w np. checkName),</li>
<li>jednym parametrze lub wielu parametrach, zapisywanych w nawiasie (uwaga, funkcja może też nie przyjmować żadnych parametr&oacute;w),</li>
<li>kod do wykonania zapisywany w nawiasach klamrowych.</li>
</ul>
W parametrze możesz przekazywać m.in. dowolne słowo np. "ananas", a funkcja ma wykonać określone zadanie np. zmienić wielkość znak&oacute;w, odwr&oacute;cić kolejność liter czy też sprawdzić, ile razy powtarza się znak "a". W naszym przykładzie przekażemy dwie zmienne liczbowe, a zadaniem funkcji będzie je pomnożyć.

function multiply(num1, num2) { //funkcji można podać więcej niż jeden parametr
return num1*num2;
}

Nasza funkcja nazywa się multiply. Aby ją wywołać, należy podać jej nazwę, a następnie parametry. W miejsce num1 i num2 wpisujemy zatem liczby, kt&oacute;re chcemy pomnożyć, w naszym przypadku 4 i 5. Czas na wywołanie funkcji:

Oto przykład funkcji multiply:
<div class="baza_container"><a class="baza_link baza_btn" href="https://replit.com/@CodersLab/JS6functionexample" target="_blank" rel="noopener">Otw&oacute;rz <img class="baza_img" src="https://www-api.coderslab.pl/uploads/media/default/0001/05/a4c7fa1be03f24b7e7660962494535341a8c6f03.png" alt="arrow" /></a></div>

Co się stało? Wywołaliśmy zadeklarowaną wcześniej funkcję multiply, a pod parametry num1 i num2 podstawiliśmy dwie liczby. Wnętrze funkcji podczas takiego wywołania wygląda zatem tak: return 4*5, a zwracany jest wynik tego mnożenia czyli 20. Pamiętaj, aby zawsze używać nawias&oacute;w okrągłych, nawet jeżeli funkcja nie przyjmuje żadnych parametr&oacute;w, co też jest możliwe.

<h2 style="text-align: center; margin: 0 auto;">Return</h2>

Funkcje muszą zawsze coś zwracać. Gdyby tego nie robiły, wykonywały by się wewnątrz siebie, ale nic nie byłoby zauważalne na zewnątrz. Wyobraź sobie rzemieślnika pracującego w zaciszu swojego warsztatu. Jeżeli nie wyniesie stamtąd efekt&oacute;w swojej pracy, nikt nie będzie w stanie z nich skorzystać. Do przekazywania efektu działania funkcji służy właśnie słowo kluczowe return. Kod w kolejnych liniach nie będzie wykonany, więc należy zapamiętać, że to słowo kluczowe ma być zawsze ostatnie.

function multiply(num1, num2) {
num1*num2;
}
multiply(4, 5);

Taka funkcja nic nam nie zwr&oacute;ci. Nasz rzemieślnik wykona zadanie, ale wynik zachowa dla siebie. Bardzo wygodne jest przypisywanie wyniku funkcji do zmiennej (tak jak zrobiliśmy to w powyższym przykładzie), dzięki czemu będziemy mogli korzystać z efektu tej pracy wielokrotnie np.

Wynik działania funkcji mamy teraz w zmiennej result, z kt&oacute;rej p&oacute;źniej będziemy mogli swobodnie korzystać.

Funkcje

<h2 style="text-align: center; margin: 0 auto;">Tw&oacute;j pierwszy program</h2>

Zanim zaczniesz: po kliknięciu w poniższe linki zadań i przykład&oacute;w wybierz plik index.js (po lewej stronie) i naciśnij &bdquo;Run&rdquo; (nad okienkiem kodu), aby wygenerować kod.
Na czym polega zadanie...
Wykorzystując już nabytą wiedzę możemy stworzyć prostą, aczkolwiek przydatną aplikację. Jeśli nie pamiętasz kolejności planet w Układzie Słonecznym to nasza aplikacja ją Ci przypomni. Gdy użytkownik ją uruchomi, będzie m&oacute;gł podać cyfrę planety, czyli jej miejsce w kolejności od Słońca. Następnie użytkownik naciska &lsquo;wyszukaj&rsquo; i dowiaduje się, kt&oacute;ra to planeta. Np. użytkownik wpisuje cyfrę 3 i wyświetlamy mu informację, że trzecią planetą od Słońca jest Ziemia. Nic prostszego, prawda?

Zadanie wykonaj tutaj:
<div class="baza_container"><a class="baza_link baza_btn" href="https://replit.com/@CodersLab/JS7task" target="_blank" rel="noopener">Otw&oacute;rz <img class="baza_img" src="https://www-api.coderslab.pl/uploads/media/default/0001/05/a4c7fa1be03f24b7e7660962494535341a8c6f03.png" alt="arrow" /></a></div>

1. Zbudujmy na początek tablicę składającą się z nazw (string&oacute;w) planet. Planety powinny być w kolejności, takiej samej jak w Układzie Słonecznym. Dla przypomnienia kolejność planet to: 'Merkury', 'Wenus', 'Ziemia', 'Mars', 'Jowisz', 'Saturn', 'Uran', 'Neptun&rsquo;
2. Przypisz naszą tablicę do zmiennej planets.
3. Następnie stworzymy funkcję, kt&oacute;ra docelowo będzie wyświetlać odpowiednią planetę. Nazwijmy ją searchPlanet.Nie musimy przejmować się podpięciem tej funkcji do guzika &bdquo;Wyszukaj&rdquo; (część HTML i CSS jest już na tym etapie wykonana).
3. Skopiuj dwie poniższe linijki kodu i wklej je na początku naszej funkcji. , Służą one do połączenie naszego JSa z HTML-em - do odczytania cyfry wpisanej przez użytkownika aplikacji oraz do wyświetlenia rezultatu użytkownikowi.

var userInput = document.getElementById("userText").value;

var result = document.getElementById("result");

5. Pod powyższymi linijkami (nadal w naszej funkcji) stw&oacute;rz pętlę.. Po co nam pętla? Dzięki niej możemy automatycznie sprawdzać i przyporządkować planety danej cyfrze. Pamiętaj o odpowiedniej ilości iteracji. Ilości iteracji zależna jest od długości naszej tablicy. Jeśli nie możesz zrobić tej części zerknij do lekcji o pętlach, szczeg&oacute;lnie do przykładu, w kt&oacute;rym wskazujemy ilość powt&oacute;rzeń pętli za pomocą długości tablicy.
6. W naszej pętli będziemy sprawdzać, czy wpisana przez użytkownika cyfra odpowiada kt&oacute;rejś z planet w tablicy.Dlatego użyjemy instrukcji warunkowej if. Nasza logika wygląda następująco: jeśli wpisana przez użytkownika cyfra (pamiętajmy, że przypisaliśmy ją do zmiennej userInput) r&oacute;wna się licznikowi naszej pętli, czyli i (a właściwie i+1, o czym niżej), to do naszego rezultatu przypisujemy (pamiętajmy, że przypisaliśmy go do zmiennej result) odpowiednią planetę.
7.Zwr&oacute;ć uwagę na warunek, kt&oacute;ry konstruujemy, a dokładniej na operator r&oacute;wnania. Dla przypomnienia, pojedyncze r&oacute;wnanie &bdquo;=&rdquo; przypisuje wartość, podw&oacute;jne r&oacute;wnanie &bdquo;==&rdquo; sprawdza czy dane elementy są r&oacute;wne pod względem wartości i ignoruje r&oacute;żnice w typie danych (np. 2==&rsquo;2&rsquo; zwr&oacute;ci true), potr&oacute;jne r&oacute;wnanie &bdquo;===&rdquo; dodatkowo sprawdza, czy dane elementy są takie same pod względem typu (np. 2===&rsquo;2&rsquo; zwr&oacute;ci false). Czy user wpisując w pole cyfrę wpisuje stringa czy number?
8.zwr&oacute;ć uwagę na to, że jeśli licznik naszej pętli początkowo wynosi 0 to nasze r&oacute;wnanie musi być dostosowane.Nie będziemy zatem por&oacute;wnywać tego, co wpisał użytkownik z licznikiem, lecz z licznikiem + 1, ponieważ nie chcemy, aby użytkownik liczył planety od zera.
9.jeśli wykorzystujemy naszą zmienną result do wyświetlenia planety to powinniśmy opatrzyć ją dodatkową metodą innerText (czyli result.innerText).

<h2 style="text-align: center; margin: 0 auto;">Gratulacje!</h2>

Tw&oacute;j pierwszy program masz już za sobą.

Jeśli utknąłeś/łaś gdzieś kliknij w poniższy link i przeanalizuj kod:
<div class="baza_container"><a class="baza_link baza_btn" href="https://replit.com/@CodersLab/JS7tasksolved" target="_blank" rel="noopener">Otw&oacute;rz <img class="baza_img" src="https://www-api.coderslab.pl/uploads/media/default/0001/05/a4c7fa1be03f24b7e7660962494535341a8c6f03.png" alt="arrow" /></a></div>

Pierwszy program

Katowice

Kraków

Poznań

Warszawa

Wrocław

Online

Coders Lab to nowoczesna szkoła IT, umożliwiająca szybką zmianę zawodu oraz efektywne poszerzanie kompetencji cyfrowych. Skupia się się na przekazywaniu praktycznych umiejętności, kt&oacute;re w pierwszej kolejności są przydatne u pracodawc&oacute;w. Organizuje zar&oacute;wno intensywne kursy technologii webowych (m.in. JavaScript, Python, Java) jak i kursy zawodowe Tester Manualny, Tester Automatyczny czy Specjalista SEO.
Chcesz nas poznać bliżej? Skontaktuj się i wpadnij na kawę.

CodersLabKontakt.png

ai-dla-biznesu-kurs.png

Kurs AI dla biznesu

kurs-product-manager-it-mobile.png

Kurs Product & Project Manager IT  w Coders Lab

kurs-analityk-danych-icon-mobile.png

Kurs Analityk Danych w Coders Lab

data-scientist-kurs-mobile-icon.png

Kurs Data Scientist w Coders Lab

2021-08-17 test-manual-icon.png

Kurs Testera Manualnego

2021-08-17 JavaScript-icon.png

Kurs JavaScript Developer React

java-mentor-ai-ikona.png

Kurs Java Mentor AI

2021-08-17 java-icon.png

Kurs Java Developer Web

python-developer-ikona

Kurs Python Developer

ikona kurs SEO

Kurs Specjalista SEO

content-marketing-coders-lab-kurs.png

Kurs Content Marketing w Coders Lab

sztuczna-inteligencja-kurs-icon.png

kurs AI, Sztuczna Inteligencja kurs self-learningowy Coders Lab

kurs-ai-dla-testerow-ikona.jpg

kurs-ai-dla-hr-icon-mobile.png

WDA.png

Wstęp do Analizy Danych

sql-icon.png

SQL - Analiza Danych

2021-08-17 python-icon.png

Kurs Python Analiza Danych

kurs-dla-pracownikow-amazon

Kursy programowania dla początkujących

2021-08-17 react-icon.png

Kurs JavaScript React i Redux dla programistów

machine-learing-ikona-mobile.png

Kurs Machine Learning w Coders Lab

tester-automatyzujacy-ikona

Kurs Testera Automatyzującego

wid-icon.png

Wizualizacja Danych

Kursy programowania dla zaawansowanych

icon-freemium.png

kurs podstawy HTML i CSS

introDL mobile icon.png

kurs podstawy Analizy Danych

Bezpłatne kursy

Blog Coders Lab

CodersLab Baza wiedzy

Sklep Coders Lab

home_menu.png

Strona główna

laptop-menu.png

Nasze kursy

shopping-cart.png

Sklep

contact.png

Kontakt Coderslab

Franczyza Coders Lab

Case Study Coders Lab

Dla Biznesu