JavaScript od Podstaw do Eksperta
4.7 (41 ratings)
Instead of using a simple lifetime average, Udemy calculates a course's star rating by considering a number of different factors such as the number of ratings, the age of ratings, and the likelihood of fraudulent ratings.
453 students enrolled
Wishlisted Wishlist

Please confirm that you want to add JavaScript od Podstaw do Eksperta to your Wishlist.

Add to Wishlist

JavaScript od Podstaw do Eksperta

Stworzony z myślą o osobach, które nie wiedzą nic na temat JavaScript. Zostań front-end developerem i zarabiaj pieniądze
4.7 (41 ratings)
Instead of using a simple lifetime average, Udemy calculates a course's star rating by considering a number of different factors such as the number of ratings, the age of ratings, and the likelihood of fraudulent ratings.
453 students enrolled
Last updated 6/2017
Polish
Curiosity Sale
Current price: $10 Original price: $125 Discount: 92% off
30-Day Money-Back Guarantee
Includes:
  • 12.5 hours on-demand video
  • 1 Article
  • 65 Supplemental Resources
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
What Will I Learn?
  • pobierać/zmieniać/dodawać zawartość na stronie bez przeładowywania
  • zmieniać style CSS bez przeładowania strony
  • będziesz rozumiał pojęcia takie jak eventy, zmienne, obiekty, tablice, funkcje, pętle, instrukcje warunkowe, DOM, RegExp, Cookies
  • tworzyć animacje, dynamiczną galerię z miniaturami, pokaz slajdów
  • tworzyć dymki z podpowiedziami (tooltip)
  • tworzyć przyjazne formularze, które sprawdzają poprawność danych
  • tworzyć odliczający zegar do jakiegoś zdarzenia
  • debugować swój kod
View Curriculum
Requirements
  • Powinieneś znać podstawy HTML i CSS
Description

Przed Tobą kurs JavaScriptu, który trwa aż 12 godzin i jest podzielony na 71 lekcji. Poprowadzę Cię w nim krok po kroku od podstaw do zaawansowanych aspektów JavaScript. Nauczę Cię tworzyć OD ZERA praktyczne aplikacje takie jak galerie z miniaturkami, dynamiczne podpowiedzi etc.

Czym jest JavaScript?

JavaScript jest jest to język, który sprawi, że Twoja strona będzie dynamiczniejsza. Dzięki JavaScript możesz bez odświeżania witryny reagować na to co robi osoba odwiedzająca Twoją stronę. Po zastosowaniu JavaScript Twoja strona nabierze życia.

Dzięki znajomości informacji przekazywanych w moim kursie możesz zostać front-end developerem, czyli osobą odpowiedzialną za to co dzieje się po stronie użytkownika odwiedzającego stronę internetową.

JavaScript jest jednym z najbardziej pożądanych języków przez pracodawców - poznając JavaScript na pewno łatwo znajdziesz pracę

Objaśnię Ci składnię JavaScript oraz nauczę tworzyć różnego rodzaju skrypty od ZERA, nie musisz posiadać żadnej wiedzy o JavaScript. Wystarczy, że znasz podstawy HTML i CSS, reszta zostanie Ci wytłumaczona. Po tym kursie będziesz pisał własne skrypty i aplikacje.

JavaScript warto nauczyć się również po to, aby poprawić pozytywne doświadczenia użytkowników na Twojej stronie co przełoży się na więcej odwiedzających oraz zadowolenie. A jak wiadomo zadowoleni użytkownicy = lepsza reputacja Twojej strony internetowej.

++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++

Ponad 21,000 studentów na Udemy uczy się z moich kursów. Dołącz do grupy zadowolonych Użytkowników. Jeśli mój kurs Ci się nie spodoba to pamiętaj, że masz aż 30 dni na to by uzyskać pełną refundację. Gwarantuję Ci 100% satysfakcji.

++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++

Jeśli masz jakiekolwiek pytania  związane z poruszonymi tematami w JavaScript to pisz śmiało, zawsze chętnie pomogę :)

Proszę zanim zakupisz kurs oglądnij darmowe lekcje! Nie kupuj kota w worku! Sprawdź jakość kursów przed zakupem!

Dołącz dziś i naucz się szybko i bezproblemowo JavaScript ze mną!

Who is the target audience?
  • Ten kurs przeznaczony jest dla studentów, którzy znają podstawy HTML i CSS. Nie musisz znać niczego dotyczącego JavaScript, aby zabrać się za ten kurs. Nawet jeśli znasz JavaScript to w późniejszych częściach kursu nauczysz się wiele nowych ciekawych rzeczy.
Students Who Viewed This Course Also Viewed
Curriculum For This Course
72 Lectures
12:42:15
+
Wstęp
5 Lectures 29:07
  • W tej lekcji dowiesz się czym jest Javascript oraz co będziesz potrafił po tym kursie.
Preview 07:20

W jaki sposób zabrać się do mojego kursu JavaScript, aby wynieść z tego jak najwięcej korzyści?

Preview 00:59

  • Dowiesz się jak ściągnąć oraz zainstalować edytor w którym będziemy pracować.
Preview 04:33

  • Nauczysz się jak stworzyć projekt oraz jak tworzyć strukturę plików, aby Twój projekt był łatwy w obsłudze.
Preview 05:32

  • 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.
Najczęściej używane skróty klawiaturowe przez web developerów
10:43
+
Podstawy
4 Lectures 48:41
  • 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!
Preview 15:44

  • 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
Preview 06:38

  • Czym są, jak tworzyć oraz po co są komentarze?
Preview 03:23

  • 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?
Preview 22:56

Podstawy | Quiz
5 questions
+
Operatory
3 Lectures 24:51
  • 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)
Operatory arytmetyczne
11:31

  • Dowiesz się czym są oraz jak korzystać z operatorów porównania oraz kiedy warto z nich korzystać.
Operatory relacyjne (porównania)
06:23

  • Dowiesz się czym są, jak stosować oraz po co stosować operatory logiczne. Poznasz i zrozumiesz pojęcia negacji, koniunkcji oraz alternatywy.
Operatory logiczne
06:57

Operatory | Quiz
9 questions
+
Instrukcje warunkowe
3 Lectures 18:23
  • Dowiesz się czym są, kiedy oraz jak korzystać z instrukcji warunkowych. Dodatkowo dowiesz się do czego służą klamrowe znaki.
Instrukcje warunkowe
09:15

  • W tej lekcji poznasz skróconą instrukcję warunkową if else czyli tzw. operator ? :. Pokażemy zastosowanie operatora na praktycznym przykładzie.
Skrócona instrukcja warunkowa if else
04:12

  • Dowiesz się czym jest switch, jak i kiedy z niego korzystać?
Switch
04:56

Instrukcje warunkowe | Quiz
4 questions
+
Funkcje
3 Lectures 36:26
  • 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?
Podstawy funkcji
18:46

  • 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ą.
Zasięg zmiennych / funkcji
07:33

  • Czym są funkcje anonimowe oraz jak przekazywać funkcje jako wartość zmiennej. Jak zwracać funkcję w funkcji.
Anonimowe funkcje i funkcje jako wartość zmiennej
10:07

Funkcje | Quiz
5 questions
+
Obiekty
3 Lectures 28:13
  • 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
Czym są obiekty oraz jak je tworzyć
14:59

  • Czym są funkcje konstrukcyjne oraz klasy i jak je tworzyć.
Funkcje konstrukcyjne (klasy)
07:50

  • Dowiesz się czym jest prototype i kiedy warto z niego korzystać.
Prototype - dodawanie nowych właściwości do klas z zewnątrz
05:24

Obiekty | Quiz
6 questions
+
Tablice
2 Lectures 32:43
  • 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?
Tablice (arrays)
14:50

  • Poznasz metody związane z obiektem Array, które przyspieszą Ci pracę z tablicami.
Przydatne metody obiektu Array
17:53

Tablice | Quiz
5 questions
+
Pętle
5 Lectures 39:25
  • 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.
Czym są pętle - pętla while i do while
15:21

  • Jak działa pętla for i jak z niej korzystać?
Pętla for
03:51

  • Dowiesz się do czego służy oraz jak działa instrukcja break i continue.
Instrukcja break i continue
06:38

  • Poznasz kolejną pętle służącą do szybkiego przejścia po wartościach obiektów.
Pętla for/in
07:22

Obiekt arguments - nielimitowana ilość argumentów

ĆWICZENIE: Obiekt arguments - nielimitowana ilość argumentów
06:13

Pętle | Quiz
5 questions
+
DOM (Document Object Model)
5 Lectures 51:55
  • 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.
DOM - budowa i przetwarzanie dokumentu HTML
22:03

  • 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.
querySelector - szybkie wybieranie elementów ze strony
06:44

  • Pokażę Ci jak np. ukryć element lub zastosować style do wielu elementów na raz w pętli.
Jak zmieniać style z pomocą JS
04:23

  • Jak dodawać oraz usuwać elementy z witryny? Poznasz metody createElement, appendChild, removeChild. Dowiesz się kiedy powinieneś stosować innerHTML, a kiedy createElement.
Dodawanie i usuwanie elementów z witryny
09:40

  • 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.
ĆWICZENIE: Pętla w pętli - stworzenie dynamicznie tabliczki mnożenia
09:05

DOM | Quiz
3 questions
+
Events - obsługa zdarzeń
11 Lectures 02:08:23
  • 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.
Eventy - zdarzenia
11:46

  • 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ą.
Odwoływanie się do właściwości elementu, który wywołał zdarzenie
05:55

  • 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.
WAŻNE!!! zdarzenie onload
02:55

  • 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ć.
addEventListener - nasłuchiwacze zdarzeń
16:50

  • 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.
Automatycznie przesyłany do funkcji obiekt Event
17:08

  • Dowiesz się czym jest oraz jak zatrzymać propagację tzw. bąbelkowanie eventów.
Propagacja - rozmnażanie się eventów
06:11

  • 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.
preventDefault - zapobieganie akcji zdarzeń
06:06

Zdarzenie onscroll - stwórz przycisk przesuwający do góry stronę

ĆW.: Zdarzenie onscroll - stwórz przycisk przesuwający do góry stronę
08:24

  • 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.
Zdarzenia myszki - przesuwanie elementów
12:34

  • 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.
Funkcje wykonywane po czasie - setTimeout i setInterval
25:00

  • 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".
ĆW.: Usprawnienie kodu z poprzedniej lekcji obiektowo
15:34

Events | Quiz
6 questions
13 More Sections
About the Instructor
Arkadiusz Włodarczyk
4.5 Average rating
3,096 Reviews
27,157 Students
13 Courses
Excellent teacher, Expert in Programming

I am the author of 27 very popular video courses about programming, web-development and math in Poland. I've also created 7 video courses in English. Over 25,000 people enrolled in my Udemy courses. I put all my heart into creation of courses. I always try to explain everything the easiest possible way. I'm sure that my courses will help you in the programming and web development adventure :)

I believe that everyone has the ability to develop software if they are taught properly. Including you. I'm going to give you the context of each new concept I teach you. After my course you will finally understand everything that you code.

I've been developing websites for over 15 years and I've been programming for over 10 years. I have enormous experience in that field and today I want to share with you my knowledge.

If you have any questions regarding any of the covered topics in my courses, please feel free to ask.