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 – https://twitter.com/MiroslawZelent
👉 Twitter DS – https://twitter.com/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-javascript/jquery-gra-w-pamiec

📑 REFAKTORYZACJA KODU NA FORUM:

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

🎵 MUZYKA:

Neutrin05 – In The Moment:



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: 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/

#pasjainformatyki #programowanie #kursjavascript

source by Pasja informatyki

javascript

Mourad ELGORMA

Fondateur de summarynetworks, passionné des nouvelles technologies et des métiers de Réseautique , Master en réseaux et système de télécommunications. ,j’ai affaire à Pascal, Delphi, Java, MATLAB, php …Connaissance du protocole TCP / IP, des applications Ethernet, des WLAN …Planification, installation et dépannage de problèmes de réseau informatique……Installez, configurez et dépannez les périphériques Cisco IOS. Surveillez les performances du réseau et isolez les défaillances du réseau. VLANs, protocoles de routage (RIPv2, EIGRP, OSPF.)…..Manipuler des systèmes embarqués (matériel et logiciel ex: Beaglebone Black)…Linux (Ubuntu, kali, serveur Mandriva Fedora, …). Microsoft (Windows, Windows Server 2003). ……Paquet tracer, GNS3, VMware Workstation, Virtual Box, Filezilla (client / serveur), EasyPhp, serveur Wamp,Le système de gestion WORDPRESS………Installation des caméras de surveillance ( technologie hikvision DVR………..). ,

32 réflexions sur “Kurs JavaScript odc. 5: Poznajemy jQuery. Gra w pamięć

  • janvier 14, 2022 à 9:01
    Permalien

    Kiedy zaczynałem oglądać Pańskie filmy od c++, średnio na 1 godzinę filmu potrzebowałem 2 godziny. Teraz, po półtora roku(i po 6-7 Pańskich playlistach) oglądam kolejne odcinki z prędkością 1.25 z pojedynczymi pauzami. Po prostu wszystko tłumaczone przez Pana wydaje mi się być tak proste i przejrzyste, że wystarczy siedzieć i chłonąć informacje! 😀
    Jest Pan wzorem dla wszystkich nauczycieli!

    Répondre
  • janvier 14, 2022 à 9:01
    Permalien

    Uwaga na bugi, proponuję "szybko" klikać (minimum 2 razy pod rząd) lewym przyciskiem myszki na pojedynczy kafelek – mimo że nie odkryjemy jego drugiego wystąpienia zniknie tak jakbyśmy odkryli jego "parę". I tak niezależnie od naszej pamięci staniemy się zwycięzcami już po 6 ruchach.

    Répondre
  • janvier 14, 2022 à 9:01
    Permalien

    Dzięki Pana filmom zmieniłam swój zawód, są genialne 🙂 Widziałam już wiele kursów, ale Pana filmy są najlepsze! Dziękuję za trud i czas, które Pan poświęcił żeby je przygotować.

    Répondre
  • janvier 14, 2022 à 9:01
    Permalien

    Wszytsko spoko 🙂 ale jak kilkam dwa razy w ta sama karte to tez mi zalicza i sie karta usuwa

    Répondre
  • janvier 14, 2022 à 9:01
    Permalien

    Czemu to nie działa tak jak powinno?

    for(i = 0;i < 12;i++)

    {

    var c = document.getElementById("c"+i);

    c.addEventListener("click", function() { revealCard(i); });

    }

    Répondre
  • janvier 14, 2022 à 9:01
    Permalien

    Będzie więcej odcinków z Javy czy to wszystko co nam może java zaoferować?

    Répondre
  • janvier 14, 2022 à 9:01
    Permalien

    Oglądam cię od chwili, i tutaj plus, bo z czasem zaczynasz pokazywać fajnego pazura w swoich żarcikach <3

    Répondre
  • janvier 14, 2022 à 9:01
    Permalien

    Może coś skopałem, ale przy kliknięciu dwa razy z rzędu na ten sam obrazek zniknął mi 🙂 ale dodałem 2 linijki i jest ok

    Répondre
  • janvier 14, 2022 à 9:01
    Permalien

    Bardzo dziękuję za poświęcony czas na przygotowanie video. Chciałbym mieć takiego nauczyciela jak Pan gdy byłem w technikum 🙂 Pozdrawiam

    Répondre
  • janvier 14, 2022 à 9:01
    Permalien

    gdybuś jeszcze reklamy usuną….

    🤨🤨🤨🤨🤨🤨🤨🤨🤨🤨🤨🤨🤨🤨🤨

    Répondre
  • janvier 14, 2022 à 9:01
    Permalien

    Szkoda ze tak mało kursów i odcinków nagrywasz Mirosławie chętnie udałby się do CB na „poważny” płatny kurs

    Répondre
  • janvier 14, 2022 à 9:01
    Permalien

    Poza tym wszystkim o czym wspomniałeś na końcu odcinka trzeba zmienić jeszcze jedną rzecz – usunąć błąd jaki się pojawia po kliknięciu dwa razy w jednej turze tego samego diva. wystarczy dodać jeden dodatkowy warunek if … else i w jednym dodatkowym miejscu przełączyć lock na false.

    Répondre
  • janvier 14, 2022 à 9:01
    Permalien

    Jeszcze jest dość poważny bug: jak klikniemy dwa razy ten sam obrazek to strona uzna to za dopasowanie i obrazek zniknie 😛

    Répondre
  • janvier 14, 2022 à 9:01
    Permalien

    Panie Mirosławie pan ma BARDZO BOGATĄ WIĘDZĘ odnoście programowania i umie wytłumaczyć każdej osobie niezależnie na jakim poziomie się znajduję. Oglądam od odc1 i z wielką chęcią przerabiam na nowo ćwiczenia ucząc się funkcjonalności Javascript. Pozdrawiam

    Répondre

Laisser un commentaire