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.

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.

Demo

Zajrzyj do środka

Podglądowy odcinek z kursu.

Opinie o kursie

Kurs był w przeszłości dostępny na platformie Udemy. Poniżej kilka opinii kursantów.

4.9/5 prawie 3500 recenzji Zrzut z Udemy

Program

Plan kursu

  1. 1

    Wprowadzenie do JavaScript

    Czas poznać JS!

  2. 2

    Typy danych

    W tym dziale poznasz typy danych w JSie.

  3. 3

    Operatory

    +, -, !== i inne cuda.

  4. 4

    Instrukcje warunkowe

    Jeśli X, zrób Y!

  5. 5

    Pętle

    W tym dziale poznamy pętle.

  6. 6

    Tablice

    Tablice – ale nie takie jak w szkole.

  7. 7

    Funkcje

    Podstawa kododawania i programowania. Bez funkcji ani rusz!

  8. 8

    DOM, Window, Document…

    Manipulacja struktury HTML, interakcja z przeglądarką i więcej!

  9. 9

    Pozostałe

    Ważne rzeczy, które nie zmieściły się w innych działach.

  10. 10

    Projekty

    Czas na budowanie bezcennego doświadczenia!

  11. 11

    Obiekty

    Obiekty, czyli jak je tworzyć i wykorzystywać do przechowywania i organizowania danych.

  12. 12

    JSON, AJAX, API

    Wymiana danych między serwerem a klientem, asynchroniczne ładowanie treści na stronach internetowych i więcej!

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

150 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