Uwaga! Trwają prace nad nową wersją serwisu. Mogą występować przejściowe problemy z jego funkcjonowaniem. Przepraszam za niedogodności!

🔥 Zgarnij PŁATNY STAŻ w 3 edycji kursu programowania front end (zapisy do 22.01) 🔥

Zapytaj! Trwają prace nad sklepem. Niebawem ponownie będzie można składać zamówienia.

Kurs JavaScript od podstaw

Informacje dodatkowe

Stron

1405

Wersja

1.2.0

Format

PDF - prezentacja

Autor

Mateusz Bogolubow

699.00

Czy chcesz po wielu próbach w końcu nauczyć się solidnych podstaw języka JavaScript?

Chcesz wystartować z pracą w IT jako programista JS i zdobyć komercyjne doświadczenie w świecie front end?

Jeśli odpowiedź brzmi TAK to jesteś w odpowiednim miejscu! Dzięki obszernej zawartości tego kursu będziesz mógł tworzyć zaawansowane aplikacje internetowe i wyróżnić się na rynku pracy!

Jeśli nie wiesz jakich tematów się uczyć, aby nie marnować czasu na elementy niepotrzebne to również znajdziesz odpowiedź w tym kursie.

Jeśli chcesz  zdobywać umiejętność programowania (praktyka), a nie tylko oglądać jak ktoś inny koduje (teoria) to powinieneś zainwestować właśnie w ten kurs!

Może szukasz ambitnych projektów do portfolio, aby móc się wyróżnić na tle innych oraz zaprezentować się z najlepszej strony przyszłemu pracodawcy?

W takim razie ten kurs JavaScript od podstaw będzie idealnym rozwiązaniem dla Ciebie!

Znajdziesz w nim zagadnienia dla osób początkujących takie jak HTML i CSS oraz bardziej zaawansowane z JavaScript jak np. obsługa formularzy czy API. Docelowo będziesz potrafił tworzyć rozbudowane strony internetowe!

Uwaga! Kupują ten kurs masz dożywotni dostęp do jego aktualizacji! Od teraz będziesz miał zawsze aktualne informacje!

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

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.
  1. Visual Studio Code (IDE)
    1. Wprowadzenie
    2. Interfejs
    3. Emmet
    4. Linia poleceń (terminal)
    5. Rozszerzenia
    6. Skróty klawiszowe
  2. Chrome (przeglądarka)
    1. Wprowadzenie
    2. Rozszerzenia
    3. DevTools
  3. Git
    1. Wprowadzenie
    2. Podstawowe komendy
    3. VS Code
  4. GitHub
    1. Wprowadzenie
    2. Fork, clone & pull request
    3. .gitignore
    4. README i Markdown
  5. Node.js
  6. Slack
  7. Skype
  8. LinkedIn
  9. Ź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!
  1. HTML
    1. Wprowadzenie
    2. Znaczniki (ang. tags)
    3. Grupy znaczników
    4. Renderowanie znaczników
    5. Atrybuty
    6. Struktura
    7. Semantyka
  2. CSS
    1. Wprowadzenie
    2. Reguły
    3. Osadzenie
    4. Selektory
    5. Właściwości i wartości
    6. Specyficzność
  3. 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.
  1. 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
  2. Responsywna treść
    1. Wiele kolumn tekstu
    2. Wykropkowanie
    3. Kształty
  3. Responsywne obrazy
    1. Wypełnianie przestrzeni
    2. Dopasowanie rozmiaru
    3. Skalowalne tło
  4. Responsywne wideo (iframe)
  5. Responsywne menu
  6. 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. 
  1. HTML z JavaScript
  2. Zmienne i wartości
    1. Deklaracja zmiennej
    2. var vs let & const
    3. Typy wartości
    4. Konwersja (coercion)
  3. Operatory
    1. Arytmetyczne
    2. Przypisania
    3. Porównania
    4. Logiczne
  4. Instrukcje warunkowe
    1. if … else
    2. Operator warunkowy
    3. Switch
  5. Pętle
    1. For
    2. While
  6. Funkcje
    1. Parametry
    2. Zwracanie Wartości
    3. Wyrażenie funkcyjne
    4. Anonimowe funkcje
    5. Wywołanie zwrotne (callback)
    6. Funkcje czasu
  7. Zakres (scope)
    1. Zmienne globalne vs lokalne
    2. Zakres funkcji i bloku
    3. Przesłanianie zmiennych
  8. Hoisting
    1. Funkcje
    2. Zmienne var
    3. Zmienne const & let
  9. Tablice
    1. Metody i właściwości
    2. Pętle
    3. .forEach()
    4. .map()
    5. Przeznaczenie metod
  10. Obiekty
    1. Literały
    2. Metody & this
    3. Kopiowanie przez referencję
    4. Pętle
    5. Obiekty wbudowane
  11. 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!
  1. Wprowadzenie
  2. Wyszukiwanie elementów
    1. .querySelector()
    2. .querySelectorAll()
    3. .getElementById()
    4. .getElementsByClassName()
    5. .getElementsByTagName()
    6. Łączenie wyszukiwań
  3. Operacje na elementach
    1. Atrybuty
    2. .dataset
    3. Identyfikatory
    4. Klasy
    5. Zawartość elementów
    6. Style
  4. Zarządzanie elementami
    1. Tworzenie elementów
    2. Osadzanie elementów
    3. Kopiowanie elementów
    4. Usuwanie elementów
  5. 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ć!
  1. Wprowadzenie
    1. Nasłuchiwanie zdarzeń
    2. Usuwanie nasłuchiwania
  2. Propagacja
    1. Faza bubbling
    2. Faza capturing
  3. Obiekt Event
    1. .preventDefault()
    2. .stopPropagation()
    3. .stopImmediatePropagation()
    4. .target vs .currentTarget
    5. Podsumowanie
  4. 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.
  1. Wprowadzenie
    1. Właściwości
    2. Zdarzenia
  2. Pola formularza
    1. <input>
    2. <select>
    3. <textarea>
    4. Rozszerzenie
  3. 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. 
  1. Wprowadzenie
  2. Webpack
    1. Podstawowa konfiguracja
    2. Production vs Development
    3. Babel
  3. Łańcuchy szablonowe
    1. Template strings
    2. Tagged template strings
  4. Funkcje strzałkowe
    1. Zapis skrótowy
    2. Kontekst dla this
  5. Destrukturyzacja
    1. Tablice
    2. Obiekty
    3. Podsumowanie
  6. Operator …
    1. Rozproszenie
    2. Reszta
  7. Wartości domyślne
  8. Klasy
    1. Konstruktor
    2. Metody
    3. Dziedziczenie
  9. 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ą!
  1. Asynchroniczność
    1. Callback hell
    2. Closures
  2. Obietnice
    1. Promise.all()
    2. Promise.race()
  3. Fetch
    1. Wprowadzenie
    2. REST API
    3. Format JSON
    4. Podsumowanie
  4. JSON Server
    1. Wprowadzenie
    2. Przykład CRUD-a
    3. Refaktoryzacja
  5. Wsparcie przeglądarek
  6. 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.
  1. Wprowadzenie
  2. Debugowanie
    1. Obiekt console
    2. DevTools
  3. Zarządzanie wyjątkami
    1. Typy błędów
    2. Instrukcja try … catch
    3. Instrukcja throw
  4. Tryb ścisły (ang. strict mode)
  5. TDD
  6. BDD
  7. Jest
    1. TDD
    2.  Import/Export z ES6
    3. BDD
    4. Asynchroniczność
    5. Przechwytywanie błędów

Uwaga! Kupując ten ebook masz dożywotni dostęp do jego aktualizacji! Od teraz będziesz miał zawsze aktualne informacje!

Kurs JavaScript od podstaw

699.00

Może mentoring jest tym, czego szukasz?
Sprawdź!

Recenzje

11 opinii dla Kurs JavaScript od podstaw

  1. Kasia

    Jestem bardzo zadowolona z materiałów!

  2. Dawid

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

  3. Kamil

    Jestem bardzo zadowolony z projektów do portfolio! To one na prawdę pokazały ile muszę się nauczyć!

  4. Emilia

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

  5. Krzysztof

    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!

  6. Marcin

    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!

  7. Ola

    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!

  8. Piotr

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

  9. Damian

    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.

  10. Adrian

    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

      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!

  11. Mateusz

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

Mam coś dla Ciebie!

W każdy piątek rozsyłam motywujący do nauki programowania newsletter!

Dodatkowo od razu otrzymasz ode mnie e-book o wartości 39 zł. To ponad 40 stron konkretów o nauce programowania i pracy w IT.

PS Zazwyczaj wysyłam 1-2 wiadomości na tydzień. Nikomu nie będę udostępniał Twojego adresu e-mail.