KURS JAVASCRIPT DLA SUPERBOHATERÓWTRANSLATE THIS PAGE Kurs Javascript dla superbohaterów, artykuły, tutoriale, porady, zadania do wykonania, różne resursy i tegesy

KURS JAVASCRIPT

Operatory. Pisząc nasze skrypty nie raz i nie dwa będziemy wykonywać wiele równań. Część zapisów znamy z lekcji matematyki, natomiast w programowaniu pojawia nam się kilka specyficznych zapisów, które omówimy sobie poniżej.

KURS JAVASCRIPT

Destrukturyzacja. Dane z obiektów możemy wyciągać tak jak to robiliśmy do tej pory, czyli korzystając ze składni kropki lub kwadratowych nawiasów.Możemy też skorzystać z tak zwanego przypisania destrukturyzującego, czy też destrukturyzacji, która skraca zapis. //klasycznie const tab = ; //klasycznie const name1 = tab; const name2 = tab; //za pomocą

KURS JAVASCRIPT

Tablice. Wyobraź sobie, że musisz przechować 10 różnych wartości. Tworzysz więc 10 zmiennych. I wszystko jest w porządku do czasu, gdy dostajesz zadanie, by każdą taką zmienną zwiększyć

np. o 2.

KURS JAVASCRIPT

Kurs Javascript dla superbohaterów, artykuły, tutoriale, porady, zadania do wykonania HTML5 CANVAS CHEAT SHEET Colors, styles and shadows Attributes Name Type Default strokeStyle any black fillStyle any black shadowOffsetX float 0.0 shadowOffsetY

float 0.0

KURS JAVASCRIPT: TEST RESIZE Resize bez debounce() Zmień rozmiar okna najlepiej ustawiając debuger po prawej stronie i szybko zmieniając rozmiar strony. Powinieneś po chwili zaobserwować lagi.

PAINT - KURSJS.PL

Draw Line Rectangle Draw Line Rectangle Line Rectangle

OBSERVER TEST 2

Subscribe Unsubscribe. Subscribe Unsubscribe. Subscribe Unsubscribe

Unsubscribe

CLASS VS CONSTRUCTOR Class vs constructor constructor class Class vs constructor constructor class class KURS JAVASCRIPT DLA SUPERBOHATERÓWTRANSLATE THIS PAGE Kurs Javascript dla superbohaterów, artykuły, tutoriale, porady, zadania do wykonania, różne resursy i tegesy

KURS JAVASCRIPT

Operatory. Pisząc nasze skrypty nie raz i nie dwa będziemy wykonywać wiele równań. Część zapisów znamy z lekcji matematyki, natomiast w programowaniu pojawia nam się kilka specyficznych zapisów, które omówimy sobie poniżej.

KURS JAVASCRIPT

Destrukturyzacja. Dane z obiektów możemy wyciągać tak jak to robiliśmy do tej pory, czyli korzystając ze składni kropki lub kwadratowych nawiasów.Możemy też skorzystać z tak zwanego przypisania destrukturyzującego, czy też destrukturyzacji, która skraca zapis. //klasycznie const tab = ; //klasycznie const name1 = tab; const name2 = tab; //za pomocą

KURS JAVASCRIPT

Tablice. Wyobraź sobie, że musisz przechować 10 różnych wartości. Tworzysz więc 10 zmiennych. I wszystko jest w porządku do czasu, gdy dostajesz zadanie, by każdą taką zmienną zwiększyć

np. o 2.

KURS JAVASCRIPT

Kurs Javascript dla superbohaterów, artykuły, tutoriale, porady, zadania do wykonania HTML5 CANVAS CHEAT SHEET Colors, styles and shadows Attributes Name Type Default strokeStyle any black fillStyle any black shadowOffsetX float 0.0 shadowOffsetY

float 0.0

KURS JAVASCRIPT: TEST RESIZE Resize bez debounce() Zmień rozmiar okna najlepiej ustawiając debuger po prawej stronie i szybko zmieniając rozmiar strony. Powinieneś po chwili zaobserwować lagi.

PAINT - KURSJS.PL

Draw Line Rectangle Draw Line Rectangle Line Rectangle

OBSERVER TEST 2

Subscribe Unsubscribe. Subscribe Unsubscribe. Subscribe Unsubscribe

Unsubscribe

CLASS VS CONSTRUCTOR Class vs constructor constructor class Class vs constructor constructor class class KURS JAVASCRIPT DLA SUPERBOHATERÓWTRANSLATE THIS PAGE Kurs Javascript dla superbohaterów, artykuły, tutoriale, porady, zadania do wykonania, różne resursy i tegesy

KURS JAVASCRIPT

Operatory. Pisząc nasze skrypty nie raz i nie dwa będziemy wykonywać wiele równań. Część zapisów znamy z lekcji matematyki, natomiast w programowaniu pojawia nam się kilka specyficznych zapisów, które omówimy sobie poniżej.

KURS JAVASCRIPT

Kurs Javascript dla superbohaterów, artykuły, tutoriale, porady, zadania do wykonania

KURS JAVASCRIPT

Tablice. Wyobraź sobie, że musisz przechować 10 różnych wartości. Tworzysz więc 10 zmiennych. I wszystko jest w porządku do czasu, gdy dostajesz zadanie, by każdą taką zmienną zwiększyć

np. o 2.

KURS JAVASCRIPT

Kurs Javascript dla superbohaterów, artykuły, tutoriale, porady, zadania do wykonania

KURS JAVASCRIPT

Kurs Javascript dla superbohaterów, artykuły, tutoriale, porady, zadania do wykonania

KURS JAVASCRIPT

Obiekty i this. W JavaScript prawie wszystko jest obiektem, a my w naszych skryptach nie raz i nie dwa odwołujemy się do obiektów. Dla przykładu window, console, Math to typowe obiekty, które posiadają swoje metody i właściwości: . const tab = ; tab.length

//widzisz kropkę?

KURS JAVASCRIPT

Kurs Javascript dla superbohaterów, artykuły, tutoriale, porady, zadania do wykonania

KURS JAVASCRIPT

Funkcja strzałkowa. Funkcja strzałkowa to skrócony zapis wyrażenia funkcyjnego: const myFn = function() { } .sort(function(a, b) { }) To samo co powyżej mogę zapisać za

KURS JAVASCRIPT

Kurs Javascript dla superbohaterów, artykuły, tutoriale, porady, zadania do wykonania KURS JAVASCRIPT DLA SUPERBOHATERÓW Wpisz szukaną frazę: Szukaj

SŁOWEM WSTĘPU

* Wstęp - kilka słów na temat tego kursu * Narzędzia - narzędzia, które mogą nam się przydać w czasie pracy * O Javascript, wersjach itp - trochę na temat Javascript

PODSTAWY

* Debuger - jak używać debugera * Pierwszy skrypt - jak wstawić skrypt na naszą stronę * Komentarze - komentujemy kod * Okna dialogowe - korzystanie z okienek

dialogowych

* Zmienne - co to są zmienne, po co je stosujemy i jak ich używamy * Operatory - operatory i równania z ich wykorzystaniem * Instrukcje warunkowe - przebieg skryptu i

warunki

* Pętle for i while - czyli wszystko o powtórzeniach * Typy danych i konwersja - typy danych w JavaScript i ich konwersja * Number i Math - operacje matematyczne w Javascript * String - teksty - operacje na

różnych tekstach

* Array - tablice - co to są tablice i jak do nich podejść * Funkcje - tworzenie i

stosowanie funkcji

* Debugowanie kodu - jak radzić sobie z błędami w kodzie

OBIEKTY

* Obiekty i this - jak tworzyć własne

obiekty

* Konstruktor - jak tworzyć podobne

obiekty

* Class - tworzenie klas dla obiektów * Dziedziczenie w Javascript - jak działają obiekty w

JavaScript

* Konstruktor - dziedziczenie

- dziedziczenie w

JavaScript

* Class - dziedzicznie - dziedziczenie za pomocą class * Trochę więcej o this - trochę więcej na

temat this

* Hermetyzacja kodu - zabezpieczenie kodu przed niepowołanym dostępem * Object.create() - inne sposoby na tworzenie obiektów * Zarządzanie pamięcią - jak Javascript zarządza pamięcią * Map i Set - używanie map i set * Symbole - obsługa nowych typów danych * Iteratory i generatory - iterowanie po różnych strukturach

DOM

* 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 * CSS i Javascript - praca ze stylami CSS * Zdarzenia - czyli jak obsłużyć to co

się dzieje

* Zdarzenia - klawisze - obsługa klawiszy w Javascripcie * Zdarzenia - myszka - obsługa myszki w Javascripcie * Projekt TODO - tworzymy prostą

aplikację TODO

* Tworzymy slider - tworzymy prosty slider

TEMATY RÓŻNE

* strict mode - włączamy lepszy tryb dla naszych skryptów * Funkcje - tematy dodatkowe

- zasięg

zmiennych, closures, IIFE * Funkcja strzałkowa - nowy,

zapis funkcji

* Tablice - tematy dodatkowe

- metody do

robienia pętli po tablicach * setTimeout i setInterval - interwały w javascript * Praca z RWD - obsługa rwd z wykorzystaniem resize

i matchMedia

* Tworzenie nowych okien - tworzenie nowych okien i

ich formatowanie

* Grafika na stronie -

grafika na stronie

* Wyrażenia regularne - wyrażenia regularne w

JavaScript

* Webpack i Babel - transpilacja kodu za pomocą Webpacka i Babel * Spread i rest - o rozbijaniu tablic, stringów, zbieraniu parametrów itp. * Destrukturyzacja - rozwalanie

obiektów

* Template strings - interpolacja stringów i nowe metody * Moduły - podział kodu na osobne pliki PRZECHOWYWANIE DANYCH * Cookies - co to są ciasteczka i jak

się je wypieka ;)

* Storage - localStorage i

sessionStorage

DATA I CZAS

* Obiekt Date - czyli zabawy z datą i czasem * Tworzymy kalendarz - tworzymy

datepicker

ASYNCHRONICZNOŚĆ

* AJAX, REST, JSON - podstawowe pojęcia * Serwer lokalny i json-server - Serwer lokalny i json-server * XMLHttpRequest - użycie obiektu XMLHttpRequest do połączeń * Callback i Promises - obietnice w ES6 * Fetch API - korzystamy z fetch dla

połączeń

* Async / Await - nowszy zapis kodu

asynchronicznego

FORMULARZE

* Formularze - obsługa formularzy

i ich elementów

* Formularze - walidacja - weryfikacja wprowadzanych danych * Formularze - constrains validation API

- korzystamy z

Contrains Validation API * Dynamiczny formularz kontaktowy - Dynamiczny formularz

kontaktowy

* Formularze - walidacja wielu pól

- tworzymy automat

do walidacji formularzy

JQUERY

* jQuery - podstawowe informacje na temat

tej biblioteki

* Animacje w jQuery - animacje w

jQuery

* Ajax w jQuery - ajax w jQuery * Własny plugin do jQuery - piszemy plugin do jQuery

CANVAS

* Canvas - rysowanie po płótnie w

JavaScript

* Grafika w canvas - grafika w

canvas

* Tworzymy paint w canvas -

animujemy Fantomasa

* Animacja w canvas - tworzymy aplikację do rysowania

GRY

* Szubienica - tworzymy zgadywankę

słów

* Memory - tworzymy grę w odsłanianie par obrazków

DODATKOWE

* Dodatkowe materiały - linki do dodatkowych materiałów * FAQ - często zadawane pytania * Polityka prywatności - trochę

biurokracji

* O autorze - kilka słów o autorze i super psie * Kontakt - kontakt z autorem Kurs Javascript dla superbohaterów autorstwa Marcina Domańskiego

.

www.domanart.pl  ●  kontakt@kursjs.pl Przewiń do początku strony