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

Jeżeli masz ochotę zobaczyć więcej naszych filmów, podcastów i artykułów w coraz lepszej jakości, to zachęcamy do pozostawienia subskrypcji, a także do odwiedzenia prowadzonych przez nas witryn oraz do polubienia fanpage'u Pasji informatyki na Facebooku.

🔔 Subskrybuj - http://bit.ly/pasja-sub

Jeśli masz ochotę wesprzeć to co robimy, to możesz:

🖐 Zostać Patronem - https://patronite.pl/pasja-informatyki
☕️ Ufundować nam wirtualną kawę - https://buycoffee.to/pasja-informatyki

👉 Fanpage na Facebooku - http://bit.ly/pasja-fb
👉 Profil Patronite - https://patronite.pl/pasja-informatyki
👉 Lista Patronów - http://pasja-informatyki.pl/patroni
👉 Donacje na blogu - http://miroslawzelent.pl/donate
👉 Harmonogram publikacji - http://bit.ly/pasja-harmonogram
👉 Kontakt z nami - http://pasja-informatyki.pl/kontakt/
👉 Współpraca reklamowa - http://bit.ly/pasja-wspolpraca
👉 Kursy video dla technikum - http://pasja-informatyki.pl
👉 Blog informatyczny - http://miroslawzelent.pl
👉 Trenażer egzaminacyjny - http://egzamin-informatyk.pl
👉 Egzamin-E13.pl - http://egzamin-e13.pl
👉 Forum dyskusyjne - https://forum.pasja-informatyki.pl/
👉 Witryna podcastowa - http://podcast.pasja-informatyki.pl/
👉 Twitter MZ -   / miroslawzelent  
👉 Twitter DS -   / stelmach_damian  

🕐 TIMESTAMPS (CHWILE CZASOWE):

[ 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

💾 POBIERZ PLIKI Z ODCINKA:

http://miroslawzelent.pl/kurs-javascr...

📑 REFAKTORYZACJA KODU NA FORUM:

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

🎵 MUZYKA:

Neutrin05 - In The Moment:
  / in-the-moment  

  / neutrin05  
  / 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 grze Gwint:

ZaiberX:    • Wiedźmin 3 Trophy: Kolekcjoner kart (...  
Xbox:    • GWENT: The Witcher Card Game – Offici...  
Kanał Gwinta: http://bit.ly/2f7RdKi
Oficjalna witryna gry: https://www.playgwent.com/pl/

#pasjainformatyki #programowanie #kursjavascript