Callback функции в Javascript
ฝัง
- เผยแพร่เมื่อ 25 ก.ย. 2024
- Callback функции и создание модальных pop-up окон в javascript.
В этом видео я рассказываю о том, что такое функция - переменная и как это использовать при создании модальных окон.
👁🗨 Телеграм: t.me/frontend_du2
👁🗨 Discord: / discord
👁🗨 VK: frontend
👁🗨 Дзен: dzen.ru/frontend
👁🗨 Rutube: rutube.ru/u/fr...
Учитель - тот кто научил, а не тот кто имеет корочку педагога! Так что я думаю, то Вы - Александр 100% учитель! Как Мастер Сплинтер 🙏
Спасибо за видео! Теперь нужно повторить с закрытыми глазами 💻
Большое спасибо вам :) Очень приятно читать. Это очень вдохновляет. Иногда думаю, что мне больше нравится. Писать код или заниматься преподаванием )) Наверное то и другое :)
Спасибо за видео! Как всегда, супер! Отдельное спасибо за практику!❤
Большое спасибо вам :)
Лишь 2 слова.
Моё почтение.
Браво.
Добавлю третье слово для вас: Спасибо :)
Очень приятно получать отклики под видео. Надеюсь материал будет полезным :)
@@alex_dudukalo а из-за чего может быть проблема, что у меня wrap не покрывает весь экран? в позиционировании?
@@romanzhuravlev5476 скорее всего в указании размера wrap и в позиционировании
Че это ты не учитель, ещё какой, так что с праздником тебя!)) И кстати да.. callback fun это для меня тоже очень интересная тема для разбора, спасибо!
Спасибо за поздравление и просмотр)) Официально я не учитель. Но думаю да, могу себя так называть ))
Спасибо за видео!! За урок) Очень доходчиво и отдельное спасибо за примеры. Теперь достаточно начинаю понимать где и как это можно применять и какие получаешь возможности.
Спасибо вам за просмотр и комментарий. Да да. Пример хорош, особенно когда у вас несколько модальных окон с разным наполнением )
Александр, видео урок как кстати мне сейчас, сейчас стараюсь подробно вникнуть в JavaScript, спасибо вам!
С праздником вас🎉
Спасибо за поздравление и отклик :)
Александр, с праздником вас! Вы самый и крутой учитель и вдохновитель! Спасибо за такое видео, прям понимаешь сколько возможностей уже можно реализовать после данного просмотра!!!
Олеся, большое спасибо за вашу поддержку и что вы со мной. Поздравляю и вас с прошедшим праздником. Все получится. Мы уже с вами почти коллеги по программированию :)
Вот с циклом for of можно было бы конечно продолжить видео до конца и показать разницу работу циклов. А так видео отличное! Особенно решение с модальным окном)
@@alex_dudukalo Цикл for of подходил.
@@alex_dudukalo let test = "привет мир";
function test1 (str){
let result = str.split(" ");
let item;
for (item of result ){
item = "слово";
console.log(item)
}
// return item
}
console.log(test1(test));
@@alex_dudukalo там еще foreach подойдет)
@@easy-Code Цикл for of здесь не подходит, так как в item хранится не объект, свойство которого мы хотим менять, а строка. Вы не сможете изменить значение item (даже с let) внутри массива. Прикрепляю пример. codepen.io/dudukalo/pen/LYXbZvL В ходе написания кода я во время записи придумал пример и не выреал часть с циклом for of.
@@easy-Code Ваша функция выводит результат в консоль, а функция из видео, которую я показываю возвращает из функции массив с помощью return. Вы изменили конечную задачу. Конечной задачей моей функции является возврат массива.
Александр, спасибо, вам как учителю дарю цветок в горшочке🪴, с праздником!)
Спасибо за цветочек )) И за поздравление. Желаю вам успехов в освоении JS и в практике :)
Спасибо Мастер Йода JS!)
Спасибо вам за поддержку. Надеюсь тема будет понятной :)
Спасибо за понятное объяснение
Спасибо большое за Ваш комментарий 🤗 надеюсь и другие видео канала будут вам полезны
Александр, да вы больше чем учитель!!! Если бы не Ваше терпение, то даже те знания которыми я обладаю сейчас, хоть и сложно мне дается js, я бы не обладал!!!
Спасибо Вам огромное!!!
Здравствуйте, Александр. Рад, что вы еще со мной и поддерживаете меня. Думаю вы сейчас делаете итоговую работу с клиентами? :) Как идут дела?
@@alex_dudukalo Пока ещё нет, ситуация в мире накладывает отпечаток, но думаю что в скором времени я обязательно начну. При этом про js не забываю, всегда смотрю и читаю про него. Спасибо!
@@asgard1428 да уж, понимаю вас. Но хорошо, что смотрите материалы. Это, как минимум отвлекает
@@alex_dudukalo и не дает забыть изученное
Большое спасибо! Только сегодня искал этот материал ) еще не смотрел, но добавил в избранное) удивительное совпадение👍
Сергей, спасибо за вашу поддержку. Я очень рад, что видео вам попалось. Надеюсь оно поможет вам разобраться)) Спасибо, что откликнулись. Это помогает каналу :)
@@alex_dudukalo большое спасибо! Понял все на 15 минуте! Теперь, вспоминая ролик, понимаю, почему код был именно такой. К примеру, let х = function(){}. Не понимал, почему не вызвать привычным мне function x(){}. Просто бывает смотришь видео, а человек объясняет так, чтоб было понятно его уровню. Вы достаточно хорошо объясняете моему уровню)) Надеюсь, что однажды я подумаю: "Сколько воды у Дудукало")))Это будет переход на другой уровень))
Спасибо за контент, редко найдёшь нормальное видео на ютубе, надеюсь будет 2 часть по функциям
Спасибо за комментарий. Я рад, что видео понравилось. Да, думаю в планах сделать еще одно видео с практическим примером )
О Боги это лучшее объяснение!!!
Спасибо за ваш комментарий🔥
невероятно крутое объяснение, спасибо большое!!!
Хорошие уроки, спасибо за объяснение, побольше практики пожалуйста, как использовать такие функции, а то синтаксис знаем, а как применять незнаем
Спасибо за ваш комментарий :) Я рад, что видео понравилось. У меня есть серия видео по созданию интернет-магазина :) Здесь я использую такие функции и показываю на примере: th-cam.com/users/liverAtN9D5Ancg?feature=share
Александр, видео супер!!!! каждый раз смотрю ваши видео и понимаю, что JS не очень и страшный)))) Конечно нужно видео про анимацию, хотя есть библиотеки, но понять как это работает и как сделать самому на JS это хорошая прокачка !!!! А сделайте еще пожалуйста видео про GRIDы ))))
Спасибо большое за очередной поддерживающий комментарий ) Да, анимацию хочется разобрать отдельно. Особенно отлавливать завершение какой то анимации, что бы делать ее последовательной. По гридам, думаю одним видео не обойдусь. Но хотя бы основы покажу )
Как всегда 🔥 и да, с праздником, учитель 🤗
Спасибо за просмотр и поздравление :)
Хорошие объяснение!
Спасибо за ваш комментарий😊
Была уверенна, что пед.образование есть🙂 Все очень грамотно, с отработкой и самопроверкой
👍👍👍👍👍👍👍👍👍👍👍👍👍👍👍
Спасибо ))
Спасибо большое друг 👍🤝
Спасибо учитель, вы крутой и видео у вас классные!
Спасибо 🙈 безумно приятно читать такие отзывы, ваша поддержка вдохновляет!)))
Спасибо большое!!!👍
Спасибо, хорошее видео
Спасибо за ваш отклик :) Это помогает продвижению роликов.
спасибо !
Спасибо за ваш отклик :)
Кайф... но я шаблон модалки делал бы в классе, а не функции. Ты бы наверное тоже, но это уже другая тема ролика, которая кстати есть на канале)
Да да, колбеками можно запутать очень серьезно, а если еще добавить класс, так вообще кошмар будет. Вообще да, для лучшего использования конечно удобнее класс делать )
Принципы функции:
//ф-ии можно хранить в переменных
//ф-ии можно передавать в другие переменные
//вызываем ф-ию со ()
//если передавать ф-ию как значение то () не пишем!
Совершенно верно :))
Да, точно учитель!!! Всё классно!!! Правда я с первого просмотра не очень понял, буду пересматривать, короче накручивать Александру просмотры))
Спасибо, что оставили комментарий) Видео продвигается в рекомендации благодаря вам. Надеюсь получится разобраться, а если будут вопросы. Я здесь :)
Сбасиб мир стал понятней ъаъаъ
Александр, скажите, а вы какой-нибудь фреймворк используете на своей основной работе? Я сейчас изучаю TypeScript и React, и учеба идет ну очень трудно.
Здравствуйте, Павел. Как всегда спасибо за ваш комментарий и что вы со мной :) Я использую VUE. Понимаю вас, React не прост. Но я рекомендую продолжить его изучать. У VUE очень хорошая документация на русском языке. Вы сможете его освоить самостоятельно (я планирую записать серию роликов по введению во VUE) А вот React удобнее учить на платформе Скиллбокс )
@@alex_dudukalo оо было бы супер если вы начнёте выпускать ролики по vue 🤩
смотрю видео ровно через год
Надеюсь видео оказалось вам полезно 👍
@@alex_dudukalo объясняете хорошо
И как это все запоминать? 😂
Да, согласен :) Информации очень много. Практика помогает, чем больше кода пишешь, тем проще запоминается :)
Если не хочешь, чтобы видео не было затянутым, не выпрашивай лайки после каждого предложения. Дислайк.
музыка раздражает, нашел другое видео без закадровой музыки
Да, кажется идея с музыкой была не самой изящность. В новых видео я этим не злоупотребляю. :)