JavaScript od Podstaw do Eksperta

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

Przećwicz zmienne obliczając cenę brutto dwóch produktów. Po zmianie VAT zobacz jak zmieni się cena.

Słowo kluczowe „const” to proste, ale bardzo przydatne narzędzie w języku JavaScript, które umożliwia tworzenie zmiennych, co do których można mieć pewność, że pozostaną niezmienione. Sprawia, że Twój kod jest bardziej niezawodny i łatwiejszy do zrozumienia. Ten wykład pozwoli Ci lepiej zrozumieć, kiedy i jak używać „const” w swoim kodzie oraz jak może pomóc Ci napisać łatwiejszy w utrzymaniu kod.

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

Kiedy stosować let, a kiedy stosować var?

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