Kurs JavaScript
Materiał ten wprowadzi Cię w świat języka JavaScript na potrzeby sieci, dając Ci solidne podstawy do tego, by tworzyć bardziej dynamiczne strony internetowe.
88 lekcji
9h 20min
5 (18 oceny)
JavaScript - od Podstaw
Moc języka JavaScript
JavaScript to język programowania, który napędza niemal wszystkie strony internetowe. Dopełnia on technologie HTML i CSS, za pomocą których tworzymy strukturę i wygląd dokumentu. Co jednak w sytuacji, gdy chcemy po kliknięciu w wybrany przycisk wyświetlić powiększone zdjęcie lub wczytać dodatkowe dane z serwera? To właśnie w takich sytuacjach przydaje się język JavaScript i tzw. DOM API, dostępne w przeglądarce. Jak się przekonasz, możliwości nowoczesnych przeglądarek w połączeniu z tym językiem są naprawdę ogromne.
Najważniejsze konstrukcje języka
Język JavaScript może być używany nie tylko na stronach internetowych. Z tego powodu, w kursie omówimy najpierw najważniejsze konstrukcje tego języka, które są niezależne od platformy uruchomieniowej. Dzięki temu zbudujesz fundamenty niezbędne do tego, by wykorzystać ten język np. w środowisku Node.js. Krok po kroku omówimy sposoby tworzenia zmiennych, dostępne typy danych i operatory. Następnie zobaczysz jak tworzyć tablice i obiekty, z jakich instrukcji warunkowych i pętli możesz korzystać, a także jak tworzyć własne funkcje. Przekazywana wiedza uwzględniać będzie nowości, które pojawiły się w języku wraz z rewolucyjnym standardem EcmaScript 6 (ES6).
Obiektowy Model Dokumentu
Sam język JavaScript to nie wszystko, by tchnąć ducha w strony internetowe. Z tego powodu, przeglądarki internetowe udostępniają tzw. DOM API. To interfejs, który z użyciem języka JavaScript pozwala na manipulację treścią i wyglądem strony. W kursie bardzo dokładnie omówimy czym jest Obiektowy Model Dokumentu, a także jak z nim pracować. Zobaczysz jak tworzyć nowe elementy HTML i wstawiać je na stronę, jak modyfikować ich treść, atrybuty, style czy klasy CSS. Poznasz sposoby na odczytywanie położenia elementu na stronie i jego wymiarów, które będą niezbędne w wielu sytuacjach. Dowiesz się także, jak przypisywać obsługę zdarzeń w przeglądarce, by np. wywołać własną funkcję, gdy ktoś kliknie w wybrany przez Ciebie przycisk.
JSON i Ajax
JSON to popularny format wymiany danych, a Ajax to potoczna nazwa dla asynchronicznych zapytań HTTP, które wysyłać możemy z poziomu kodu JavaScript. Dziś niemal każda strona internetowa wykorzystuje te technologie. W niektórych przypadkach jako dopełnienie podstawowej funkcjonalności witryny, a w innych jako główny motor napędzający stronę. Jeśli kiedykolwiek widziałeś, jak na stronie internetowej jakaś treść "doczytuje" się np. podczas przewijania - widziałeś w praktyce Ajax. W jednym z rozdziałów kursu zobaczysz, jak pracować z tym formatem, a także jak wysyłać wspomniane zapytania do serwera.
npm i bundlery kodu
Choć kurs który masz przed sobą, jest kursem dla początkujących, to aby zrozumieć jak działa język JavaScript i jak z nim się współcześnie pracuje, omówimy dwa ważne tematy - zarządzanie zależnościami i bundlowanie kodu. Dowiesz się czym jest npm i jak z jego pomocą pobierać paczki gotowego kodu z internetu, a także jak sprawić, by bez trudnu dołączać je do własnego kodu. W tym celu skorzystamy z narzędzia snowpack, które pozwoli nam także na optymalizację kodu przed jego wypuszczeniem w świat. Na tym etapie omówimy również jak działają moduły ESM, pozwalające dzielić kod na mniejsze części.
5 praktycznych projektów
Kurs podzielony został na możliwie krótkie lekcje, do których w każdej chwili możesz wrócić. Jeśli zatem zapomnisz jak odczytywać wymiary elementu na stronie, szybko odnajdziesz odpowiednią lekcję. Czym jednak była by sama teoria i proste przykłady, bez pokazania, jak połączyć je w całość i wykorzystać w praktyce? Dobra wiadomość jest taka, że w kursie stworzymy aż 5 praktycznych projektów, wykorzystujących zdobytą wcześniej wiedzę. Najpierw napiszemy program losujący Dużego Lotka, następnie dynamiczny pasek postępu przeczytania artykułu, dymek pojawiający się nad elementem po najechaniu na niego myszą, wygenerujemy tabelkę w użytkownikami na podstawie danych JSON, a na koniec tworzymy prosty odtwarzacz wideo, z możliwością pauzowania i przewijania filmu.
Dla kogo jest ten kurs?
Kurs ten jest dla wszystkich osób, które znają już podstawy HTML i CSS i chciałyby przejść poziom wyżej i dodać do swoich stron dynamiczności. Żadna wcześniejsza wiedza z zakresu JavaScript nie jest wymagana, ale zalecana jest podstawowa wiedza z zakresu samego programowania (czym są zmienne, pętle, funkcje itd.). Materiał ten będzie również świetnym odświeżeniem i usystematyzowaniem wiedzy dla osób, które już z tym językiem miały do czynienia. Po przerobieniu tego kursu będziesz gotowy, by poznawać język JavaScript dalej i zacząć korzystać z nowoczesnych frameworków.
Czego się nauczysz?
-
Najważniejsze konstrukcje jezyka JavaScript
-
Obiektowy Model Dokumentu i DOM API
-
JSON i Ajax
-
Nowości z EcmaScript 6
-
Praca z npm i snowpack
-
5 praktycznych projektów
Zawartość
JavaScript
24 rozdziały 88 lekcji 9h 20min
-
Wstęp
17min
Czym jest JavaScript
4min
Wybór narzędzi
4min
Wstawianie skryptu na stronę www
6min
-
Typy danych i operatory
59min
Tworzenie zmiennych
9min
Tekstowy typ danych
8min
Liczbowy typ danych
4min
null i undefined
5min
Prawda i fałsz
5min
Operatory arytmetyczne
8min
Operatory porównania
7min
Operatory logiczne
9min
Inkrementacja i dekrementacja
3min
-
Tablice
37min
Tworzenie tablic
6min
Destructuring tablic
3min
Usuwanie elementów tablicy
7min
Operator spread na tablicach
3min
Sortowanie tablic
5min
Metody tablic
9min
-
Obiekty
28min
Wartości prymitywne i obiekty
5min
Tworzenie obiektów
6min
Destructuring obiektów
3min
Operator spread na obiektach
3min
Funkcje jako metody obiektów
4min
Przekazywanie przez referencję
6min
-
Instrukcje warunkowe
13min
Instrukcja if
5min
Skrócony zapis if
4min
Instrukcja switch
3min
-
Pętle
19min
Pętla while
4min
Pętla do while
2min
Pętla for
3min
Pętla for in
3min
Pętla for of
2min
Przerywanie lub kontynuacja pętli
5min
-
Funkcje
32min
Tworzenie funkcji
5min
Zwracanie wartości
4min
Parametry funkcji
6min
Zakres zmiennych
7min
Funkcje strzałkowe
6min
Wbudowane funkcje JavaScript
4min
-
Praca z datami
22min
Odczytywanie i formatowanie daty
8min
Parsowanie daty
7min
Porównywanie dat
7min
-
Timery
11min
setTimeout
4min
setInterval
7min
-
Obsługa wyjątków
12min
Blok try catch
6min
Zgłaszanie własnych błędów
6min
-
Praktyczny projekt 1
14min
Losowanie Dużego Lotka
14min
-
Obiektowy Model Dokumentu
30min
Czym jest DOM
4min
Globalny obiekt window
8min
BOM API
8min
Wyszukiwanie elementów w drzewie DOM
10min
-
Modyfikacja drzewa DOM
30min
Tworzenie elementów HTML
5min
Wstawianie i usuwanie elementów ze strony
6min
Tworzenie fragmentu dokumentu
5min
Relacje między elementami
9min
Praca z atrybutami
6min
-
Praca z treścią elementów HTML
14min
Odczytywanie i ustawianie treści
7min
Wartości pól formularza
7min
-
Manipulacja stylami CSS
14min
Praca z klasami CSS
5min
Praca z liniowym CSS
9min
-
Geometria elementów HTML
18min
Współrzędne położenia elementu
7min
Wymiary elementu
8min
Pozycje suwaków
3min
-
Zdarzenia DOM
47min
Czym są zdarzenia
4min
Przypisywanie i usuwanie zdarzeń
9min
Obiekt event i target
9min
Czym jest bubbling
6min
Czym jest capturing
5min
Zapobieganie domyślnej akcji przeglądarki
8min
Zdarzenie DOMContentLoaded i load
7min
-
Praktyczny projekt 2
11min
Postęp przeczytania artykułu
11min
-
Praktyczny projekt 3
28min
Tooltip cz. 1
9min
Tooltip cz. 2
9min
Tooltip cz. 3
9min
-
Ajax
25min
Czym jest JSON
8min
Pobieranie danych
9min
Wysyłanie danych
8min
-
Praktyczny projekt 4
12min
Generowanie listy użytkowników
12min
-
Praktyczny projekt 5
23min
Prosty odtwarzacz wideo cz. 1
11min
Prosty odtwarzacz wideo cz. 2
12min
-
Node.js
42min
Instalacja środowiska
9min
Jak działa npm
9min
Bundlery kodu
9min
Build produkcyjny
7min
Moduły ESM
8min
-
Zakończenie
2min
Podsumowanie
2min
Autor kursu
Piotr Palarz
Web Developer
Średnia ocen autora: 5
Dołącz do ponad 10 tys. zadowolonych z naszych kursów
DANIEL Ptasiński
25 kwietnia 2021
Tomasz Krawaczyński
25 maja 2021
Jak zawsze kurs Piotra Palarza wymiata. Jak dla mnie to jeden z najlepszych nauczycieli JS w Polsce.
Marcin Wachciński
29 maja 2021
Waldemar Groń
8 czerwca 2021
Janek Giżyński
12 lipca 2021
Dariusz Mazur
1 sierpnia 2021
Nadzieja Karpińska
10 sierpnia 2021
Marek Grabowski
9 października 2021
Monika
20 października 2021
Robert Szeliga
29 października 2021
Marcin Wawrzyniak
24 listopada 2021
Genialne
Wojciech
16 stycznia 2022
Bartłomiej Łajtar
4 kwietnia 2022
Kamil Pargieła
6 kwietnia 2022
Adam Wasik
14 maja 2022
Luiza
10 maja 2022
Piotr
7 października 2022
Bartosz Maćkowiak
14 października 2022
Kurs JavaScript
-
88 lekcji wideo
-
9h 20min materiału
-
Ostatnia rewizja 05.05.2021
-
Certyfikat w ramach ścieżek
-
Dostęp z urządzeń mobilnych
Dlaczego wybrać właśnie ten kurs?
Efektywna nauka
Kurs wideo to najbardziej efektywna a zarazem najprzyjemniejsza forma nauki. Jest on tak prowadzony, byś cały czas mógł go śledzić z zainteresowaniem i zaangażowaniem, a także czerpać satysfakcję ze zdobytej wiedzy!
Wiedza ekspertów
Wiedza, którą otrzymujesz w tym kursie, to nie tylko sucha teoria, ale również wskazówki od praktyka z wieloletnim doświadczeniem, dzięki którym dużo łatwiej będzie Ci opanować materiał i pracować efektywniej.
Praktyczne przykłady
Uczysz się na praktycznych przykładach. Kurs, który masz przed sobą to esencja praktycznej wiedzy i doświadczenia a także wzorów, które oszczędzą Ci godziny pracy i poszukiwań.
Pytania i odpowiedzi
Przeczytaj najczęściej zadawane pytania
Masz więcej pytań?
Porozmawiaj z nami na na czacie
Zadzwoń +48 880880606
Nie każdy. Jeśli pliki są dostępne dla danego kursu, znajdziesz je w zakładce źródła. Niektóre kursy nie posiadają źródeł ponieważ nie są potrzebne, inne nie mogły być zamieszczone np. ze względu na prawa autorskie do wykorzystania komercyjnych prac naszych autorów. Staramy się aby kursy były maksymalnie praktyczne i chętnie pokazujemy zaplecze zawodowe naszych autorów, ale niekiedy nie możemy dołączyć go w postaci źródeł.
Jak jest skonstruowany kurs?Kurs składa się z rozdziałów oraz lekcji. Staramy się, aby optymalnie kursy miały 5-7 rozdziałów po około 5-10 lekcji w każdym. W ten sposób nauka jest optymalna a podtrzymanie uwagi staje się łatwiejsze. Rekomendujemy przerabianie nie więcej niż jednego rozdziału naraz a po jego przerobieniu powtórzenie materiału we własnym zakresie.
Jak najlepiej wykorzystać kurs?Potraktuj kurs jako inspirację do własnej pracy. Tam, gdzie się da staraj się powtarzać czynności, które wykonuje autor. Nie powtarzaj ich jednak bezmyślnie - spróbuj zmodyfikować przykłady i dostosować je do swoich potrzeb. W ten sposób przyswoisz materiał jeszcze lepiej!
Jak mogę uzyskać dostęp do kursu?Możesz albo wykupić ten konkretny kurs przez koszyk, uzyskując do niego (i jego rewizji) bezterminowy dostęp, albo wykupić wariant abonamentu, który obejmuje dany kurs i w ten sposób oglądać go oraz inne materiały na platformie tak długo, jak Twój abonament jest aktywny.
Czy kurs jest aktualny?Staramy się aby wszystkie materiały na stronie były aktualne. Nie znaczy to, że kurs powstał bardzo niedawno. Często na stronie znajdziesz trochę starsze kursy, jednak regularnie wykonujemy ich rewizję i zmieniamy lekcje - czy to przez dodanie stosownych komentarzy z aktualizacją, czy poprzez nagranie danej lekcji jeszcze raz. Datę ostatniej rewizji znajdziesz w informacjach o kursie.
Czym się różni kurs od warsztatu i ścieżki?Kursy to kilku godzinne, kompleksowe opracowanie danego zagadnienia, podzielone na lekcje i rozdziały. Często uzupełniają je Warsztaty, które mają formę jednej dłuższej, praktycznej lekcji (30min-1h), natomiast ścieżki stanowią zbiór jednych i drugich materiałów - ułożoną z kursów i warsztatów playlistę, która pozwala Ci kompleksowo opanować dane zagadnienie.
We frontendzie nie można stać w miejscu, niezależnie od tego, czy jest się początkującym, czy zaawansowanym. Narzędzia i techniki się zmieniają, więc trzeba cały czas trzymać rękę na pulsie. Jako twórca kursów i programista mogę spokojnie polecić eduweb.pl jako aktualne i dobre źródło wiedzy.
Adam Romański
helloroman.com
Zacznij naukę w JavaScript
-
88 lekcji wideo
-
9h 20min materiału
-
Ostatnia rewizja 05.05.2021
-
Certyfikat w ramach ścieżek
-
Dostęp z urządzeń mobilnych
Kursy które mogą Cię również zainteresować
Nowości w NextJS13
Daniel Noworyta
Tailwind CSS
Daniel Noworyta
NestJS od Podstaw
Adam Gospodarczyk
Szeroka Perspektywa Full-Stack Web Developmentu
Adam Gospodarczyk
Narzędzia JavaScript Full-Stack Web Developera
Adam Gospodarczyk