Kurs JavaScript odc. 5: Poznajemy jQuery. Gra w pamięć

Javascript By Builder

Wesprzyj w Patronite ► https://patronite.pl/pasja-informatyki

[ 00:00:12 ] Tytułem wstępu
[ 00:01:58 ] Co to jest jQuery?
[ 00:04:55 ] Funkcja globalna
[ 00:06:07 ] Tworzenie uchwytów w jQuery
[ 00:08:05 ] Stosowanie metod w jQuery
[ 00:09:00 ] Co możemy wysłać do funkcji globalnej?
[ 00:10:20 ] Wartość zwracana z funkcji globalnej, obiekt jQuery
[ 00:13:00 ] Wygładzenie interakcji z hierarchią DOM
[ 00:14:27 ] Jaki projekt dzisiaj wykonamy?
[ 00:16:55 ] Początek pracy, pliki projektu
[ 00:18:55 ] HTML i CSS nagłówka witryny
[ 00:21:01 ] Stworzenie planszy do gry – 12 kart i licznik tur
[ 00:30:46 ] Tablica z rozmieszczeniem avatarów postaci
[ 00:34:27 ] Obsługa zdarzeń click, addEventListener()
[ 00:38:38 ] Porównanie onclick vs. addEventListener()
[ 00:44:50 ] Mechanika rozgrywki – odsłonięcie karty
[ 00:46:12 ] Podmiana obrazu tła karty w jQuery, metoda css()
[ 00:50:47 ] Metody: addClass(), removeClass(), toggleClass()
[ 00:55:04 ] Sprawdzenie czy karta jest pierwszą czy drugą odkrytą
[ 00:56:52 ] Zmiana wewnętrznego html elementu – metoda html()
[ 00:59:25 ] Decyzja o znalezieniu (bądź nie) pary kart
[ 01:02:10 ] Usunięcie trafionej pary z gry, zmiana opacity
[ 01:04:42 ] Opóźnienie reakcji skryptu – setTimeout()
[ 01:06:02 ] Upośledzenie kliknięcia na ukrytą kartę
[ 01:06:53 ] Metoda css() jako getter oraz jako setter
[ 01:09:34 ] Obsługa nietrafionej pary, zakrycie obu kart
[ 01:12:21 ] Blokada frywolnego odkrywania kart na planszy
[ 01:15:10 ] Sprawdzenie warunku zwyciężenia w grze
[ 01:18:07 ] Zadanie domowe – refaktoryzacja kodu
[ 01:20:26 ] Słowo końcowe
[ 01:20:52 ] Podsumowanie i informacje dodatkowe

▬▬▬▬▬▬▬▬▬▬▬ஜ۩۞۩ஜ▬▬▬▬▬▬▬▬▬▬▬▬

PLIKI DO ODCINKA:

http://miroslawzelent.pl/kurs-javascript/jquery-gra-w-pamiec

REFAKTORYZACJA KODU NA FORUM:

http://bit.ly/gra-w-pamiec-review

DOBROWOLNE WSPARCIE:

http://patronite.pl/pasja-informatyki
http://miroslawzelent.pl/dobrowolna-darowizna/

TRENAŻER EGZAMINACYJNY:

http://egzamin-informatyk.pl/

▬▬▬▬▬▬▬▬▬▬▬ஜ۩۞۩ஜ▬▬▬▬▬▬▬▬▬▬▬▬

MUZYKA:

Neutrin05 – In The Moment:

Tweets by Neutrin05
YouTube: http://bit.ly/2jBK6xc

Please, follow this awesome artist, ge totally deserves it!

A Creative Commons Attribution License (CC BY) states that the material can be shared, remixed and used commercially: http://bit.ly/CCAttribution

WSTAWKI O GWINTCIE:

ZaiberX: https://www.youtube.com/watch?v=QqHLJPsuctc
Xbox: https://www.youtube.com/watch?v=GCrFIiBWFqc
Kanał Gwinta: http://bit.ly/2f7RdKi
Oficjalna witryna gry: https://www.playgwent.com/pl/

▬▬▬▬▬▬▬▬▬▬▬ஜ۩۞۩ஜ▬▬▬▬▬▬▬▬▬▬▬▬

ZAPRASZAMY: