Video Kurs Javascript od Podstaw do Eksperta
Kompletny kurs JavaScript - od podstaw do poziomu eksperta!
57 zł
Dołącz do tysięcy kursantów, którzy uczą się z VideoKurs.pl.
Nie kupuj kota w worku!
Sprawdź wcześniej kurs oglądając przykładowe lekcje:
Przykładowe ekrany kursu Video Kurs Javascript od Podstaw do Eksperta:
Kliknij by powiększyć
Zawartość kursu JavaScript:
-
- W tej lekcji dowiesz się czym jest Javascript oraz co będziesz potrafił po tym kursie.
-
Lekcja 2 Ściągnięcie oraz instalacja edytora 4 min i 33 s
- Dowiesz się jak ściągnąć oraz zainstalować edytor w którym będziemy pracować.
-
Lekcja 3 Tworzenie projektu i ustalenie jego struktury 5 min i 32 s
- Nauczysz się jak stworzyć projekt oraz jak tworzyć strukturę plików, aby Twój projekt był łatwy w obsłudze.
-
Lekcja 4 Najczęściej używane skróty klawiaturowe przez web developerów 10 min i 43 s
- Bonusowa lekcja w której poznasz najczęściej używane skróty klawiaturowe, które zaoszczędzą Ci ogromną ilość czasu w tworzeniu stron WWW.
-
Lekcja 5 Najbardziej optymalne umieszczanie skryptu na stronie 15 min i 44 s
- Po tej lekcji dowiesz się gdzie i jak umieszczać skrypty wewnętrzne i zewnętrzne oraz jak wczytywać skrypty asynchronicznie oraz w odpowiedniej kolejności. Dzięki temu Twoja strona może się wczytać przy większych witrynach nawet kilka sekund szybciej!
-
Lekcja 6 Podstawy Javascript 6 min i 38 s
- Dowiesz się:
- czym jest parser
- jak wywoływany jest skrypt oraz w jaki sposób jest interpretowany
- czym są oraz jak wywoływane są instrukcje
- po co są średniki i dlaczego się je używa
- co to są białe znaki i jak są interpretowane - Dowiesz się:
-
Lekcja 7 Komentarze 3 min i 23 s
- Czym są, jak tworzyć oraz po co są komentarze?
-
Lekcja 8 Zmienne 22 min i 56 s
- Poznasz odpowiedzi na pytania: Czym są zmienne? Jak z nich korzystać? Po co w ogóle korzystać ze zmiennych? Jakie są zasady tworzenia zmiennych? Jakie są konwencje nazywania zmiennych?
-
Lekcja 9 Operatory arytmetyczne 11 min i 31 s
- W tej lekcji poznasz: - pojęcie operator oraz dowiesz się dlaczego są potrzebne
- podstawowe operatory arymetyczne tj. dodawanie, odejmowanie, dzielenie mnożenie
- operator modulo (reszta z dzielenia) oraz po co w ogóle z niego korzystać
- operatory inkrementacji i dekrementacji oraz różnice pomiędzy post i pre dekrementacją/inkrementacją
- skrótowe zapisy służące do szybkiego dodawania / odejmowania (które oszczędzą Ci czas) - W tej lekcji poznasz: - pojęcie operator oraz dowiesz się dlaczego są potrzebne
-
Lekcja 10 Operatory relacyjne (porównania) 6 min i 23 s
- Dowiesz się czym są oraz jak korzystać z operatorów porównania oraz kiedy warto z nich korzystać.
-
Lekcja 11 Operatory logiczne 6 min i 57 s
- Dowiesz się czym są, jak stosować oraz po co stosować operatory logiczne. Poznasz i zrozumiesz pojęcia negacji, koniunkcji oraz alternatywy.
-
Lekcja 12 Operatory bitowe 15 min i 42 s
- Po tej lekcji dowiesz się czym są operatory bitowe oraz jak i kiedy się z nich korzysta. Wytłumaczę Ci również w jaki sposób przechowywane są w komputerze wartości
-
Lekcja 13 Instrukcje warunkowe 9 min i 15 s
- Dowiesz się czym są, kiedy oraz jak korzystać z instrukcji warunkowych. Dodatkowo dowiesz się do czego służą klamrowe znaki.
-
Lekcja 14 Skrócona instrukcja warunkowa if else 4 min i 12 s
- W tej lekcji poznasz skróconą instrukcję warunkową if else czyli tzw. operator ? :. Pokażemy zastosowanie operatora na praktycznym przykładzie.
-
Lekcja 15 Switch 4 min i 56 s
- Dowiesz się czym jest switch, jak i kiedy z niego korzystać?
-
Lekcja 16 Funkcje 18 min i 46 s
- Dowiesz się:
- czym są funkcje
- jak je tworzyć
- po co w ogóle sa funkcje?
- co to znaczy zwrócić wartość funkcji, wywołać funkcję, ciało funkcji etc.
- jak powinno nazywać się funkcje
- dlaczego warto korzystać z funkcji?
- jak wywoływać funkcje w funkcji? - Dowiesz się:
-
Lekcja 17 Zasięg zmiennych / funkcji 7 min i 33 s
- Po tej lekcji dowiesz się czym jest zasięg zmiennych oraz na co uważać podczas tworzenia zmiennych w funkcjach ponieważ w Javascript czasem może być to problematyczne w którym miejscu są dostępne zmienne, a w którym nie są.
-
Lekcja 18 Anonimowe funkcje i funkcje jako wartość zmiennej 10 min i 7 s
- Czym są funkcje anonimowe oraz jak przekazywać funkcje jako wartość zmiennej. Jak zwracać funkcję w funkcji.
-
Lekcja 19 Czym są obiekty oraz jak je tworzyć 14 min i 59 s
- W tej lekcji dowiesz się:
- czym sa obiekty
- jak korzystać z dostępnych obiektów
- jak wybrać dowolny element ze strony po ID tagu
- jak zmienić jego zawartość
- jak tworzyć własne obiekty z metodami i właściwościami
- i wiele innych - W tej lekcji dowiesz się:
-
Lekcja 20 Funkcje konstrukcyjne (klasy) 7 min i 50 s
- Czym są funkcje konstrukcyjne oraz klasy i jak je tworzyć.
-
Lekcja 21 Prototype - dodawanie nowych właściwości do klas z zewnątrz 5 min i 24 s
- Dowiesz się czym jest prototype i kiedy warto z niego korzystać.
-
Lekcja 22 Tablice (arrays) 14 min i 50 s
- Poznasz odpowiedzi na pytania:
Czym są tablice w Javascript?
Dlaczego warto używać tablic?
Jak korzystać z tablic?
W jaki sposób dodawać nowe elementy do tablic?
Czym są tablice asocjacyjne? - Poznasz odpowiedzi na pytania:
-
Lekcja 23 Metody obiektu Array 17 min i 53 s
- Poznasz metody związane z obiektem Array, które przyspieszą Ci pracę z tablicami.
-
Lekcja 24 Czym są pętle - pętla while i do while 15 min i 21 s
- Wytłumaczę Ci czym są pętle, jak z nich korzystać oraz kiedy z nich korzystać. Wypisujemy zawartość tablicy jak i edytujemy dynamicznie zawartość elementów na stronie internetowej.
-
Lekcja 25 Pętla for 3 min i 51 s
- Jak działa pętla for i jak z niej korzystać?
-
Lekcja 26 Instrukcja break i continue 6 min i 38 s
- Dowiesz się do czego służy oraz jak działa instrukcja break i continue.
-
Lekcja 27 Pętla for/in 7 min i 22 s
- Poznasz kolejną pętle służącą do szybkiego przejścia po wartościach obiektów.
-
Lekcja 28 Obiekt arguments - nielimitowana ilość argumentów 6 min i 13 s
- Lekcja w której potrenujesz to co dotychczas poznałeś + dowiesz się jak przesłać do funkcji nielimitowaną ilość argumentów oraz wszystkie te argumenty zinterpretować.
-
Lekcja 29 DOM - budowa i przetwarzanie dokumentu HTML 22 min i 3 s
- W tej lekcji dowiesz się czym jest DOM oraz jak z niego korzystać. Poznasz pojęcia takie jak węzeł, dziecko, rodzic, krewny i nauczysz się wielu właściwości oraz metod do wybierania tagów/atrybutów/tekstu, który Cię interesuje. DOM jest bardzo ważny, jeśli chcesz nauczyć się dodawać/usuwać/zmieniać dynamicznie treść (bez przeładowania) na Twojej stronie.
-
Lekcja 30 querySelector - szybkie wybieranie elementów ze strony 6 min i 44 s
- Pokażę Ci na przykładzie metody oraż różnicę między metodami querySelector oraz querySelectorAll. Metody te pozwalają szybko wybrać elementy na ze strony na takiej samej zasadzie jak wybiera się je z pomocą CSS.
-
Lekcja 31 Jak zmieniać style z pomocą JS 4 min i 23 s
- Pokażę Ci jak np. ukryć element lub zastosować style do wielu elementów na raz w pętli.
-
Lekcja 32 Dodawanie i usuwanie elementów z witryny 9 min i 40 s
- Jak dodawać oraz usuwać elementy z witryny? Poznasz metody createElement, appendChild, removeChild. Dowiesz się kiedy powinieneś stosować innerHTML, a kiedy createElement.
-
Lekcja 33 Pętla w pętli - stworzenie dynamicznie tabliczki mnożenia 9 min i 5 s
- Lekcja treningowa w której dowiesz się na przykładzie jak działa pętla w pętli oraz jak dodać dynamicznie tabelkę mnożenia na stronę w postaci tabeli HTML.
-
Lekcja 34 Eventy - zdarzenia 11 min i 46 s
- Dowiesz się czym są oraz po co są eventy oraz jak je obsługiwać. Dowiesz się jakie są sposoby rejestrowania zdarzeń oraz poznasz plusy i minusy poszczególnych rozwiązań. Poznasz kolejne zastosowanie funkcji anonimowych.
-
Lekcja 35 Odwoływanie się do właściwości elementu, który wywołał zdarzenie 5 min i 55 s
- W tej lekcji dowiesz się jak odwoływać się do właściwości elementu, który wywołał zdarzenie. Jak np. zmienić klasę takiego elementu po najechaniu na niego oraz usunąć tą klasę po "odjechaniu" myszką.
-
Lekcja 36 WAŻNE!!! zdarzenie onload 2 min i 55 s
- W tej lekcji poznasz zdarzenie, które sprawi, że unikniesz poważnych problemów i ciężkich do wykrycia błędów w działaniu Twojego skryptu.
-
Lekcja 37 addEventListener - nasłuchiwacze zdarzeń 16 min i 50 s
- Dowiesz się czym są nasłuchiwacze zdarzeń oraz po co w ogóle z nich korzystać na przykładzie. Dowiesz się jak je dodawać oraz jak je usuwać.
-
Lekcja 38 Automatycznie przesyłany do funkcji obiekt Event 17 min i 8 s
- Poznasz obiekt w którym przechowywane są informacje o obiekcie który wywołał zdarzenie. Dzięki temu obiektowi masz dostęp do informacji gdzie była myszka podczas zdarzenia, jakie klawisze/przyciski zostały wciśnięte etc. Pokażę Ci uniwersalny sposób pobierania object event, aby był wspierany w starszych przeglądarkach oraz jak zrobić prosty tooltip (podpowiedź) w miejscu na które najedziesz.
-
Lekcja 39 Propagacja - rozmnażanie się eventów 6 min i 11 s
- Dowiesz się czym jest oraz jak zatrzymać propagację tzw. bąbelkowanie eventów.
-
Lekcja 40 preventDefault - zapobieganie akcji zdarzeń 6 min i 6 s
- W tej lekcji poznasz metodę preventDefault, która zapobiega wykonania akcji zdarzeń, które zostały już zaprogramowane przez twórców przeglądarek. Takich jak np. menu kontekstowe, lub też gdy chcesz sprawdzić dane przed wysłaniem formularza.
-
Lekcja 41 Zdarzenie onscroll - stwórz przycisk przesuwający do góry stronę 8 min i 24 s
- W tej lekcji przetrenujesz to co dotychczas poznałeś oraz pokażę Ci jak napisać przycisk, który gdy klikniesz przesunie Cię na górę witryny. Takie coś jest bardzo fajnym dodatkiem na stronę, gdyż umilasz użytkownikom Twojej witryny życie, gdy jest na niej dużo tekstu :)
-
Lekcja 42 Zdarzenia myszki - przesuwanie elementów 12 min i 34 s
- Poznasz zdarzenia związane z myszką na praktycznym przykładzie. Pokażę Ci w jaki sposób sprawić, aby użytkownik Twojej witryny mógł dynamicznie przesuwać jakikolwiek element Twojej strony np. obrazki.
-
Lekcja 43 Funkcje wykonywane po czasie - setTimeout i setInterval 25 min i 0 s
- Nauczę Cię jak wywoływać funkcję co określony przez Ciebie czas. Pokażę Ci jak napisać stoper, który będzie odliczał czas od podanej przez Ciebie wartości w formularzu.
-
Lekcja 44 Usprawnienie kodu z poprzedniej lekcji obiektowo 15 min i 34 s
- Chcesz nauczyć się pisać profesjonalniej? Obiektowo? Po tej lekcji znacznie łatwiej Ci to przyjdzie i zobaczysz sens stosowania obiektowości. Ulepszamy stoper o przycisk "kontynuuj".
-
Lekcja 45 Jak sprawdzać poprawność danych w formularzach 22 min i 14 s
- Poznasz zdarzenia związane z klawiaturą - takie jak onchange, onfocus, onblur, onkeydown, onkeyup, onkeypress oraz różnicę między nimi. Powiem Ci jak odebrać kliknięty znak (e.which, e.keyCode, e.charCode) i jak sprawdzić, czy jest to ten, który Cię interesuje. Dowiesz się jak łatwo bez tworzenia dodatkowych identyfikatorów pobierać input'y z formularza oraz jak sprawić, żeby do formularza można było wpisać wyłącznie np. liczby, a gdy zawartość jest zła to żeby użytkownik został poinformowany odpowiednim komunikatem, a input zmienił się na kolor czerwony.
-
Lekcja 46 Zatrzymanie przesyłu danych jeśli są niepoprawne 4 min i 42 s
- Jak zatrzymać przesył danych jeśli któraś z danych wprowadzanych w formularzu jest niepoprawna nie resetując całości formularza? Jaki jest rozwiązanie by sprawdzać wiele input'ów jednocześnie?
-
Lekcja 47 Checkbox i jego sprawdzanie w JS 6 min i 30 s
- W jaki sposób sprawdzić, które elementy spośród checkboxów zostały zaznaczone i jak na to zareagować np. dodając zaznaczone elementy na stronę.
-
Lekcja 48 Radio - akceptacja regulaminu 7 min i 12 s
- W jaki sposób sprawdzić, który radio input został zaznaczony i jak na to zareagować np. jeśli jedna z opcji jest zaznaczona (użytkownik nie akceptuje regulaminu) to chcemy, aby nie można było przesłać formularza.
-
Lekcja 49 Rozwijane pole wyboru select w JS 9 min i 15 s
- W jaki sposób obsługiwać rozwijane pole wyboru przez Javascript? Jak sprawdzić, który element został wybrany. Jak wykorzystać wybrane dane?
-
Lekcja 50 Manipulacja ciągiem znaków metodami obiektu String 22 min i 29 s
- W tej lekcji dowiesz się w jaki sposób manipulować (obsługiwać) ciągi znaków korzystając ze specjalnych do tego metod na praktycznych przykładach.
-
Lekcja 51 Regularne wyrażenia - obiekt RegExp 31 min i 40 s
- Poznasz potężne narzędzie do przeszukiwania stringów w zaawansowany sposób. Po tej lekcji poznasz dokładnie metody, które pozwolą Ci znaleźć / podmienić / sprawdzić czy istnieje jakakolwiek wartość w stringu. Np. będziesz potrafił sprawdzić, czy kod pocztowy jest podany poprawnie lub też wybrać wszystkie elementy, które spełniają Twoją regułę indeksowania albo, że imię rozpoczyna się od dużej litery.
-
Lekcja 52 Ćwiczenie - jak sprawdzić czy hasło jest silne - RegExp 9 min i 41 s
- W tej lekcji przetrenujesz poznane wiadomości z poprzedniej lekcji ucząc się jak sprawdzić czy hasło jest wystarczająco mocne.
-
Lekcja 53 Manipulacja czasem - Date object 24 min i 16 s
- Dowiesz się jak manipulować czasem korzystając z metod obiektu Date. Pokażę Ci jak sprawdzić ile czasu minęło do jakiegoś zdarzenia, jak wypisywać datę, aby miała polskie nazwy etc. Dowiesz się jak z pomocą prototype rozszerzyć obiekt Date o własną metodą.
-
Lekcja 54 Zegarek na stronie 17 min i 24 s
- W tej lekcji trenujemy obiekt Date tworząc zegarek na stronie.
-
Lekcja 55 Cookies 19 min i 44 s
- W tej lekcji dowiesz się czym są cookies i jakie są zalety ich stosowania. Dowiesz się jak tworzyć cookies, jak je usuwać oraz modyfikować. Dowiesz się również na co uważać podczas ich tworzenia.
-
Lekcja 56 Funkcje ułatwiające pracę z cookies 12 min i 1 s
- Nauczę Cię jak napisać trzy bardzo przydatne funkcje, które przyspieszą Ci pracę podczas dodawania, usuwania oraz pobierania cookies.
-
Lekcja 57 Kodowanie specjalnych znaków w wartości cookie 1 min i 47 s
- Poznasz sposób na kodowanie specjalnych znaków, które mogą znaczyć co innego przez co cookies zachowa się nie w taki sposób jaki byś chciał.
-
Lekcja 58 Okienka popup 5 min i 16 s
- Poznasz sposoby na prowadzenie dialogu z użytkownikiem witryny w postaci specjalnego nagle pojawiającego się okienka z dwoma przyciskami "OK" oraz "anuluj" lub też z możliwością wpisania odpowiedzi.
-
Lekcja 59 Math - funkcje matematyczne 5 min i 48 s
- Poznasz najważniejsze funkcje matematyczne służące do zaokrąglania liczb, tworzenia potęgi, losowania liczb etc.
-
Lekcja 60 Jak losować liczby - losowe cytaty 5 min i 42 s
- W tej lekcji pokaże Cię jak korzystać z metody Math.random, która służy do tworzenia losowych liczb na praktycznym przykładzie, który pozwoli Ci wyświetlać na stronie losowe cytaty.
-
Lekcja 61 Jak pobrać i zmienić URL 2 min i 50 s
- Dowiesz się jak pobrać i zmienić URL użytkownika na praktycznym przykładzie. Poznasz właściwość location.
-
Lekcja 62 Ładowanie obrazków tylko gdy są potrzebne 9 min i 27 s
- Pokażę Ci jak ładować obrazek tylko wtedy gdy jest potrzebny tzn. napiszemy w tej lekcji skrypt, który doładowywuje obrazki, gdy użytkownik np. kliknie przycisk "doładuj więcej obrazków".
-
Lekcja 63 Slideshow - pokaz slajdów 10 min i 22 s
- Lekcja ćwiczeniowa, w której pokażę Ci jak napisac swój własny pokaz samo zmieniających się zdjęć. Takie coś możesz wykorzystać jako np. promocja kilku produktów na głównej stronie internetowej.
-
Lekcja 64 Animowane przejścia pomiędzy obrazkami 4 min i 32 s
- Poznasz świetny i łatwy do implementacji animacji przejścia pomiędzy obrazkami, czy też jakichkolwiek innych animacji w JS. Ulepszysz poprzednią lekcje z pokazem slajdów o płynne przejście.
-
Lekcja 65 Jak tworzyć animacje z pomocą setInterval 5 min i 50 s
- Poznasz sposób na tworzenie dowolnych animacji z pomocą metody setInterval.
-
Lekcja 66 Galeria obrazków z miniaturkami 14 min i 16 s
- Dowiesz się jak zrobić galerię obrazków z miniaturkami. Gdy najedziesz na miniaturkę to pojawi się nowy powiększony obrazek.
-
Lekcja 67 Tooltips - dymki z podpowiedziami 18 min i 25 s
- Lekcja treningowa w której pokażę Ci jak stworzyć dymki z podpowiedziami. Z tym skryptem jedynie co musisz zrobić to nadać klasę tooltip na element oraz dodać opis dla tytułu w atrybucie title, a gdy najedziesz na taki element natychmiast obok pojawi się dymek z podpowiedzią.
-
Lekcja 68 Debugowanie kodu 14 min i 54 s
- Pokażę Ci co robić, aby unikać bugów oraz jak je łatwo wykrywać z pomocą odpowiednich narzędzi. Pokażę Ci tryb restrykcyjny, który wykryje dużo błędów już w samym zalążku. Pokażę Ci również jak dzielić się kodem przez internet i gdzie warto pytać o pomoc.
-
Lekcja 69 Optymalizacja kodu, kompresja etc 7 min i 53 s
- Pokażę Ci jak pisać kod, aby działał szybciej. Dodatkowo dowiesz się jak kompresować pliki i jaki wpływ na szybkość wczytywania się strony ma posiadanie jak najmniejszej ilości plików JS.
-
Lekcja 70 Najczęściej popełniane błędy 7 min i 21 s
- Poznasz 7 najczęściej popełnianych błędów przez os. piszące w Javascript. Pozwoli Ci to zaoszczędzić wiele czasu podczas debugowania kodu.
-
Lekcja 71 Czego warto nauczyć się po tym kursie 7 min i 5 s
- Dowiesz się co warto nauczyć się i w jakiej kolejności po poznaniu Javascript.