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

Поделиться
HTML-код
  • Опубликовано: 8 сен 2024
  • 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 - bit.ly/pasja-sub
    Jeśli masz ochotę wesprzeć to co robimy, to możesz:
    🖐 Zostać Patronem - patronite.pl/p...
    ☕️ Ufundować nam wirtualną kawę - buycoffee.to/p...
    👉 Fanpage na Facebooku - bit.ly/pasja-fb
    👉 Profil Patronite - patronite.pl/p...
    👉 Lista Patronów - pasja-informaty...
    👉 Donacje na blogu - miroslawzelent....
    👉 Harmonogram publikacji - bit.ly/pasja-ha...
    👉 Kontakt z nami - pasja-informaty...
    👉 Współpraca reklamowa - bit.ly/pasja-ws...
    👉 Kursy video dla technikum - pasja-informaty...
    👉 Blog informatyczny - miroslawzelent.pl
    👉 Trenażer egzaminacyjny - egzamin-informa...
    👉 Egzamin-E13.pl - egzamin-e13.pl
    👉 Forum dyskusyjne - forum.pasja-in...
    👉 Witryna podcastowa - podcast.pasja-i...
    👉 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:
    miroslawzelent....
    📑 REFAKTORYZACJA KODU NA FORUM:
    bit.ly/gra-w-pa...
    🎵 MUZYKA:
    Neutrin05 - In The Moment:
    / in-the-moment
    / neutrin05
    / neutrin05
    RUclips: 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: bit.ly/CCAttrib...
    Wstawki o grze Gwint:
    ZaiberX: • Wiedźmin 3 Trophy: Kol...
    Xbox: • GWENT: The Witcher Car...
    Kanał Gwinta: bit.ly/2f7RdKi
    Oficjalna witryna gry: www.playgwent....
    #pasjainformatyki #programowanie #kursjavascript

Комментарии • 236

  • @bjgjuiuguoojpoo
    @bjgjuiuguoojpoo 6 лет назад +89

    Mirosławowi Zelentowi - Naród. Chętnie bym się dorzucił do takiego pomnika. Naprawdę robi Pan świetną robotę! Dziękuję i pozdrawiam serdecznie! :)

  • @mczfender
    @mczfender 7 лет назад +55

    Panie Mirosławie, jak zwykle porządna dawka wiedzy. Dziękuję.

  • @DraaGooN
    @DraaGooN 7 лет назад +115

    Nauka programowania, z wykorzystaniem Gwinta? Genialne. Pozdrawiam Panie Mirosławie :)

    • @Pasjainformatyki
      @Pasjainformatyki  7 лет назад +13

      O, witam - dzięki za ten komentarz z soundtrackiem do Wiedźmina :) Pozdrawiam serdecznie

    • @DraaGooN
      @DraaGooN 7 лет назад +1

      Nie ma sprawy i również pozdrawiam :)

    • @patrykzatorski2909
      @patrykzatorski2909 7 лет назад +2

      odnaleziony jeden bug :) jesli nawala sie jak wsciekly mochikanin w jedna karte to ona "zninknie", bo w koncu cards[visiblenumber]=cards[number], poki co nie mam pomyslu jak temu zaradzic :), oraz klikajac w zniknieta karte dalej licznik par, maleje przez co mozemy wygrac klikajac caly czas w jedna karte

    • @Pasjainformatyki
      @Pasjainformatyki  7 лет назад +3

      Tak jest, właśnie dlatego istnieje wątek z refaktoryzacją kodu w ramach zadania domowego na forum (końcówka filmu) - zobaczymy ile osób również się zorientuje! Pozdrawiam, MZ

    • @marcinwachcinski1096
      @marcinwachcinski1096 7 лет назад

      Można np. stworzyć zmienną var cardClik = undefined; W funkcji revealCard robić cardClik = nr; a w funkcjach hide2Cards i restore2Cards ustawiać znów wartość początkową czyli undefined

  • @suchy6436
    @suchy6436 7 лет назад +118

    "jeb" XD

  • @SlawomirTNowak
    @SlawomirTNowak 2 года назад +2

    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.

  • @mr.sparrow9236
    @mr.sparrow9236 7 лет назад +5

    Panie Mirosławie dziękuję za udostępnienie filmu o Sloght Edge. To dzięki Panu sięgnąłem po tę książkę . Książka ta dała mi wiedzę i motywację dzięki której mam wrażenie że nie ma rzeczy niemożliwych. Już od ponad miesiąca codziennie realizuję swoje postanowienia takie jak ćwiczenia fizyczne czy czytanie 10 stron wartościowej książki (wcześniej zniechęcałem sie po kilku dniach) nawet w tej chwili spełniam jeden z nawyków szczęścia. Gdyby nie Pan nie poznałbym tej wielkiej mądrości jaka jest zawarta w dziele Jeffa Olsona. Pozdrawiam i życzę dalszych sukcesów w rozwoju osobistym jak i zawodowym.

  • @_Sparrowsky
    @_Sparrowsky 4 года назад +11

    Mam nadzieje, że jQuery #2 jest jeszcze w planach na kiedyś ;)

  • @sebastiangoras
    @sebastiangoras 7 лет назад +3

    Po ok 2 letniej przerwie dzieki Panu, znowu wróciłem do programowania. Z nowym bagażem doświadczeń, z świerzym nastawieniem i większą motywacją. Dziękuję

    • @maciulek15
      @maciulek15 7 лет назад

      Obyś w js pisał lepiej niż po polsku. Pozdrawiam Świeżaku

    • @sebastiangoras
      @sebastiangoras 7 лет назад +1

      Ach, faktycznie. Na szczęście w js przegladarka mnie zweryfikuje wiec js'owy "swierzak" nie zadziała poprawnie :)

  • @jakubparlej2216
    @jakubparlej2216 4 года назад +1

    Niesamowity kurs na wstęp do programowania w JavaScript! Dzięki 👍⚡

  • @wiktorwitkowski8782
    @wiktorwitkowski8782 4 года назад +1

    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! :D
    Jest Pan wzorem dla wszystkich nauczycieli!

  • @Damien31
    @Damien31 2 года назад

    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

  • @annagrusza2368
    @annagrusza2368 3 года назад +1

    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ć.

    • @Comodandooo
      @Comodandooo 3 года назад

      Pracujesz jako programista?

  • @bazejb1059
    @bazejb1059 5 лет назад +1

    Jak zwykle doskonale zrealizowany temat. Dziękuję :)

  • @mateuszcichocki1779
    @mateuszcichocki1779 7 лет назад +1

    Programowanie z panem Mirosławem zawsze wygląda tak łatwo i przyjemnie :D

  • @kamilwitkowski2521
    @kamilwitkowski2521 3 года назад +2

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

  • @pawec191
    @pawec191 2 года назад

    Dziękuję bardzo za taką pomoc i prace dla nas.

  • @longingheart77
    @longingheart77 7 лет назад +2

    Czekałem i się doczekałem :) Dziękuje Panie Mirosławie!

  • @katarzynateska6550
    @katarzynateska6550 5 лет назад

    Bardzo ciekawy materiał, z którego można dużo się dowiedzieć. Czekam z niecierpliwością na kolejne części z JavaScriptu.

  • @renegades4044
    @renegades4044 7 лет назад +3

    Pan Mirosław - nareszcie !

  • @adamjeziorski5959
    @adamjeziorski5959 6 лет назад +17

    ...no i te docinki na IE... bezcenne ;D

  • @zuluuu1586
    @zuluuu1586 7 лет назад +6

    God Bless Pasja Informatyki :)

  • @Damian1Ch93
    @Damian1Ch93 3 года назад +2

    Pozdrawiam :)

  • @Bodziszek96
    @Bodziszek96 7 лет назад +3

    odcinek z jQuery! super! akurat go się uczę :)

  • @danieldobrowolski3104
    @danieldobrowolski3104 3 года назад

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

  • @piotrawrynowicz2508
    @piotrawrynowicz2508 7 лет назад

    Wielkie dzięki za udostepienie podsumowania w opisie filmu :D

  • @mariuszkowalski1690
    @mariuszkowalski1690 7 лет назад +19

    Kolejny odc

  • @ReadyGooRay
    @ReadyGooRay 7 лет назад

    Mysle ze idzie pan w dobrym kierunku z kursami. Bardzo mi sie podoba fakt, ze wybiera pan technologie, ktore sa obecnie na czasie. Serdecznie pozdrawiam. Pana kibic i fan.

  • @radeq2578
    @radeq2578 7 лет назад +1

    Niedawno zacząłem oglądać ten kurs js i teraz kolejny odcinek

  • @MegaLeski
    @MegaLeski 7 лет назад +1

    Świetny film- jak każdy !!

  • @OloPK2
    @OloPK2 6 лет назад

    Swietny kurs, wlasciwie kazdy Wasz material to złoto. WINCYJ !!! :)

  • @volodymyrsanotskyi3473
    @volodymyrsanotskyi3473 3 года назад

    Dziękuję Panu za kurs!!!

  • @KamykTV123
    @KamykTV123 3 года назад +3

    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

  • @janekback
    @janekback 7 лет назад

    Akurat wczoraj zacząłem z JS, a tu kolejny odcinek jest Pan najlepszy, oby więcej tak dobry kursów.
    Chyle czoło panie Mirku. :)

  • @YT-Tony_Z
    @YT-Tony_Z 7 лет назад +4

    Panie Mirosławie, proszę o nowe odcinki c++. Dużo nauczyłem się na tym kanale i bardzo dziękuję:)

  • @brandonkron2013
    @brandonkron2013 4 года назад

    W grze jest bug. Browar dla tego kto pierwszy znajdzie Co do kursu / kursów to jedne z najlepszych jakie oglądałem. Dziękuję za poświęcony nam czas.

    • @patrykK1028
      @patrykK1028 2 года назад

      Jak klikniemy dwa razy ten sam obrazek to strona uzna to za dopasowanie i obrazek zniknie :P Zajęło tylko dwa lata

  • @nullzaq
    @nullzaq 7 лет назад

    kolejny odcinek, już się biorę za oglądanie, proponuje wspomnieć w którymś z kursów o adsense

  • @marcinbiaecki9731
    @marcinbiaecki9731 6 лет назад +1

    Świetny film! Dzięki :)

  • @PawelixonChalange
    @PawelixonChalange 3 года назад +1

    I love Pasja informatyki

  • @ukaszZalewskiLooker
    @ukaszZalewskiLooker 7 лет назад

    W dzisiejszym odcinku po angielsku zmienna obraz :) Jak zwykle ogromna dawka wiedzy w przyswajalnej wersji. Będzie co robić przez weekend

  • @shikamaru4271
    @shikamaru4271 3 года назад

    Dziękuję za ten kurs

  • @vosssy2028
    @vosssy2028 3 года назад

    Super

  • @pawelubieszachy5603
    @pawelubieszachy5603 4 года назад +5

    Kiedy można spodziewać się kolejnego odcinka JS? :))

  • @michazawalich208
    @michazawalich208 3 года назад +3

    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

  • @Nexon228
    @Nexon228 4 года назад +1

    super odcinek

  • @rafaglanc7137
    @rafaglanc7137 7 лет назад

    Zacząłem przygodę z front-endem dzięki Twoim kursom. Są świetne, bodajże jedne z najlepszych kursów. Nawet płatne kursy są o wiele gorszej "jakości". Jako samouk w tej dziedzinie, najbardziej doceniam wyjątkowe umiejętności nauczania i pasję tworzenia. Szczególnie że mój umysł jest dość oporny na wiedzę. :] Jeszcze 3 lata temu uczyłem się podstaw html, css, i wyświetlania "hello world" w document.write :) Czekałem z niecierpliwością na kolejne odcinki kursów. I w końcu jest... Tylko że teraz pisząc aplikacje webowe używam react lub angulara a do mniejszych projektów stron, js kompiluje z typescript (którego jeszcze się uczę). Swojego czasu jQuery było podstawą w budowie mojego kodu, teraz, nie wiem czemu ale używam tej biblioteki coraz mniej. Na dzień dzisiejszy przydały by mi się kursy zaawansowanego, obiektowego kodzenia. Poczynając od podstaw takich jak sposobach zabezpieczeń przed zewnętrznymi skryptami i bibliotekami, tworzenia kodu na modułach, rodzajach struktur javascriptu, swobodnej obsługi klas w es2015 i starszych wersjach js. Wiem że kursy tej jakości wymagają wiele zachodu i pracy. A że masz ich dość sporo to kontynuowanie każdego z nich będzie bardzo czasochłonnym zajęciem. Mimo to, liczę że poza podstawami "od zera" kiedyś dorzucisz kilka kursów dla powiedzmy średnio-zaawansowanych. Dla ludzi którzy chcieli by zająć się programowaniem na poważnie. W każdym bądź razie, jeszcze raz dzięki za filmy i wkład który włożyłeś. Pozdrawiam, Rafał.

  • @MemSczyzna
    @MemSczyzna 5 лет назад

    Dziękuje za świetny kurs

  • @kamilbobyk3322
    @kamilbobyk3322 6 лет назад +3

    zamiast (opacity, 0) można użyć (visibility, hidden) i wtedy już nie liczy po kliknięciu na ukryty

  • @mat.skalski
    @mat.skalski 4 года назад

    jeżeli chodzi o losowe ułożenie kart na początku to nie jest to refactor. Podstawowym założeniem refactoru jest to, że nie zmienia on dotychczasowych funkcjonalności. Losowe ułożenie kart na starcie to rozwój. Po drugie - refactoryzacja to nie code review. Refaktor to zmiana w kodzie, code review to tylko weryfikacja poprawności

  • @tomix2
    @tomix2 7 лет назад

    Bardzo pięknie tłumaczysz.

  • @mrtranzistor1239
    @mrtranzistor1239 7 лет назад

    Jak zawsze najlepsze !

  • @masztan
    @masztan 7 лет назад

    Obiekt jQuery zwrócony z selekcji elementów to obiekt typu "Array-like Objects". Zachowuje się jak tablica (ale nie można na nim robić wszystkich typowych operacji jak z tablicą) i ma dodatkowo wiele metod operujących na zawartości tej tablicy.

  • @James_Cook_Explorer
    @James_Cook_Explorer 4 года назад

    Super dydaktyka!

  • @kkr600
    @kkr600 6 лет назад +5

    dobrze zrozumiałem, że przy wywołaniu funkcji w html po onclick można odpalić tylko jedną? przecież używając średnika, można to robić bez limitu.
    onclick="funkcja1(); funkcja2(); funkcja3();"

    • @hipstersavage
      @hipstersavage 5 лет назад +1

      Również zwróciłem na to uwagę :) - Nawet Pan Zelent popełnia czasem jakąś gafę :)

  • @matm8053
    @matm8053 6 лет назад

    Oby więcej takich odcinków.

  • @congrim
    @congrim 6 лет назад

    Problem z opacity można łatwo wyeliminować przez ustawienie artybutu "visibility" na "hidden", zamiast opacity

  • @justinjoy7623
    @justinjoy7623 7 лет назад

    Dzięki Mistrzu za kolejny Dan :D

  • @mypiano4033
    @mypiano4033 7 лет назад

    Świetny odcinek, jak zwykle zawierający wiele zrozumienia. Zauważyć tylko chciałem, że zabrakło sprawdzania, czy ktoś nie kliknął na kartę dwukrotnie. Przez to grę idzie przejść po prostu klikając na każdą po kolei, a co gorsza, jeśli ktoś zrobi to przypadkiem, to nie będzie mógł jej dokończyć. Pozdrawiam :)
    PS. Dla zainteresowanych dodam, że wystarczy sprawdzić, w przypadku wybrania drugiej karty, czy zmienna nr jest różna od visible_nr. Na przykład dodać "if(nr == visible_nr) return;" w 73 linijce pliku memory.js z folderu "koniec pracy".

    • @Pasjainformatyki
      @Pasjainformatyki  7 лет назад

      Tak jest, właśnie dlatego istnieje wątek z refaktoryzacją kodu w ramach zadania domowego na forum (końcówka filmu) - zobaczymy ile osób również się zorientuje! Pozdrawiam, MZ

  • @Mistrz14PL
    @Mistrz14PL 4 года назад +1

    Znalazłem Buga! :D Gdy spróbujemy dwa razy odkryć tą samą kartę dzieją się dziwne rzeczy :) Oczywiście już wiemy jak to poprawić ;) (easter egg ??) :p

  • @wiktorPSD
    @wiktorPSD 6 лет назад +1

    super film ;)

  • @kubuk123321
    @kubuk123321 6 лет назад

    Dzień dobry
    Planuję wyjechać za granicę, konkretnie do Irlandii, i tam spróbować jako programista.
    Może po części opiszę siebie. Kilka dni temu obroniłem inżyniera. Nie są to studia typowo informatyczne, ale pokrewne, konkretnie automatyka i robotyka. Na studiach programowałem głównie mikrokontrolery w C, pod koniec zacząłem uczyć się na własną rękę obiektówki w C++ i to mnie najbardziej zainteresowało, konkretnie obiektowość. Od bardzo niedawna uczę się Javy, gdzie obiektówka jest na porządku dziennym i już wiem, że chcę kontynuować naukę właśnie tego języka. Problem w tym, że nie mam żadnego doświadczenia komercyjnego w żadnym języku, jedynie to co na studiach.
    Mój angielski jest mniej więcej na poziomie B2, mam nauczyciela na skype z którym staram się rozmawiać 2 razy w tygodniu oraz czytam i uczę się w domu.
    I tutaj moje pytania. Czy według Pana lepiej uczyć się w domu Javy i ewentualnie próbować na staż/juniora, czy lepiej od razu wyjechać do Irlandii, tam podszkolić angielski, przeboleć kilka miesięcy w pracy nie związanej z zawodem, a wieczorami przyuczać się programowania w domu i później próbować znaleźć pracę jako programista?
    Irlandię wybieram dlatego, że mam tam znajomego, na początku możemy razem mieszkać i powoli czegoś szukać, co zmniejszy koszty.
    Co do Polski to słyszałem kilka opinii, że na juniorów raczej nie ma problemów z przyjęciem, nawet bez doświadczenia, a w pracy przydzielają mentora, który prowadzi i doradza jak i co robić. Słyszał Pan o czymś takim? Faktycznie jest szansa na znalezienie takiej pracy jako Junior?
    Wie Pan może czy w Irlandii też jest taka możliwość?
    Ewentualnie jaką drogę poleca Pan na początek kariery programisty?
    Jeśli ktoś z forum ma podobne doświadczenie to proszę o podzielenie się wiedzą.
    Pozdrawiam

  • @albertpiekielny4952
    @albertpiekielny4952 5 лет назад +5

    Bugi'em pojawiającym się w programie jest fakt zniknięcia karty kiedy 2 razy klikniemy na tą samą kartę ;) Rozwiązanie trywialne ;)

  • @marcinmachnik6928
    @marcinmachnik6928 4 года назад

    swietny kurs

  • @zaq12wsxqwop
    @zaq12wsxqwop 7 лет назад +2

    Jak klikniesz dwa razy w tę samą kartę to będzie błąd bo wywołasz funkcję z tymi samymi numerami

  • @ShowUptv1
    @ShowUptv1 7 лет назад

    Bardzo fajnie podane

  • @xMsDanielx
    @xMsDanielx 7 лет назад +1

    Z Ciekawości obejrzałem kawałek bo przerobieniu jakiś czas temu obiektówki w Cpp . Musze przyznać , że zmienił się trochę Panu głos przez te 3 lata. Taki trochę cichszy i trochę zaciągaja Pan końcówki :) Oczywiście głos nadal intrygujący i niesamowicie ciepły. Pozdrawiam :)

  • @longingheart77
    @longingheart77 7 лет назад +31

    #Team Yen

  • @suchy6436
    @suchy6436 7 лет назад +2

    Tęskniłem 💖 XD

  • @tomaszbieniek3774
    @tomaszbieniek3774 6 лет назад

    00:38:25 - można zapisać to też używając wyrażenia lamda ( funkcja anonimowa) c0.addEventListener("click", () => revealCard(0));

  • @krzysztofjuszczak906
    @krzysztofjuszczak906 7 лет назад +25

    Kto czekał tyle na odcinek?

  • @xpawcio9677
    @xpawcio9677 7 лет назад +1

    Polecam

  • @xFilipW
    @xFilipW 3 года назад +1

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

  • @James_Cook_Explorer
    @James_Cook_Explorer 4 года назад +1

    Czekam na inne frameworki :)

  • @xxxberetxxx
    @xxxberetxxx 7 лет назад +1

    Podwójne klikniecie na obrazek można łatwo wyeliminowac takim warunkiem
    if(opacityValue == 0 || lock == true || visible_nr == nr)
    return;
    są tutaj połącząne 3 warunki przerwania funkcji revealCard, troche inny sposób niż na filmie ;)

    • @Poyters
      @Poyters 6 лет назад

      Bardzo brzydki kod, pozdrawiam słodziutko

  • @krempuss9949
    @krempuss9949 7 лет назад +1

    Jak zawsze genialnie! Skoro każdy o coś prosi w komentarzu, to nie będę gorszy i czy można liczyć na kurs Pythona z Pańskiej strony? Pozdrawiam :))

  • @1domin0
    @1domin0 7 лет назад +1

    Kolejny odcinek

  • @henrykbak7146
    @henrykbak7146 2 года назад

    Nigdzie nie wytłumaczono dlaczego teraz link do javascriptu dodajemy w sekcji body. Wcześniejsze dodawaliśmy do head.

  • @DMKano87
    @DMKano87 4 года назад

    Jeśli chodzi o blokadę "lock", to czy nie lepiej będzie ją przestawić na "true" dopiero kiedy "oneVisible == true"? Czyli wtedy kiedy druga karta jest odkryta? Wtedy wystarczy ją wyłączyć (przestawić na "false") tylko w dwóch miejscach. W funkcji "hide2Cards" i "restore2Cards"? Dla mnie takie rozwiązanie jest bardziej logiczne i oszczędne.

  • @klemens_gak
    @klemens_gak 5 лет назад

    Na stonie miroslawzelent.pl/ pan Miroslaw użył tego samego koloru "Gwindowego" jak do paska nawigacji na stronie.

  • @S1MXTV
    @S1MXTV 6 лет назад

    Na kanale brakuje mi kursu dotyczacego node.js (node.js, expressJS, MongoDB) lub / i angularJS co bylo by wedlug mnie idealnym rozwinieciem serii. Jezeli chodzi o html i css to boostrap, sass, itp. Moglybybyc rowniez cms'y typu WordPress, Joomla, PhpBB, Moodle itp. Na polskim RUclips niema wielu takich kursow, a jestem przekonany ze w Pana wydaniu byly by one dobrze przygotowane. Pozdrawiam

  • @MagTomcio
    @MagTomcio 7 лет назад

    Dzięki za kolejny świetny film :D Ale nie wytrzymam nie wypominając błędu... Także o ile wiem słowo 'obraz' nie występuje w języku angielskim, no chyba że coś się zmieniło. I to tyle, pozdrawiam.

  • @JanProfesorGorecki
    @JanProfesorGorecki 5 месяцев назад

    Polecam Jan Górecki

  • @Li0Us
    @Li0Us 7 лет назад +12

    Panie Mirosławie, czy będzie może kiedyś kurs Python?

  • @flowerish
    @flowerish 2 года назад

    57:44, moja pierwsza myśl to było: pewnie się będzie nazywała jakoś wolololo_secret_name-that_you=wouldNever_remember-because_itsTooLong

  • @gibkijasiu
    @gibkijasiu 4 года назад +2

    32:06 mam pytanko, bo w poprzednim filmie (odc 3) deklarowaliśmy tablice jako
    var tab = new Array(liczbaszufladek);
    Wytłumaczyłby mi ktoś dlaczego tu deklarujemy tak? :)
    var tab = [];

    • @wojciechduski6312
      @wojciechduski6312 4 года назад +1

      Wydaję mi się, że dlatego że podajemy elementy od razu . Nie ma różnicy czy byś wcześniej napisał var tab = new Array(12), a póżniej tab.push("ciri.png"); i tak 12 razy. Tylko skoro znasz od razu zmienne to nie ma potrzeby dodawać kolejnych 12 lini kodu. Jeśli się mylę to niech ktoś poprawi ;)

    • @gibkijasiu
      @gibkijasiu 4 года назад

      @@wojciechduski6312 dzięki :)

  • @witchofengineering
    @witchofengineering 7 лет назад +32

    Panie Mirosławie, co by Pan myślał o zrobieniu kursu C#?

    • @Thallnor93
      @Thallnor93 6 лет назад +1

      jesli chodzi o c# to polecam c# rusz głową

  • @zabawymatyldy6501
    @zabawymatyldy6501 3 года назад +1

    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.

  • @wiktorkrzesinski4078
    @wiktorkrzesinski4078 2 года назад

    #TeamZoltanAndRoche

  • @dominiksmeda7203
    @dominiksmeda7203 6 лет назад +2

    Panie Mirosławie, wiem że ma Pan dużo komentarzy do przesiewania każdego dnia dlatego szybko przejdę do meritum:
    1. Dziękuję za wszystkie odcinki jakie współtworzycie. c++, web, sieci, filozoficzne... oglądam z wielkim zainteresowaniem i popularyzuje w swoim Technikum.
    2. Może warto było by zrobić treści płatne(np. niektóre) jeżeli dało by to większą częstotliwość kursów? Wiem, ze byłą już taka inicjatywa i jesteście Panowie bardzo zajęci własnym rozwojem, nauką w technikum, dodatkowymi zleceniami i yt dlatego może taki sposób pogodził by niegasnący popyt u widzów i byłby z korzyścią dla Was? Oczywiście tak się tylko zastanawiam. Ja bym chętnie kupił :)
    Wielki Szacunek dla Was. Powinniście dostać dotację od państwa za tak ogromny wkład w edukację.
    i korzystając z okazji, życzę Wam wesołych i spokojnych Świąt!
    P.S. Dostanę serduszko?

    • @Pasjainformatyki
      @Pasjainformatyki  6 лет назад

      Dziękujemy serdecznie za miłe słowa i życzenie. Również Wesołych Świąt! Pozdrawiamy, DS, MZ

  • @_Misza_
    @_Misza_ 7 лет назад

    przy podwójnym kliknięciu w ten sam obrazek zaliczy nam trafienie i obrazek zniknie :)

  • @exploringcrypto6609
    @exploringcrypto6609 2 года назад

    jest jeszcze w końcowej wersji taki błąd że klikając 2 razy na 1 kartę ona znika. a można to bardzo łatwo poprawić.

  • @S1MXTV
    @S1MXTV 6 лет назад +1

    A może odcinek z js o TensorFlow?

  • @jahuoo90
    @jahuoo90 2 года назад +1

    Czy w roku 2022 nadal korzysta się z biblioteki jQuery??

  • @apadalis
    @apadalis 4 года назад

    Jaki to jest poziom? Podstawowy czy już średniozaawansowany? Tak z czystej ciekawości. Mam problem z klasyfikowaniem zaawansowania poziomu. Jeśli chodzi o jQuery to podstawy, a całość gry to jaki to jest poziom?

  • @Grzegorz0763
    @Grzegorz0763 Год назад

    JS 5 jest sprytna 🙂

  • @fixixi4982
    @fixixi4982 6 лет назад

    Znalazłem Buga: Jeżeli dwa razy klikniemy na jedną kartę w odpowiednim czasie to zaliczy nam, ponieważ np. "geralt.png" to, to samo co "geralt.png". Pozdrawiam ;)

  • @mateuszarciszewski4879
    @mateuszarciszewski4879 6 лет назад

    Dlaczego w 1:01:48 najpierw pokazuje się alert, a dopiero później zmienia się obraz karty, skoro w js metoda zmieniająca obraz po kliknięciu jest przed funkcją if w której sprawdzamy czy jest para czy nie... ? Myślałem że to może przez "transition" w css, ale po usunięciu dalej jest tak samo.

  • @dominiktargosz3094
    @dominiktargosz3094 5 лет назад +1

    Nie działało mi addEventListener. Przez godzinę próbowałem rozkminić o co chodzi. Wystarczyło obejrzeć kawałek dalej. Mój script umieściłem w w pomiędzy znacznikami :)

    • @delighter7238
      @delighter7238 4 года назад

      Zdarzyło mi się to samo, na szczęście mnie uratowałeś, chwała Ci :D

  • @anonimowyanonim7629
    @anonimowyanonim7629 Год назад

    Jedyne czego mi tu brakuję to to, że jak naciśniesz dwa razy tą samą kartę, to program uzna to za parę.

  • @onciaq
    @onciaq Год назад

    A ja mam problem. Tworzymy zmienna 'oneVisible' i nadajemy jej wartość 'false' no ale skad komputer tak naprawde wie o co chodzi? ze chodzi konkretnie o widoczność karty a nie o cos innego?

  • @MikoajBubacz
    @MikoajBubacz 7 лет назад +5

    Yenefer