Co zyskujesz dzięki kursowi JavaScript?

jasny plan działania: ~1400 stron materiałów w PDF
niezbędne umiejętności: ~250 godzin nauki programowania
wyzwania w formie zadań: 66 praktycznych zadań do wykonania
ambitne projekty do portfolio: 9 wymagających projektów
aktualne materiały: dożywotni dostęp do aktualizacji kursu

Zawartość kursu

01. JavaScript: Narzędzia, ~143 strony
02. HTML i CSS: Podstawy, ~230 stron
03. HTML i CSS: Responsywność (RWD), ~145 stron
04. JavaScript: Podstawy, ~239 stron
05. JavaScript: Elementy DOM, ~102 strony
06. JavaScript: Zdarzenia, ~73 strony
07. JavaScript: Formularze, ~76 stron
08. JavaScript: ECMAScript 2015+, ~117 stron
09. JavaScript: API oraz fetch(), ~147 stron
10. JavaScript: Testowanie, ~133 strony

01. JavaScript: Narzędzia, ~143 strony

Przygotowanie miejsca pracy jest pierwszą czynnością w każdej branży. Dla programisty wiąże się to z instalacją i konfiguracją użytecznych narzędzi. Ich dobór i świadomość możliwości jest bardzo istotna w efektywnej pracy i nauce. W tym materiale poznasz podstawowe narzędzia wykorzystywane w pracy programisty JavaScript. Otrzymasz również spis źródeł wiedzy, które wspomogą Cię w rozwiązywaniu problemów i zagwarantują rozwój.

Visual Studio Code (IDE)
1. Wprowadzenie
2. Interfejs
3. Emmet
4. Linia poleceń (terminal)
5. Rozszerzenia
6. Skróty klawiszowe
Chrome (przeglądarka)
1. Wprowadzenie
2. Rozszerzenia
3. DevTools
Git
1. Wprowadzenie
2. Podstawowe komendy
3. VS Code
GitHub
1. Wprowadzenie
2. Fork, clone & pull request
3. .gitignore
4. README i Markdown
Node.js
Slack
Skype
LinkedIn
Źródła wiedzy
1. Serwisy
2. Newslettery
3. Podcasty
4. Kursy
5. Książki

02. HTML i CSS: Podstawy, ~230 stron

Podstawowa znajomość HTML-a i CSS-a jest niezbędna do rozpoczęcia przygody z programowaniem w JavaScript. Dlatego poznamy solidne podstawy semantycznego kodu HTML, który jest niezbędny do prawidłowego budowania struktury strony internetowej. Dowiesz się, jak prawidłowo wykorzystywać CSS do efektywnej i efektownej prezentacji contentu strony. Łącząc oba zagadnienia, będziesz wiedział, jak zbudować od zera cały układ strony!

HTML
1. Wprowadzenie
2. Znaczniki (ang. tags)
3. Grupy znaczników
4. Renderowanie znaczników
5. Atrybuty
6. Struktura
7. Semantyka
CSS
1. Wprowadzenie
2. Reguły
3. Osadzenie
4. Selektory
5. Właściwości i wartości
6. Specyficzność
Dobre praktyki
1. Struktura plików
2. Organizacja CSS
3. Podstawowy CSS
4. Ustawianie elementów
  1. display: inline-block
  2. float & clear
  3. flexbox
  4. position: relative & absolute
5. Tworzenie układu strony

03. HTML i CSS: Responsywność (RWD), ~145 stron

Obecnie ruch na stronach internetowych w większości generują urządzenia mobilne. Dla wybranych witryn wspomniana miara może sięgać nawet 90%. Umiejętność tworzenia responsywnych, czyli dostosowujących się do rozmiaru urządzenia, stron internetowych jest niezbędna dla każdego frontendowca. W niniejszym materiale poznasz niezbędne pojęcia oraz techniki, które pozwolą zbudować stronę dobrze wyglądającą na każdym urządzeniu.

Wprowadzenie
1. Rozdzielczość & DPI
2. Viewport
3. Fluid vs fixed
4. Jednostki relatywne
5. Breakpoints
6. Media queries
7. Mobile first
8. AWD vs RWD
Responsywna treść
1. Wiele kolumn tekstu
2. Wykropkowanie
3. Kształty
Responsywne obrazy
1. Wypełnianie przestrzeni
2. Dopasowanie rozmiaru
3. Skalowalne tło
Responsywne wideo (iframe)
Responsywne menu
Grid
1. Wprowadzenie
2. Układ mobile first

04. JavaScript: Podstawy, ~239 stron

Stawiając pierwsze kroki w każdej dziedzinie, należy najpierw poznać teorię, która pozwala lepiej interpretować zaistniałe sytuacje. Nie inaczej jest w programowaniu. Najpierw trzeba poznać strukturę języka i jego specyfikę, a dopiero potem zabrać się za jego wykorzystywanie. Ten materiał pozwoli Ci poznać teorię JavaScript wraz z praktycznymi przykładami, które potem będziesz mógł wykorzystać w dalszej nauce. Im dokładniej poznasz podstawy, tym łatwiej będzie Ci zrozumieć trudniejsze zagadnienia.

HTML z JavaScript
Zmienne i wartości
1. Deklaracja zmiennej
2. var vs let & const
3. Typy wartości
4. Konwersja (coercion)
Operatory
1. Arytmetyczne
2. Przypisania
3. Porównania
4. Logiczne
Instrukcje warunkowe
1. if … else
2. Operator warunkowy
3. Switch
Pętle
1. For
2. While
Funkcje
1. Parametry
2. Zwracanie Wartości
3. Wyrażenie funkcyjne
4. Anonimowe funkcje
5. Wywołanie zwrotne (callback)
6. Funkcje czasu
Zakres (scope)
1. Zmienne globalne vs lokalne
2. Zakres funkcji i bloku
3. Przesłanianie zmiennych
Hoisting
1. Funkcje
2. Zmienne var
3. Zmienne const & let
Tablice
1. Metody i właściwości
2. Pętle
3. .forEach()
4. .map()
5. Przeznaczenie metod
Obiekty
1. Literały
2. Metody & this
3. Kopiowanie przez referencję
4. Pętle
5. Obiekty wbudowane
Konstruktory
1. Prototype

05. JavaScript: Elementy DOM, ~102 strony

Elementy DOM to małe klocki, z których jest zbudowana strona internetowa. Ich wyszukiwanie, dodawanie czy usuwanie jest pierwszym krokiem do budowania interaktywnych i nowoczesnych stron internetowych. Niezbędną umiejętnością jest również modyfikowanie tych elementów przy pomocy odpowiednich właściwości. Najwyższy czas, abyś to Ty decydował, jak mają wyglądać elementy DOM na Twoje stronie internetowej!

Wprowadzenie
Wyszukiwanie elementów
1. .querySelector()
2. .querySelectorAll()
3. .getElementById()
4. .getElementsByClassName()
5. .getElementsByTagName()
6. Łączenie wyszukiwań
Operacje na elementach
1. Atrybuty
2. .dataset
3. Identyfikatory
4. Klasy
5. Zawartość elementów
6. Style
Zarządzanie elementami
1. Tworzenie elementów
2. Osadzanie elementów
3. Kopiowanie elementów
4. Usuwanie elementów
Poruszanie się po DOM
1. Wprowadzenie
2. Element vs Node

06. JavaScript: Zdarzenia, ~73 strony

Zdarzenia (ang. events), a w zasadzie ich obsługa, to niezbędny element każdej strony internetowej. Czy chciałbyś umieć reagować na działania użytkownika? Pokazać element, gdy zostanie kliknięty przycisk lub powiększyć obraz, gdy użytkownik najedzie na niego kursorem? Umiejętność reagowania na akcję użytkownika jest niezbędna do zbudowania nowoczesnej strony internetowej. Dzięki temu materiałowi będziesz wiedział, jak tego dokonać!

Wprowadzenie
1. Nasłuchiwanie zdarzeń
2. Usuwanie nasłuchiwania
Propagacja
1. Faza bubbling
2. Faza capturing
Obiekt Event
1. .preventDefault()
2. .stopPropagation()
3. .stopImmediatePropagation()
4. .target vs .currentTarget
5. Podsumowanie
Rozszerzenie
1. Wywoływanie zdarzeń
2. Tworzenie własnych zdarzeń

07. JavaScript: Formularze, ~76 stron

Obsługa formularzy to jedna z najważniejszych umiejętności dla programisty JavaScript. Praktycznie na każdej stronie internetowej występuje tego typu element. Odebranie danych, sprawdzenie ich poprawności oraz zabezpieczenie to być albo nie być dla każdego biznesu internetowego. Niniejszy materiał pozwoli Ci na swobodne poruszanie się po tego typu zagadnieniach.

Wprowadzenie
1. Właściwości
2. Zdarzenia
Pola formularza
1. <input>
2. <select>
3. <textarea>
4. Rozszerzenie
Walidacja

08. JavaScript: ECMAScript 2015+, ~117 stron

Standard ECMAScript z 2015 r. (ES6) wniósł w świat JavaScript powiew świeżości. Pojawiło się wiele przydatnych rozwiązań, które zwiększają wygodę pracy, jej efektywność i umożliwiają korzystanie z najnowszych wersji bibliotek, np. React. Poznaj najważniejsze zmiany w języku JS od 2015 roku! Korzystaj z webpacka – pisz kod zgodny z najnowszymi standardami i wspierany przez starsze przeglądarki.

Wprowadzenie
Webpack
1. Podstawowa konfiguracja
2. Production vs Development
3. Babel
Łańcuchy szablonowe
1. Template strings
2. Tagged template strings
Funkcje strzałkowe
1. Zapis skrótowy
2. Kontekst dla this
Destrukturyzacja
1. Tablice
2. Obiekty
3. Podsumowanie
Operator …
1. Rozproszenie
2. Reszta
Wartości domyślne
Klasy
1. Konstruktor
2. Metody
3. Dziedziczenie
Moduły
1. CommonJS
2. ES6 modules

09. JavaScript: API oraz fetch(), ~147 stron

Komunikacja między frontendem oraz backendem odbywa się przy pomocy odpowiedniego interfejsu, tj. API. Niezależnie od tego, czy dane mamy pobrać z naszego lokalnego, czy zewnętrznego serwera, musimy odpowiednio przygotować zapytanie i poprawnie odebrać odpowiedź. Ponieważ są to oddzielne byty, to komunikacja najczęściej odbywa się w sposób asynchroniczny, czyli jest od siebie niezależna. Dzięki informacjom zawartym w materiale będziesz w stanie płynnie i bez problemów zarządzać całą komunikacją!

Asynchroniczność
1. Callback hell
2. Closures
Obietnice
1. Promise.all()
2. Promise.race()
Fetch
1. Wprowadzenie
2. REST API
3. Format JSON
4. Podsumowanie
JSON Server
1. Wprowadzenie
2. Przykład CRUD-a
3. Refaktoryzacja
Wsparcie przeglądarek
Async ... await

10. JavaScript: Testowanie, ~133 strony

Umiejętność testowania i debugowania aplikacji pozwala pisać lepszej jakości kod oraz mniej czasu poświęcać na jego wdrożenie. Automatyzacja procesu testowania sprzyja rozwijaniu i modyfikowaniu aplikacji niższym kosztem, ponieważ praktycznie natychmiast jesteśmy w stanie rozpoznać problemy, jakie pojawiają się po wprowadzeniu zmian. Znajomość testowania i debugowania pozwoli Ci wyróżnić się na tle innych adeptów sztuki programowania, którzy często w trakcie nauki pomijają ten temat.

Wprowadzenie
Debugowanie
1. Obiekt console
2. DevTools
Zarządzanie wyjątkami
1. Typy błędów
2. Instrukcja try … catch
3. Instrukcja throw
Tryb ścisły (ang. strict mode)
TDD
BDD
Jest
1. TDD
2. Import/Export z ES6
3. BDD
4. Asynchroniczność
5. Przechwytywanie błędów

11 opinii dla Kurs JavaScript od podstaw

Kasia – 2020-04-20

Jestem bardzo zadowolona z materiałów!
Dawid – 2020-04-25

Najlepszy kurs JS z jakim miałem styczność! Polecam wszystkim, którzy chcą się uczyć JavaScript w usystematyzowany sposób.
Kamil – 2020-05-07

Jestem bardzo zadowolony z projektów do portfolio! To one na prawdę pokazały ile muszę się nauczyć!
Emilia – 2020-05-11

Jestem bardzo zadowolona. Mnóstwo wyjaśnień "na chłopski rozum". Bez lania wody, z ogromną ilością przykładów.
Krzysztof – 2020-07-24

Dzięki Mateuszu za Twój kurs! Nauczyłem się bardzo dużo, a teraz zabieram się za React. Nie mogę się doczekać, aż opublikujesz kurs na jego temat. Polecam wszystkim, którzy chcą opanować JavaScript! Zadania i projekty bardzo praktyczne. Sam materiał bardzo miło się czyta - przykład i obok opis tego co się tam znajduje. Super!
Marcin – 2020-07-30

Nikt z moim poprzedników nie napisał, że kurs posiada wiele odnośników do sprawdzonych materiałów w sieci jak również na YouTube. Moim zdaniem to bardzo pomaga w zrozumieniu trudniejszych tematów. W szczególności, że można spojrzeć na problem z innej perspektywy - nie tylko autora materiałów. Dzięki wielkie za Twój kurs!
Ola – 2020-08-24

Chyba nie musze nic dodawać. Moim poprzednicy już wypowiedzieli się o mocnych stronach tego kursu. Chciałam tylko odwdzięczyć się tym komentarzem Mateuszowi za ogrom pracy jaki włożył w przygotowaniu tego kursu - dzięki!
Piotr – 2020-09-15

Twój kurs pozwolił mi usystematyzować wiedzę z JS. Uważam, że to głównie dzięki niemu znalazłem pracę!
Damian – 2020-09-27

Bardzo przystępny kursu! Wcześniej nie miałem do czynienia z programowaniem, a teraz jestem w stanie pisać funkcje, klasy, zapytania do API i nawet pobierać dane z formularza! Wcześniej to była dla mnie czarna magia! Dzięki.
Adrian – 2020-10-02

Jestem bardzo zadowolony z tego kursu JavaScript - ilości informacji i forma bardzo przypadła mi do gustu. Zabrakło mi jedynie tematu Testów w Jest 🙁
- Mateusz Bogolubow – 2020-10-25
  
  Adrianie, już w następnym miesiącu pojawi się aktualizacja, w której znajdziesz to czego Ci brakowało. Dam znać jak będzie można już pobrać aktualną wersję kursu!
Mateusz – 2021-07-19

Potwierdzam poprzednie komentarze. Kurs jest bardzo przystępny! Tym bardziej, że pojawił się również materiał o testowaniu - jak autor obiecywał. Bardzo przypadła mi do gustu forma ebookowa. Polecam z całego serca!

Tylko zalogowani klienci, którzy kupili ten produkt mogą napisać opinię.

Stron	1405
Wersja	1.2.0
Format	PDF - prezentacja
Autor	Mateusz Bogolubow

Kurs JavaScript od podstaw

Informacje dodatkowe