Kurs JavaScript
Naucz się języka JavaScript od całkowitych podstaw i stwórz 8 wyjątkowych projektów, dzięki którym zbudujesz doświadczenie!
- Certyfikat ukończenia
- Bezpłatne aktualizacje
- Dożywotni dostęp
Dożywotni dostępKupujesz raz, aktualizacje gratis.
łatwyPoziom
~10hCzas trwania
149Ilość lekcji
299złPłatność jednorazowa
Szczegóły
O kursie
Czego się nauczysz?
JavaScript to język, który wprowadza życie na stronach internetowych.
Jego znajomość jest niezbędna, aby móc tworzyć nowoczesne strony WWW i móc rozwijać się jako Front End Developer, ponieważ wszystko – dosłownie wszystko – oparte jest o JavaScript.
W kursie poznasz ten język od podstaw.
Twoja wiedza będzie na bieżąco sprawdzana poprzez liczne testy i zadania. Na końcu zrobisz mnóstwo projektów, które pomogą w utrwaleniu wiedzy.
Ukończona cz. 3
Przed przystąpieniem do tego kursu warto ukończyć „Kurs Tworzenia Stron WWW cz. 3”.
Lub dobra znajomość HTML i CSS
Jeśli nie przerabiałeś/łaś cz. 3, wystarczy, że dobrze znasz HTML i CSS.
Płatność
Płacisz jednorazowo na naszej platformie kursowej.
Zniżki
Aktualne zniżki znajdziesz na Discordzie, na kanale #zniżki.
Zostań częścią naszej społeczności i korzystaj ze specjalnych ofert!
Zwrot do 14 dni
Jeśli kurs Ci się nie spodoba, możesz go zwrócić w ciągu 14 dni od zakupu.
Zwrot nie przysługuje:
- po upływie 14 dni od zakupu
- po przerobieniu więcej niż 30% kursu
- w przypadku zakupu na fakturę
Demo
Zajrzyj do środka
Podglądowy odcinek z kursu.
Program
Plan kursu
- 1
Wprowadzenie do JavaScript
Czas poznać JS!
- 2
Typy danych
W tym dziale poznasz typy danych w JSie.
- 3
Operatory
+, -, !== i inne cuda.
- 4
Instrukcje warunkowe
Jeśli X, zrób Y!
- 5
Pętle
W tym dziale poznamy pętle.
- 6
Tablice
Tablice – ale nie takie jak w szkole.
- 7
Funkcje
Podstawa kododawania i programowania. Bez funkcji ani rusz!
- 8
DOM, Window, Document…
Manipulacja struktury HTML, interakcja z przeglądarką i więcej!
- 9
Pozostałe
Ważne rzeczy, które nie zmieściły się w innych działach.
- 10
Projekty
Czas na budowanie bezcennego doświadczenia!
- 11
Obiekty
Obiekty, czyli jak je tworzyć i wykorzystywać do przechowywania i organizowania danych.
- 12
JSON, AJAX, API
Wymiana danych między serwerem a klientem, asynchroniczne ładowanie treści na stronach internetowych i więcej!
- 13
Zaawansowany JS (dział dodatkowy)
Czas wskoczyć kilka poziomów wyżej!
Zacznij już dziś
Kurs JavaScript
- Certyfikat ukończenia
- Bezpłatne aktualizacje
- Dożywotni dostęp
299złjednorazowo
Kup kurs150 lekcji
Lista odcinków
Wprowadzenie do JavaScript12
- Jak uczyć się JS?
- Gdzie umieszczać JavaScript?
- Komentarze w JS
- Console.log i konsola
- Błędy / ostrzeżenia w konsoli
- const & let
- var
- Jak poprawnie nazywać zmienne?
- Template string
- Test z obecnego materiału
- Treść zadania – Napraw błędy
- Rozwiązanie zadania – Napraw błędy
Typy danych9
- String cz. 1
- String cz. 2
- Wprowadzenie do zadania ze stringami
- Rozwiązanie zadania ze stringami
- Number
- Boolean
- Null & undefined
- Typy złożone
- Test z obecnego materiału
Operatory5
- Operatory arytmetyczne
- Operatory przypisania
- Operatory porównania
- Operatory logiczne
- Test z obecnego materiału
Instrukcje warunkowe9
- if, else if & else
- switch
- Operator warunkowy
- Zadanie #1 – if
- Zadanie #2 – if & else
- Zadanie #3 – if, else if & else
- Zadanie #4 – switch
- Zadanie #5 – Operator warunkowy
- Zadanie #6 – Bardzo (nie)trudne zadanie
Pętle8
- for
- while
- do … while
- for of
- Zadanie #1 – Pętla for
- Zadanie #2 – Pętla while
- Zadanie #3 – Pętla do … while
- Zadanie #4 – Pętla for of
Tablice13
- Podsumowanie
- Czym są tablice?
- Metody na tablicach (unshift, shift, push, pop)
- Metody na tablicach (map, concat, spread & rest operator)
- Zadanie – metody slice & splice
- Rozwiązanie zadania – metody slice & splice
- Metody na tablicach (pozostałe metody)
- map vs forEach
- Zadanie #1
- Zadanie #2
- Zadanie #3
- Zadanie #4
- Zadanie #5
Funkcje12
- Wprowadzenie do funkcji
- Funkcja anonimowa
- Funkcja strzałkowa
- Quiz z funkcji strzałkowej
- Domyślne parametry funkcji
- Operator rest
- Zakresy
- Quiz z zakresów
- forEach i callback
- Zadanie #1 – Dodaj elementy i sprawdź czy są parzyste
- Zadanie #2 – Konwerter °F na °C
- Zadanie #3 – Callback & forEach
DOM, Window, Document…21
- Czym jest API?
- Kolejny przykład z API
- DOM, Window, Document
- Pobieranie elementów na stronie cz. 1
- Pobieranie elementów na stronie cz. 2
- Zadanie z pobierania elementów
- Rozwiązanie zadania z pobieraniem elementów
- Tworzenie i dodawanie elementów na stronie
- append & appendChild
- textContent, innerText, outerHTML & innerHTML
- Usuwanie elementów ze strony
- addEventListener
- mouseEvent & pointerEvent
- e
- Bubbling & capturing
- stopPropagation
- Delegacja zdarzeń
- Stylowanie w JS
- Add, remove & toggle class
- Zadanie #1 – Stwórz listę i zmodyfikuj ją
- Zadanie #2 – Stwórz przyciski i podepnij nasłuchiwanie
Pozostałe11
- setTimeout i setInterval
- Strict mode
- Alert, confirm & prompt
- Obiekt Math
- Atrybuty w JS
- data-atrybuty
- Relacje rodzinne
- Zadanie #1
- Zadanie #2
- ID jako zmienna
- Konsola
Projekty17
- Projekt #1: Chowanie i odkrywanie obrazka
- Projekt #2: Powiększ, pomniejsz i zmień kolor
- Projekt #3: RegExp i walidator hasła
- Projekt #4: Konwerter °C & °F
- Projekt #5: Menu hamburger
- Projekt #6: Aktualny dzień i losowa ciekawostka
- Projekt #7: ToDo Lista – wprowadzenie
- Projekt #7: ToDo Lista – Omówienie projektu
- Projekt #7: ToDo Lista – Pobieramy pierwsze elementy
- Projekt #7: ToDo Lista – Dodawanie nowych zadań
- Projekt #7: ToDo Lista – Narzędzia
- Wyjaśnienie argumentu w funkcji
- Projekt #7: ToDo Lista – Sprawdzamy, który przycisk został kliknięty
- Projekt #7: ToDo Lista – Otwieramy i zamykamy popup
- Projekt #7: ToDo Lista – Edycja zadań
- Projekt 7: ToDo Lista – Usuwanie zadań
- Projekt #7: ToDo Lista – Dodawanie zadań klawiszem 'Enter’
Obiekty17
- Czym są obiekty?
- Funkcje aka metody w obiektach
- Dodawanie rzeczy do obiektów
- Pętla for in
- Pierwsze spotkanie z this
- Konstruktor
- Prototyp
- Zadanie – Jedzonko!
- This cz. 2
- This cz. 1
- Bind
- Klasy
- Call & apply
- Dziedziczenie, extends & super
- Object.assign()
- Destrukturyzacja obiektów
- Destrukturyzacja tablic
JSON, AJAX, API15
- Fetch, then & catch
- Statusy
- AJAX & JSON
- Synchroniczność vs asynchroniczność
- Promisy
- GET, POST, PUT, PATCH
- Async & await cz. 1
- Async & await cz. 2
- Axios
- Projekt #8: WeatherApp – Wprowadzenie
- Projekt #8: WeatherApp – API
- Projekt #8: WeatherApp – Robimy magię cz. 1
- Projekt #8: WeatherApp – Robimy magię cz. 2
- Projekt #8: WeatherApp – Instrukcje warunkowe & catch
- Projekt #8: WeatherApp – Pobieranie danych po wciśnięciu klawisza ENTER
Zaawansowany JS (dział dodatkowy)1
- Dział w trakcie tworzenia
