Kurs Javascript dla superbohaterów

Zanim zaczniemy...

• Wstęp - kilka słów na temat tego kursu
• Co to jest JavaScript i z czym to się je? - co to za język
• Wymagania - wymagania techniczne. Przeglądarka, edytor, debuger, zapał

Podstawy

• Debuger - jak używać debugera
• Wstawiamy skrypty na naszą stronę - jak wstawić skrypt na naszą stronę
• Typy danych - typy danych w JavaScript
• Zmienne - co to są zmienne, po co je stosujemy i jak ich używamy
• Operatory - operatory i równania z ich wykorzystaniem
• Obiekt Math - operacje matematyczne w Javascripcie
• Strings - operacje na różnych tekstach
• Instrukcje warunkowe - przebieg skryptu i warunki
• Pętle - czyli wszystko o powtórzeniach
• Funkcje - tworzenie i stosowanie funkcji + trochę o małżeństwie
• Tablice - co to są tablice i jak do nich podejść

Obiekty w JavaScript

• Obiekty i this - jak tworzyć własne obiekty
• Jak to działa - jak działają obiekty w JavaScript
• Konstruktor - jak tworzyć podobne obiekty
• Zaawansowane this - trochę więcej na temat this
• Dziedziczenie - dziedziczenie w JavaScript
• Object.create() - Inne sposoby tworzenia obiektów
• instanceof i hasOwnProperty - trochę na temat tych metod

DOM i zdarzenia

• Document Object Model - jak pobierać elementy ze strony
• Właściwości elementów - podstawowe właściwości elementów
• Relacje między elementami - przemieszczanie się miedzy elementami
• Tworzenie i usuwanie elementów - dynamiczne tworzenie, usuwanie i czyszczenie elementów
• Style CSS - praca ze stylami CSS
• Zdarzenia - czyli jak obsłużyć to co się dzieje
• Myszka - obsługa myszki w Javascripcie
• Praktycznie : Projekt TODO - tworzymy prostą aplikację TODO
• Praktycznie : Slider - tworzymy prosty slider
• Zadania z DOM - kilka zadań dla Ciebie

Prawie podstawy...

• Grafika na stronie - grafika na stronie
• setTimeout i setInterval - interwały w javascript
• praca z RWD - obsługa rwd z wykorzystaniem resize i matchMedia
• Okienka dialogowe - korzystanie z okienek dialogowych
• Windows - tworzenie nowych okien i ich formatowanie
• Obiekt Date - czyli zabawy z datą i czasem
• Obiekt Cookie - co to są ciasteczka i jak się je wypieka ;)
• Storage - localStorage i sessionStorage
• Wyrażenia regularne - wyrażenia regularne w JavaScript
• Formularze - obsługa formularzy i ich weryfikacja
• Praktycznie : walidacja formularzy - weryfikacja poprawności wprowadzanych danych
• Praktycznie : Tworzymy kalendarz - tworzymy datepicker

Ajax

• AJAX, REST, JavaScriptON - podstawy technologii AJAX
• XMLHttpRequest - użycie obiektu XMLHttpRequest do połączeń
• Fetch API - korzystamy z fetch dla połączeń
• Praktycznie : formularz kontaktowy - tworzymy dynamiczny formularz kontaktowy

ES6

• ES6 - kilka słów na temat EcmaScript 2015
• Webpack i babel - transpilacja kodu za pomocą Webpacka i Babel
• Funkcja strzałkowa - nowy, krótszy zapis funkcji
• Domyślne parametry, spread i rest - o parametrach funkcji, rozbijaniu tablic itp.
• Template strings - interpolacja stringów i nowe metody
• Destrukturyzacja - rozwalanie obiektów
• Obiekty w ES6 - nowości dla obiektów
• Klasy w ES6 - tworzenie klas dla obiektów
• Promises - obietnice w ES6
• Moduły - podział kodu na osobne pliki
• Symbole - nowy typ prosty w ES6

jQuery

• jQuery - podstawowe informacje na temat tej biblioteki
• Animacje w jQuery - animacje w jQuery
• Ajax w jQuery - ajax w jQuery
• Praktycznie : Ajax i JavaScriptON - ajax w jQuery wraz z JavaScriptON
• Praktycznie : Taby w jQuery - tworzymy zakładki w jQuery
• Praktycznie : Plugin w jQuery - piszemy plugin do jQuery

Canvas

• Canvas - rysowanie po płótnie w JavaScript
• Grafika w canvas - grafika w canvas
• Praktycznie : Paint w canvas - tworzymy aplikację do rysowania
• Animacja w canvas- animujemy Fantomasa

Gry

• Szubienica - tworzymy zgadywankę słów
• Memory - tworzymy grę w odsłanianie par obrazków

Dodatkowe materiały

• Dodatkowe materiały - linki do dodatkowych materiałów
• O autorze - kilka słów o autorze i super psie
• FAQ - często zadawane pytania
• Kontakt - kontakt z autorem