Kurs JavaScript

Podglądowy odcinek z kursu.

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

Wymagania

Przed przystąpieniem do tego kursu warto:

ukończyć Kurs Tworzenia Stron WWW cz. 3,
lub znać dobrze HTML i CSS.

Płatność za kurs

Dostępne formy płatności:

karta & przelew,
BLIK,
PayPal,
Apple Pay, Google Pay & Link,
Klarna (płatności odroczone / płatności na raty).

Kup: Kurs JavaSctipt
Po kliknięciu linku zostaniesz przeniesiony na naszą platformę kursową, na której można dokonać płatności.

Zniżki

Aktualne zniżki znajdziesz na Discordzie na kanale #zniżki.

Zostań częścią naszej społeczności i korzystaj ze specjalnych ofert! 🙂

Zwroty

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 wyżej wymienionego terminu,
po przerobieniu więcej, niż 30% kursu,
w przypadku zakupu na fakturę.

Opinie o kursie:

Kurs był w przeszłości dostępny na platformie Udemy.
Jego ocena to 4.9/5 na podstawie prawie 3500 recenzji. 🙂

Franek R.

Rewelacyjny kurs, lepiej się nie da.

Klaudia C.

Świetnie wytłumaczone, dużo przykładów i zadań, które ułatwiają zrozumienie materiału i jego przyswojenie.

Lu

Szkoda, że tego kursu nie było kilka lat temu. Nie straciłbym tyle czasu na bezowocną naukę.

Z tym kursem JS szybko i prosto wyjaśniony. 🙂

Danka K.

Świetny kurs.

Przede wszystkim brawa za aktualizacje, tu mam pewność, że nie uczę się rzeczy, z których np. od dawna się nie korzysta. W tym temacie myślę, jest to mega ważne i niewiarygodne jak to jest nadal powszechne.

Kolejny plus za bardzo konkretny i fajny/charyzmatyczny sposób nauczania, do mnie trafiał jak rzadko (czyt. rozumiem i nie zasypiam 😉).

Wiedzy myślę sporo i super, że można poćwiczyć samemu, tu może dodałabym jeszcze więcej ćwiczeń, a nawet cały kurs do poćwiczenia sobie samemu, bo wiadomo, po przerobieniu kursu trzeba jeszcze sporo praktykować, żeby poczuć się pewniej.

Ogólnie wielkie dzięki i brawa dla Autora!

Już mam w planach kolejny jego kurs. 🙂

Aleksandra D.

Świetny kurs! Jak wszystkie od Majka. 🙂

Michał W.

Przyznam, że jestem bardzo mocno zaskoczony, bo nie spodziewałem się, aż tak dobrze przekazanej wiedzy!

Do tej pory miałem nieduże doświadczenie z PHP i dlatego również zdecydowałem się na JS.

Ten kurs poszedł na pierwszy ogień i wydaje mi się, że innego już nie potrzeba.

Jedynie co to trzeba przyswoić sobie zasady JS, porobić zadania i kurs całkowicie wystarczy do rozpoczęcia przygody z JS.

Super i polecam! Dzięki serdeczne.

Mariusz G.

Szukałem osoby, która konkretnie i zrozumiałym językiem wyjaśni mi to, czego dotychczas w JavaScripcie nie rozumiałem.

Mateusz sprawdził się w tej roli znakomicie.

Z przyjemnością polecam wszystkim, którzy szukają przystępnego kursu JS.

Miłosz K.

Jakość techniczna kursu 6/5.

Wszystko do zrozumienia od podstaw, prowadzący tłumaczy jasno i zwięźle, początkujący nie czuje się zagubiony bądź przytłoczony wiedzą.

Jestem zadowolony z kursów od Majka.

Filip

Jakiś czas temu powiedziałem, że programowanie to nie jest coś, co chcę robić. To nie jest coś, czego chce się uczyć.

Ten kurs zmienił moje zdanie o 180 stopni.

Dzięki piękne za ten kurs. Zrozumiałem wszystko, co było tam zawarte i już wiem, co będę robił w życiu. 😉

Rafał U.

Świetny kurs, pomógł mi bardzo zrozumieć JS.

Pozdrawiam 😉

Kamil U.

Jak zwykle u Mateusza kurs 5/5, jakby skala miała 10 stopni, byłoby 10/10 a przy 20: 20/20.

Po prostu nie ma do czego się przyczepić. Mateusz nie zostawia luk merytorycznych, jeśli cokolwiek jest wprowadzane, to jest dobrze wytłumaczone.

Zakres wiedzy bardzo dobry pod względem co jest faktycznie potrzebne dla uczących się, a także bardzo fajny sposób uczenia i rzeczowe przykłady.

Pozdro!

Informacje:

Cena:

299zł

Poziom:

łatwy

Czas trwania:

~10h

Ilość lekcji:

149

Certyfikat ukończenia

Bezpłatne aktualizacje

Dożywotni dostęp

Kup kurs

(przycisk przenosi na naszą platformę kursową)

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. W tym dziale poznamy 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!

Kup kurs

Lista odcinków

Wprowadzenie do JavaScript

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 danych

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

Operatory

Operatory arytmetyczne

Operatory przypisania

Operatory porównania

Operatory logiczne

Test z obecnego materiału

Instrukcje warunkowe

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ętle

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

Tablice

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

Funkcje

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…

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

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łe

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

Projekty

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’

Obiekty

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, API

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)

Dział w trakcie tworzenia

Ten dział miał być osobnym kursem. Na chwilę obecną nie mam czasu go nagrać, dlatego – aby nie pozbawiać Was cennej wiedzy – postanowiłem dograć kilka dodatkowych odcinków do tego kursu. Jak już odkopię się z projektów, to mam w planach stworzyć osobny kurs z zaawansowanym JSem.

// Majek