Kurs JavaScript
W kursie czeka na Ciebie mnóstwo zadań i wyzwań.
Języka JavaScript nauczysz się od podstaw — potrzebna Ci jedynie bardzo dobra wiedza z zakresu HTML oraz CSS, dobra kawa i edytor kodu. 🙂
Po każdym dziale dokładnie sprawdzimy Twoją wiedzę poprzez liczne zadania, a na końcu zrobimy aż 8 projektów, dzięki którym zwiększysz bezcenne doświadczenie!
Kolejne odcinki z informacjami o kursie znajdziesz na dole tej strony.
Opinie
Screen pochodzi z Udemy. Kiedyś ten kurs był na tamtej platformie.
W kursie:
- dowiesz się czym są zmienne, jak je tworzyć i jakie są między nimi różnice,
- poznasz konsolę oraz przydatne komendy, które pomogą w pracy z kodem,
- poznasz wszystkie typy danych oraz operatorów,
- dowiesz się czym są i jak wykorzystywać instrukcje warunkowe oraz pętle,
- poznasz tablice oraz metody, czyli takie gotowe funkcje, które ułatwiają pracę na tablicach,
- poznasz wszystkie rodzaje funkcji w JavaScript, dowiesz jakie są między nimi różnice, jak je tworzyć i wiele więcej,
- poznasz 'magiczne' this,
- dowiesz się czym jest DOM, jak z nim pracować, jak pobierać lub usuwać dane, czym jest hoisting,
- dowiesz się czym jest API i jak z nim pracować,
- poznasz obiekty oraz zaawansowane metody pracy z nimi,
- poznasz inne zaawansowane zagadnienia, m. in. promisy, async & await, axios i wiele więcej,
- i przede wszystkim - zrobisz mnóstwo projektów!
Zniżki, BLIK / przelew, zwrot
Posiadasz Kurs Tworzenia Stron WWW cz. 1, cz. 2 i cz. 3?
Zgłoś się na Discordzie po zniżkę -40% na ten kurs! 🙂
Wolisz zakup BLIK / przelewem? Również napisz na Discordzie. 😉
Discord: https://mmcschool.pl/spolecznosc
Jeśli kurs Ci się nie spodoba, możesz zwrócić go w ciągu 14 dni od zakupu (jeśli nie przerobisz więcej, niż 30%).
Zniżki nie łączą się.
Plan kursu
- Jak uczyć się JS?
- Gdzie umieszczać JavaScript? (4:04)
- Komentarze w JS (1:02)
- Console.log i konsola (2:23)
- Błędy / ostrzeżenia w konsoli
- const & let (6:44)
- var (2:25)
- Jak poprawnie nazywać zmienne? (6:15)
- Template string (3:41)
- Test
- Treść zadania – Napraw błędy
- Rozwiązanie zadania – Napraw błędy (2:44)
- Podsumowanie
- Czym są tablice? (6:16)
- Metody na tablicach (unshift, shift, push, pop) (5:02)
- Metody na tablicach (map, concat, spread & rest operator) (9:06)
- Zadanie – metody slice & splice
- Rozwiązanie zadania – metody slice & splice (3:41)
- Metody na tablicach (pozostałe metody) (6:06)
- map vs forEach (5:20)
- Zadanie #1 (1:15)
- Zadanie #2 (1:40)
- Zadanie #3 (5:33)
- Zadanie #4 (3:49)
- Zadanie #5 (4:02)
- Wprowadzenie do funkcji (10:39)
- Funkcja anonimowa (2:53)
- Funkcja strzałkowa (7:20)
- Quiz z funkcji strzałkowej
- Domyślne parametry funkcji (4:12)
- Operator rest (2:35)
- Zakresy (11:23)
- Quiz z zakresów
- forEach i callback (4:28)
- Zadanie #1 - Dodaj elementy i sprawdź czy są parzyste (7:20)
- Zadanie #2 - Konwerter °F na °C (4:01)
- Zadanie #3 - Callback & forEach (4:46)
- Czym jest API? (4:44)
- Kolejny przykład z API
- DOM, Window, Document (2:33)
- Pobieranie elementów na stronie cz. 1 (4:05)
- Pobieranie elementów na stronie cz. 2 (8:58)
- Zadanie z pobierania elementów
- Rozwiązanie zadania z pobieraniem elementów
- Tworzenie i dodawanie elementów na stronie (6:04)
- append & appendChild (2:36)
- textContent, innerText, outerHTML & innerHTML (9:49)
- Usuwanie elementów ze strony (1:48)
- addEventListener (9:21)
- mouseEvent & pointerEvent
- e (6:18)
- Bubbling & capturing (7:22)
- stopPropagation (4:23)
- Delegacja zdarzeń (9:29)
- Stylowanie w JS
- Add, remove & toggle class (4:11)
- Zadanie #1 - Stwórz listę i zmodyfikuj ją (5:59)
- Zadanie #2 - Stwórz przyciski i podepnij nasłuchiwanie (5:22)
- Projekt #1: Chowanie i odkrywanie obrazka (5:06)
- Projekt #2: Powiększ, pomniejsz i zmień kolor (8:55)
- Projekt #3: RegExp i walidator hasła (11:13)
- Projekt #4: Konwerter °C & °F (14:13)
- Projekt #5: Menu hamburger (4:08)
- Projekt #6: Aktualny dzień i losowa ciekawostka (6:16)
- Projekt #7: ToDo Lista - wprowadzenie (1:31)
- Projekt #7: ToDo Lista - Omówienie projektu (2:46)
- Projekt #7: ToDo Lista - Pobieramy pierwsze elementy (2:50)
- Projekt #7: ToDo Lista - Dodawanie nowych zadań (6:26)
- Projekt #7: ToDo Lista - Narzędzia (8:04)
- Wyjaśnienie argumentu w funkcji (4:28)
- Projekt #7: ToDo Lista - Sprawdzamy, który przycisk został kliknięty (4:42)
- Projekt #7: ToDo Lista - Otwieramy i zamykamy popup (3:02)
- Projekt #7: ToDo Lista - Edycja zadań (7:37)
- Projekt 7: ToDo Lista - Usuwanie zadań (3:33)
- Projekt #7: ToDo Lista - Dodawanie zadań klawiszem 'Enter' (4:22)
- Czym są obiekty? (4:36)
- Funkcje aka metody w obiektach (1:45)
- Dodawanie rzeczy do obiektów (4:14)
- Pętla for in (1:40)
- Pierwsze spotkanie z this (2:25)
- Konstruktor (6:23)
- Prototyp (4:13)
- Zadanie - Jedzonko! (5:13)
- This cz. 1 (6:16)
- This cz. 2 (5:48)
- Bind (1:38)
- Call & apply (2:32)
- Klasy (5:24)
- Dziedziczenie, extends & super (5:05)
- Object.assign() (3:31)
- Destrukturyzacja obiektów (5:22)
- Destrukturyzacja tablic (2:09)
- Fetch, then & catch (10:07)
- Statusy (1:36)
- AJAX & JSON (2:03)
- Synchroniczność vs asynchroniczność (3:37)
- Promisy (5:53)
- GET, POST, PUT, PATCH (3:07)
- Async & await cz. 1 (8:19)
- Async & await cz. 2 (3:20)
- Axios (6:11)
- Do projektu z pogodą
- Projekt #8: WeatherApp - Wprowadzenie (1:10)
- Projekt #8: WeatherApp - API (5:43)
- Projekt #8: WeatherApp - Robimy magię cz. 1 (6:26)
- Do poprzedniego odcinka
- Projekt #8: WeatherApp - Robimy magię cz. 2 (4:49)
- Projekt #8: WeatherApp - Instrukcje warunkowe & catch (4:38)
- Projekt #8: WeatherApp - Pobieranie danych po wciśnięciu klawisza ENTER (1:16)