Реализация игры в пары на Javascript c использованием инструментов: классы, колбек-функции и экспорт/импорт. Часть 2: • Игра в пары на Javascr... 👁🗨 Телеграм: t.me/frontend_du2 👁🗨 Discord сервер: / discord 👁🗨 VK: frontend_du2
Александр, спасибо Вам за труды. Очень грамотная подача материала. У меня только один (вопрос? негодование?) по поводу курса от прекрасной образовательной платформы, благодаря которой, собственно, мы все здесь и собрались: почему человек на безвозмездной основе тратит часы своего времени на то, чтобы сделать для людей подробный разбор, а потолок скиллбокса - записать полчаса материала, которого не хватает, чтобы выполнить практическую работу? Почему я, заплатив 45 тысяч, должен потратить своё время и нервы на безуспешные попытки справиться с их задачами, а затем поиски и просмотр видосов от прекрасного человека Александра, чтобы что-то понять? Здесь человек рассказывает про классы, знание которых необходимо для решения задачи. А где классы у скиллбокса?.. А, точно, в "продвинутом" курсе, до которого мы ещё не дошли)))))))))))))))))))))))))) В общем, просто крик души. После того, как я кровью и потом осилю этот курс - ни одному человеку из моего окружения не посоветую скиллбокс. Заплати деньги за то, чтобы 90% времени обучения сидеть и гуглить информацию из открытых источников. Александр, повторюсь, огромное спасибо вам за труд, не принимайте ничего из мной написанного на свой счёт)
Здравствуйте, большое спасибо за ваш приятнейший отзыв. Я стараюсь записывать ролики, как можно понятнее. Пока что тоже этому учусь и для меня супер важно получать такой фидбек. На счет программы курса Skillbox мне сложно сказать. Но думаю, что курс обновляется с учетом отзывов и предложений. Надеюсь в скором времени обновления появятся. Я вас понимаю. Именно поэтому я делаю ролики с разбором практических работ )) Спасибо, что вы со мной
@@user-sv1oy8gx6r Скажу вам, уважаемый, что вы не правы - я лично прохожу сейчас обучение по курсу JS от скиллбокс и как раз дошел до дом.задания по созданию этой игры и могу со 100% уверенностью сказать, что все, что они дали к этому моменту в курсе достаточно, чтобы написать эту игру самому без посторонней помощи, и в доказательство к этому прилагаю ссылку на свою работу( в ней так же реализованы все доп.задания) !!!Измените пробелы на точки!!! drive google com/file/d/1SX61GxJAqJS662IHZxAxiSlYPUj0W2Lt/view?usp=share_link Можете убедиться, что таких больше нет и классы в ней не используются, теперь я о них знаю, изучу подрбнее и скорее всего буду использовать, но на тот момент я их не знал и так с др фишками - это удобно, никто не спорит, но можно и без них, да опытный человек может сделать код более красиво(как в видео, чувствуется разный уровень) - но факт есть факт, знаний в курсе достаточно для выполнения задания Я себе взял за принцип - не гуглить готовые решения заданий, а получить свой опыт и набить свои шишки...а тут я лишь для того, чтобы узнать как другие делают эту же работу - обменяться опытом, узнать что-то новое Уверен и Вас все получится, главное не сдаваться! Автору канала несомненно лайк и огромная благодарность за полезную информацию в доступной форме!
Даже когда в школе учишься приходится по библиотекам бегать! Я уверен, что ребята из скилбокса могли бы тебе каждую практическую работу разжевывать и класть в рот, но тогда бы ты не получил другие уникальные навыки. Гуглить тоже не так уж просто, откапывать нужную инфу из кучи мусора - это вообще талант. Так что не согласен с тобой, коллега)
Спасибо, что не оставляете студентов в столь трудный час)) После изучения Ваших роликов отдельно про классы, это видео было очень легко понять. Смотря Ваши уроки, настолько они полноценно выстроены, что теперь все реально становится на свои места и каждый следующий шаг дается намного легче.
Спасибо, что делитесь этим со мной ) Мне важно читать такие сообщение. Это мотивирует на дальнейшее создание роликов и показывает, что я движусь в нужном направлении. Тема классов получилась большой ) Требуется усидчивость, что бы посмотреть полностью )) Спасибо вам
Спасибо, я начинающий программист и вы мне очень помогли этим видео. С классами, set и get немного не поняла, но с радостью посмотрю ваши видео на эту тему. Вы дали мне толчок :) Удачи в развитии канала и контента. С меня лайк и подписка!
Спасибо за вашу поддержку и за подписку) очень надеюсь, что канал будет для вас интересен и а дальнейшем ) по теме классов записал серию роликов ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-H8G9quGGjZM.html надеюсь будет интересно, прошу прощения за долгий ответ) не всегда получается вовремя ответить ((
Вы помогаете нам, стать лучше в плане знаний, а мы Вашему каналу! Я уже подписан и ЛАЙК - ТОЧНО!!! Я два дня ломал голову и пытался сделать эту игру. Сначала сделал макет HTML потом застрял на JS. Смотрю это видео и удивляюсь как можно было все просто сделать. А я навертел..... Благодарю за новизну, таким образом мы немного растем и обрастаем опытом благодаря Вам, Александр. Видео про Callback, Array function, про Классы ОЧЕНЬ НУЖНЫ еще можно как работать, настраивать SASS или SCSS и чем разница и нужны ли они?
Спасибо большое за поддержку и активность. Это правда реально помогает. Уже 1000 подписчиков. Я этому очень рад. :) Да, способов решения этой задачи много. Главное, что бы вы понимали, как это сделано. Постарался показать что то новое. Обязательно сделаю видео по классам и колбэкам) Темы важные. SASS и SCSS - это практически одно и тоже. только формат записи чуть разный. В SASS для отображения вложенности используются отступы слева, а в SCSS классические фигурные скобки, как в CSS. Я в своей практике предпочитаю SCSS :)
Я сам учусь в скилбокс, сейчас буду делать данную практику , посмотрев ваше видео, я узнал много нового, рад что вы выпускаете данные видео, у вас хорошо получается рассказывать про js, хотелось бы увидеть ООП у вас, буду рад смотреть ваш канал и ставить лайкусики)
Уже записал видео по введению В ООП. Надеюсь оно вам понравится. Активность под видео в виде комментариев и лайков продвигает видео в рекомендации. Мне всегда очень нравится видеть это в статистике. Канал растет. Я буду стараться для вас :)
Хотелось бы оставить свой комментарий для данного видео. Сразу скажу, что этот комментарий - не критика, а личное мнение после просмотра и автору всё равно огромное спасибо за старания) Но я не понимаю, для чего было его усложнять? Не думаю, что данное видео предназначено для разработчиков выше уровня начинающих. Скорее, оно нацелено на менее опытную аудиторию, которая сначала хотят выучить и попрактиковать основы, а затем уже с хорошей базой знаний идти и учить новое. К сожалению, в голове произошёл некий сумбур и того, что реально мне сейчас могло бы помочь лучше понять язык не произошло, возможно, что я такой один, но что-то мне подсказывает, что нет :) В любом случае, благодарю за видео, продолжайте дальше в том же духе :) Успехов!
Здравствуйте, спасибо вам за этот комментарий. Если я правильно понял, то вы имели ввиду введение нового иструмента языка(Классы) ? Да, я долго думал о том, стоит это делать или нет. Но мне хотелось в этом видео показать что то новое и интересное. Да и колбеки тоже могут запутать ) По классам и колбекам я снял отдельные ролики, что бы ситуация стала более ясной. Согласен с вами, стремление сделать видео интереснее сделало его сложнее :) ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-H8G9quGGjZM.html ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-a6GAC4Ir9f8.html
Спасибо вам большое за разжевывание)) Первая половина видео прошла на ура!) Каша началась с момента введения колбэка, сеттеров и геттеров. Выскажу свое мнение: для начинающих чем проще код, тем лучше и более восприимчиво. Конечно, по мере изучения, приходится в любом случае усложняться, но на данном этапе думаю без этого можно было (прохожу курс в скилбоксе)
Все четко рассказано! 👍👍👍 время за просмотром летит незаметно!) Было бы круто посмотреть видео про классы и колбэк функции - в целом суть и принцип работы понятны, но хочется побольше примеров в различных реализациях - где как и что именно использовать)
Спасибо за отзыв :) рад, что материал даётся легко )) про классы придумал несколько примеров интересных. Думаю показать их. С колобками чуть проще. Это подкаплтная методика, но я обязательно придумаю интересный пример 😇
Очень хорошее видео, отдельное спасибо за новизну. Мне бы конечно хотелось для более глубокого понимания разжевывание каждого шага, но я понимаю что для этого нужно очень много времени. Спасибо.
хочу сказать огромное спасибо за разбор этого задания в skillbox. И да, чем больше таких познавательных видосов, тем лучше, в частности видео про колбэк - функции хотелось бы
Спасибо большое, рад что видео Вам понравилось))) Такой ролик уже есть : ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-a6GAC4Ir9f8.html надеюсь он Вам поможет 😊
То чувство, когда у меня код работает, а у автора видео нет )) и сидишь наблюдаешь когда же будет поймана ошибка )) Подробные видео по классам и колбэкам однозначно необходимы.
К сожалению не всегда быстро удается отвечать на сообщения. Да да. Я хотел писать код без подготовки. Мне показалось, что так будет интереснее. И так же рассказать что то новое :) По коллбекам готовлю видео. И конечно тема классов в планах. Спасибо за комментарий. Этот помогает двигать канал вверх в выдачи на ютую.
Здравствуйте, прошу прощения за долгий ответ. Сейчас я работаю над вводным курсом по JS для моего канала, так же планирую записать отдельно развёрнутое видео по классам, так как понимаю что для вас эта тема важна. Видео скоро будет на канале, благодарю за поддержку и отклик😊
Отличное видео! Понятнее и логичнее модулей в самом курсе. Не подскажите какой-нибудь сборник задач/самоучитель по практике js, для самостоятельного обучения? Огромное спасибо за ваше подробное объяснение всего в процессе написания кода, это очень помогает!
Очень подробно и понятно, но отошли от задания, в скилбоксе еще классы не проходили, а по правилам запрещено делать задания методами которые не прошли, потому полезно но скорей на будущее)
Здравствуйте, а вот скажите пожалуйста вот это приложение то что вы сделали ,вы сделали её в ООП стиле, в классовом. А ведь можно сделать ее в "обычном" javascript виде тоже. Я ни в чем не упрекаю вас, это хорошо , это прикольно, это супер ! Так можно сделать ведь с каждым заданием, зачем мучаться писать в обычном javascipte, если можно сделать через классы конструкторы ?! Но вот думаю я, если я буду учить javascript таким образом (через ООП, через Классы, конструкторы), не будет ли это "однобоким" изучением javascripta ?
Здравствуйте, спасибо за хороший вопрос. Я бы сказал, что классы и ООП - это хороший стиль. Есть разный стиль программирования. С классами, без классов. С функциями и без и тд. Я бы сказал, что ООП сейчас очень актуален и если вы его будете использовать в своей работе это будет только плюс. Но конечно задачу можно решить и обычными функциями :)
Большое спасибо за видео Александр скажите пожалуйста, почему вначале если сделать getElementById('game'), то все нормально работает, а если попробовать сделать getElementByClassName('game'), то будет ошибка?
Оч. хотелось бы знать - сколько "туристов" прошли этот курс без помощи Саши..... Мне кажется что здесь идет банальный отбор особо продвинутых - остальное отсев...Чем дальше, тем реальнее осознаешь собственную бестолковость. Только Саша - дает дополнительную мотивацию и капельку надежды на успех (в этом безнадежном деле!) Спасибо. ДРУГ!
А зачем использовать set y.... Если можно точно так же поменять значение y при записи newClassCard.y = 6. Ты так уже делал с переменной x. Еще вопрос: почему к переменной _open мы обращаемся this._open, а к _card обращаемся без нижнего подчеркивания this.card? В общем нужен подробный разбор классов)))
Привет. Класс с "y" был примером того, как можно создавать сеттеры и геттеры. Сеттер и геттер нужен нам для того, что бы обработать свойство перед его установкой или возвратом значений. Или произвести какое-то действие при установке этого значения. Этот очень удобно. Просто меняешь. свойство, а класс за нас все делает. "_y" - само свойство объекта - переменная хранения. Мы можем называть ее как угодно, но имя не должно совпадать с именем сеттера и геттера :) Иначе будет ошибка.
Добрый день! 1. Хотел уточнить только зачем в js объект сделали как бы отдельным типом данных? Т.е. можно создать объект, а можно экземпляр класса. Например, в с++ есть только объект, который создан из класса. Вообще в чем плюс отдельного обьекта без класса непонятно? 2. Игру сделал. Всё работает. Получилось красиво. Модуль сдал. Огромное спасибо.
Прошу прощения за долгое ожидание ответа, спасибо за очень хороший вопрос 👍 Действительно он основополагающий и объекты JS отличаются от того, какие объекты в других языках программирования. Объекты JS по сути это ассоциативные массивы , вместо индексов используются ключи, их цель была при создании JS группировка данных, но потом эта тема начала расширяться) Объекты имеют ссылочный тип, они как и массивы имеют типы данных, поэтому тут нужно привыкнуть к тому, что объекты отличаются от понимания объектов в других языках программирования
Александр здравствуйте. Вот сейчас на этом модуле нахожусь. И честно в голове вроде понимаю как должно это работать. А как код написать не имею понятия. Скажите нормальная ли будет практика отсмотреть ваш урок по этой игре, понять, и потом попробовать воспроизвести? Или такое обучение тоже на пользу не пойдет. Очень тяжело идёт js после ваших уроков становиться проще.
Здравствуйте. Понимаю вашу ситуацию. В этих видео я показываю пока не изученный инструмент программирования - классы :) Надеюсь, это вас не запутает. Да, это нормальный подход. Вы можете посмотреть ролик. Понять принцип. И потом все это воспроизвести. По памяти буде сложно повторить программу, поэтому в любом случае придется думать. Я поддерживаю такой способ выполнения :) Когда будете делать работу самостоятельно, в любом случае вы посмотрите на ее чуть иначе :)
Блин, а не рановато ли классы вводить? Люди еще толком не научились функции применять. Это же середина продвинутого курса JS. Хотя конечно с классами код намного упрощается и структурируется.
Да, очень хороший вопрос. Я его себе задавал перед записью этого видео. Принял решение использовать класс в этом видео по причинам: 1) показать что то новое и интересное 2) на примере этой игры очень хорошо показывать, что такое классы и как их использовать на практике. И в целом немного рассказываю про ООП Да, я согласен. Это может еще сильнее запутать. Я подумываю сделать пример этой игры без классов и выложить исходники :)
@@alex_dudukalo Ну да, альтернативный пример без классов был бы полезен тем, кто начинает. В любом случае спасибо за новую тему. Я вернулся к этому видео уже пройдя начальный курс, для меня оно действительно оказалось очень полезным, так как чем дальше в лес, тем запутаннее код. А классы это прям офигенское решение. Это же у тебя и сам объект (элемент DOM) и любые его значения и состояния - все в одном флаконе. Я конечно уже сам задумывался про использование классов, потому что логика разработки к этому подталкивала, но не решался освоить такой пласт знаний самостоятельно.
Здравствуйте, да тема не простая. Я записал специальное видео, в котором я рассказываю про колбек функции, возможно оно поможет разобраться. Попробуйте посмотреть его, а потом можете вернуться к игре в пары :) ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-a6GAC4Ir9f8.html
@@alex_dudukalo Я более менее понимаю что делает каждая команда, но если дают задачу не знаю что делать, какой код писать, это как знать алфавит но не знать строить слова и предложении
@@dosyann Да, это ка будто вы знаете инструменты и что они делают (молоток, ключи и тд) Но пока не знаете, как их использовать. Здесь только практика поможет. Можно начать с небольших задачек и продолжать с усложнением :)