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

[@bjgjuiuguoojpoo]

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

[@mczfender]

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

[@Damien31]

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]

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

[@KommodusMaximus]

Pracujesz jako programista?

[@mr.sparrow9236]

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.

[@wiktorwitkowski8782]

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!

[@sebastiangoras]

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]

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

[@sebastiangoras]

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

[@bazejb1059]

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

[@katarzynateska6550]

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

[@pawec191]

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

[@jakubparlej2216]

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

[@SlawomirTNowak]

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.

[@kamilwitkowski2521]

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

[@mateuszcichocki1779]

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

[@ReadyGooRay]

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.

[@danieldobrowolski3104]

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

[@longingheart77]

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

[@janekback]

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. :)

[@_Sparrowsky]

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

[@piotrawrynowicz2508]

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

[@brandonkron2013]

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]

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

[@nullzaq]

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

[@renegades4044]

Pan Mirosław - nareszcie !

[@OloPK2]

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

[@zuluuu1586]

God Bless Pasja Informatyki :)

[@ukaszZalewskiLooker]

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

[@Bodziszek96]

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

[@tomaszbieniek3774]

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

[@radeq2578]

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

[@MegaLeski]

Świetny film- jak każdy !!

[@suchy6436]

"jeb" XD

[@rafaglanc7137]

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

[@volodymyrsanotskyi3473]

Dziękuję Panu za kurs!!!

[@YT-Tony_Z]

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

[@adamjeziorski5959]

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

[@PawelixonChalange]

I love Pasja informatyki

[@marcinbiaecki9731]

Świetny film! Dzięki :)

[@masztan]

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.

[@shikamaru4271]

Dziękuję za ten kurs

[@michazawalich208]

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

[@mariuszkowalski1690]

Kolejny odc

[@KamykTV123]

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

[@szach-mat-874]

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

[@kamilbobyk3322]

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

[@MemSczyzna]

Dziękuje za świetny kurs

[@tomix2]

Bardzo pięknie tłumaczysz.

[@Damian1Ch93]

Pozdrawiam :)

[@mrtranzistor1239]

Jak zawsze najlepsze !

[@congrim]

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

[@pawelubieszachy5603]

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

[@gibkijasiu]

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]

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]

@@wojciechduski6312 dzięki :)

[@zabawymatyldy6501]

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.

[@justinjoy7623]

Dzięki Mistrzu za kolejny Dan :D

[@mateuszarciszewski4879]

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.

[@kubuk123321]

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

[@agnieszkamadea6103]

Jaką podjąłeś decyzję?

[@Nexon228]

super odcinek

[@matm8053]

Oby więcej takich odcinków.

[@James_Cook_Explorer]

Super dydaktyka!

[@mypiano4033]

Ś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]

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

[@kkr600]

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]

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

[@krzysztofjuszczak906]

Kto czekał tyle na odcinek?

[@dawidgrudziecki1156]

tzn. ile? :P

[@arekk6470]

ja też tyle

[@zaq12wsxqwop]

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

[@flowerish]

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

[@xMsDanielx]

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

[@marcinmachnik6928]

swietny kurs

[@xxxberetxxx]

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]

Bardzo brzydki kod, pozdrawiam słodziutko

[@mienislav]

Jedna uwaga: proponuję nie używać biblioteki JQuery na początku nauki. Spokojnie wystarcza metoda document.querySelector("wyrażenie"), które robi dokładnie to samo, a przy okazji nie obciąża użytkownika kolejną porcją zasobów (JQuery ma w sobie ponad 10 000 linijek kodu!).

[@DMKano87]

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.

[@ShowUptv1]

Bardzo fajnie podane

[@henrykbak7146]

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

[@Mistrz14PL]

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

[@krempuss9949]

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

[@klemens_gak]

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

[@albertpiekielny4952]

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

[@witchofengineering]

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

[@Thallnor93]

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

[@Grzegorz0763]

JS 5 jest sprytna 🙂

[@vosssy2028]

Super

[@xFilipW]

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

[@_Misza_]

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

[@exploringcrypto6609]

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

[@wiktorPSD]

super film ;)

[@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?

[@bartoszmoszczynski5675]

Zakładka: 50:37 :)

[@dominiktargosz3094]

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]

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

[@fixixi4982]

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 ;)

[@patrykK1028]

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

[@MagTomcio]

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.

[@S1MXTV]

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 KZbin niema wielu takich kursow, a jestem przekonany ze w Pana wydaniu byly by one dobrze przygotowane. Pozdrawiam

[@S1MXTV]

A może odcinek z js o TensorFlow?

[@suchy6436]

Tęskniłem 💖 XD

[@apadalis]

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?

[@vert3x560]

Ok. 40:00 A to nie jest tak, że można po prostu zrobić coś w tym stylu?: onclick="funckja();" function funkcja() { f1() f2() f3() } Bez żadnego udziwniania wywołałem jednym zdarzeniem 3 funkcje :\

[@owen19901]

Najlepiej jest to zrobic wg mnie w te sposob $card.on('click', function () { var $currentDiv = $(this).attr('alt') revealCard($currentDiv) }) tylko wczesniej dobrze jest dodac do kazdego elementu alt badz data attribute aby ponumerowac sobie divy. I w ten sposob mamy na wszystkich elemenatch podczepiony event .

[@mlecznyczeslaw]

Albo dodac atrybut np data-nr i pobrac go przy kiknieciu i o niego opierac wywolana funkcje

[@Li0Us]

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

[@yamasky489]

oj bedzie, bedzie

[@xpawcio9677]

Polecam

[@James_Cook_Explorer]

Czekam na inne frameworki :)

[@dawidgora7472]

Dlaczego gdy próbuje dodać funkcje addEventListener do określonego elementu np. document.getElementById("div1").addEventListener... wyskakuje mi błąd i działa mi tylko jak podlącze go do document?

[@1domin0]

Kolejny odcinek

[@ciach0_]

Mam pomysł, a może zrobiłby Pan zablokowywanie i odblokowywanie elementów jeżeli (nie) containują odpowiedniego tekstu? Wszelka pomoc byłaby szanowana.

[@Pasjainformatyki]

Zainteresuj się nadaniem polu atrybutu readonly albo disabled, np. w momencie gdy wartość w polu się zmienia. Pozdrawiam, MZ

[@maciejkmieciak2551]

A na forum pisali że jQuery jest już przestarzałe, że lepiej lecieć w czysty js, a potem uczyć się React

[@stepek75]

Bo to prawda, nie mniej jednak jQuery wciąż ma kilka użytecznych zastosowań.

[@reveryoungfo]

Jak znasz reacta/angulara (ogólnie modularność) to wtedy sam możesz sobie zrobić takie jQuery. Z tym, że wtedy nie używasz całej biblioteki, a jedynie tych rzeczy, które sobie dodasz. Jquery jest dobre tak samo jak Bootstrap - żeby zrobić coś na szybko, nie martwiąc się wykorzystanymi zasobami oraz szybkością działania danego kodu.

[@piotr4335]

Sebastian Mieszczańczyk Dzięki za szersze przedstawienie tematu :-)

[@cyntler-softwaredeveloper637]

A ja doradzę tak: dobrze nauczyć się Vanilla JS (czysty) -> Webpack+Babel+ES6 -> Vue.js. A co do jQuery... Wcale nie jest przestarzałe samo w sobie. To jest tylko BIBLIOTEKA, React również, ale ma inne przeznaczenie patrząc z perspektywy użytkownika (programisty).

[@longingheart77]

#Team Yen