JavaScript od Podstaw do Eksperta

• W tej lekcji dowiesz się czym jest Javascript oraz co będziesz potrafił po tym kursie.

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

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

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

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

• 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!

• 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

• Czym są, jak tworzyć oraz po co są komentarze?

• 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?

• 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)

• Dowiesz się czym są oraz jak korzystać z operatorów porównania oraz kiedy warto z nich korzystać.

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

• Dowiesz się czym są, kiedy oraz jak korzystać z instrukcji warunkowych. Dodatkowo dowiesz się do czego służą klamrowe znaki.

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

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

• 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?

• 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ą.

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

• 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ą funkcje konstrukcyjne oraz klasy i jak je tworzyć.

• Dowiesz się czym jest prototype i kiedy warto z niego korzystać.

• 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 metody związane z obiektem Array, które przyspieszą Ci pracę z tablicami.

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

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

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

• Poznasz kolejną pętle służącą do szybkiego przejścia po wartościach obiektów.

Obiekt arguments - nielimitowana ilość argumentów

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

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

• Pokażę Ci jak np. ukryć element lub zastosować style do wielu elementów na raz w pętli.

• Jak dodawać oraz usuwać elementy z witryny? Poznasz metody createElement, appendChild, removeChild. Dowiesz się kiedy powinieneś stosować innerHTML, a kiedy createElement.

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

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

• 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ą.

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

Skrypty, które OPERUJĄ na elementach strony powinny wczytać się DOPIERO PO wczytaniu się całej strony.

Jednak jeśli nie skorzysta się w window.onload to wtedy czasem zdarzy się, że skrypt wczyta się ZANIM wczyta się strona i skrypt zgłupieje bo będzie próbował odczytać coś czego jeszcze nie ma przez co skrypt wcale nie zadziała.

Pozdrawiam serdecznie,

Arkadiusz W.

• 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ć.

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

• Dowiesz się czym jest oraz jak zatrzymać propagację tzw. bąbelkowanie eventów.

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

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

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

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

• 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".

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

• 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?

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

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

• W jaki sposób obsługiwać rozwijane pole wyboru przez Javascript? Jak sprawdzić, który element został wybrany. Jak wykorzystać wybrane dane?

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

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

• W tej lekcji przetrenujesz poznane wiadomości z poprzedniej lekcji ucząc się jak sprawdzić czy hasło jest wystarczająco mocne.

• 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ą.

• W tej lekcji trenujemy obiekt Date tworząc zegarek na stronie.

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

• Nauczę Cię jak napisać trzy bardzo przydatne funkcje, które przyspieszą Ci pracę podczas dodawania, usuwania oraz pobierania cookies.

• 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ł.

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

• Poznasz najważniejsze funkcje matematyczne służące do zaokrąglania liczb, tworzenia potęgi, losowania liczb etc.

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

• Dowiesz się jak pobrać i zmienić URL użytkownika na praktycznym przykładzie. Poznasz właściwość location.

• 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 ć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.

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

• Poznasz sposób na tworzenie dowolnych animacji z pomocą metody setInterval.

• Dowiesz się jak zrobić galerię obrazków z miniaturkami. Gdy najedziesz na miniaturkę to pojawi się nowy powiększony obrazek.

• 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ą.

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