- Видео 238
- Просмотров 1 597 573
Дмитрий Колотильщиков
Беларусь
Добавлен 4 окт 2019
Frontender[1.0] - Бесплатный курс по Frontend разработке
Здесь всё и все за айтишку.
статус: online 🟢
Здесь всё и все за айтишку.
статус: online 🟢
35. JavaScript - Custom Events. Создаем свои события
🟢 Создадим своё пользовательское событие CutomEvent для нотификаций, которое работает через всё приложение. Кастомные события особенно удобны, когда в приложении есть много независимых компонентов и/или скриптов, например микрофронты, которые все находятся в рамках одного объекта window. И в рамках window можно как раз тригерить и подписываться на любые события и диспатчить (передавать) любые данные.
➡️ таймлайн ➡️
00:00 старт
00:45 подготовка кода
01:36 кастомное событие для уведомления
07:49 финиш
▶ ПОДДЕРЖАТЬ можно тут - Boosty: boosty.to/dmitry_ko
▶ Telegram: t.me/Dmitry_Kolotilshikov
▶ GitHub: github.com/DmitryKolotilshikov
▶ Linkedin: www.linkedin.com/in/kolotilshikov
▶ Графический дизайн и ...
➡️ таймлайн ➡️
00:00 старт
00:45 подготовка кода
01:36 кастомное событие для уведомления
07:49 финиш
▶ ПОДДЕРЖАТЬ можно тут - Boosty: boosty.to/dmitry_ko
▶ Telegram: t.me/Dmitry_Kolotilshikov
▶ GitHub: github.com/DmitryKolotilshikov
▶ Linkedin: www.linkedin.com/in/kolotilshikov
▶ Графический дизайн и ...
Просмотров: 153
Видео
34. JavaScript - Делегирование событий. Всплытие и погружение событий. Event delegation
Просмотров 19914 часов назад
🟢 Когда событие срабатывает на элементе оно может всплывать или погружаться, что является основной для очень важного приема в программировании веб приложений - делегирования событий. В этом уроке расскажу про эти концепты и посмотрим все на практике. ➡️ таймлайн ➡️ 00:00 старт 01:22 всплытие 05:33 погружение 07:24 делегирование событий - таблица 12:18 делегирование событий - калькулятор 14:09 ф...
33. JavaScript - TODO приложение (список задач)
Просмотров 468День назад
Frontender[1.0] JavaScript - TODO приложение (список задач). DOM, localStorage, events ▶ ПОДДЕРЖАТЬ можно тут - Boosty: boosty.to/dmitry_ko ▶ Telegram: t.me/Dmitry_Kolotilshikov ▶ GitHub: github.com/DmitryKolotilshikov ▶ Linkedin: www.linkedin.com/in/kolotilshikov Это 33 урок второго модуля большого, актуального и бесплатного курса на ютубе по фронтенд разработке. Курс подойдет для новичков и д...
32. JavaScript Events. События, addEventListener, mouse, window, browser. Event объект
Просмотров 324День назад
Frontender[1.0] JavaScript Events. События, addEventListener, mouse, window, browser. Event объект ▶ ПОДДЕРЖАТЬ можно тут - Boosty: boosty.to/dmitry_ko ▶ Telegram: t.me/Dmitry_Kolotilshikov ▶ GitHub: github.com/DmitryKolotilshikov ▶ Linkedin: www.linkedin.com/in/kolotilshikov Это 32 урок второго модуля большого, актуального и бесплатного курса на ютубе по фронтенд разработке. Курс подойдет для ...
31. JavaScript - Модули, Импорт, Экспорт, Async, Defer. Декомпозиция кода
Просмотров 31814 дней назад
Frontender[1.0] JavaScript - Модули, Импорт, Экспорт, Async, Defer. Декомпозиция кода ▶ ПОДДЕРЖАТЬ можно тут - Boosty: boosty.to/dmitry_ko ▶ Telegram: t.me/Dmitry_Kolotilshikov ▶ GitHub: github.com/DmitryKolotilshikov ▶ Linkedin: www.linkedin.com/in/kolotilshikov Это 31 урок второго модуля большого, актуального и бесплатного курса на ютубе по фронтенд разработке. Курс подойдет для новичков и дл...
30. JavaScript - DOM и CSS. Стилизация с JS, getComputedStyle, data атрибуты, getBoundingClientRect
Просмотров 21714 дней назад
Frontender[1.0] JavaScript - DOM и CSS. Стилизация с JS, getComputedStyle, data атрибуты, getBoundingClientRect ▶ ПОДДЕРЖАТЬ можно тут - Boosty: boosty.to/dmitry_ko ▶ Telegram: t.me/Dmitry_Kolotilshikov ▶ GitHub: github.com/DmitryKolotilshikov ▶ Linkedin: www.linkedin.com/in/kolotilshikov Это 30 урок второго модуля большого, актуального и бесплатного курса на ютубе по фронтенд разработке. Курс ...
29. JavaScript - DOM. Манипулирование разметкой. querySelector, getElementBy, innerHTML, append и др
Просмотров 29321 день назад
Frontender[1.0] JavaScript - DOM. Манипулирование разметкой. querySelector, getElementBy, innerHTML, append и др ▶ ПОДДЕРЖАТЬ можно тут - Boosty: boosty.to/dmitry_ko ▶ Telegram: t.me/Dmitry_Kolotilshikov ▶ GitHub: github.com/DmitryKolotilshikov ▶ Linkedin: www.linkedin.com/in/kolotilshikov Это 29 урок второго модуля большого, актуального и бесплатного курса на ютубе по фронтенд разработке. Курс...
28. JavaScript DOM - база. Навигация по элементам.
Просмотров 26921 день назад
Frontender[1.0] JavaScript DOM - база. Навигация по элементам. ▶ ПОДДЕРЖАТЬ можно тут - Boosty: boosty.to/dmitry_ko ▶ Telegram: t.me/Dmitry_Kolotilshikov ▶ GitHub: github.com/DmitryKolotilshikov ▶ Linkedin: www.linkedin.com/in/kolotilshikov Это 28 урок второго модуля большого, актуального и бесплатного курса на ютубе по фронтенд разработке. Курс подойдет для новичков и для людей, которые что-то...
27. Window, DOM, BOM. Глобальный объект. Browser API
Просмотров 391Месяц назад
Frontender[1.0] Window, DOM, BOM. Глобальный объект. Browser API ▶ ПОДДЕРЖАТЬ можно тут - Boosty: boosty.to/dmitry_ko ▶ Telegram: t.me/Dmitry_Kolotilshikov ▶ GitHub: github.com/DmitryKolotilshikov ▶ Linkedin: www.linkedin.com/in/kolotilshikov Это 27 урок второго модуля большого, актуального и бесплатного курса на ютубе по фронтенд разработке. Курс подойдет для новичков и для людей, которые что-...
26. Хранение данных в браузере. JSON формат. Local и Session storage
Просмотров 271Месяц назад
Frontender[1.0] Хранение данных в браузере. JSON формат. Local и Session storage ▶ ПОДДЕРЖАТЬ можно тут - Boosty: boosty.to/dmitry_ko ▶ Telegram: t.me/Dmitry_Kolotilshikov ▶ GitHub: github.com/DmitryKolotilshikov ▶ Linkedin: www.linkedin.com/in/kolotilshikov Это 26 урок второго модуля большого, актуального и бесплатного курса на ютубе по фронтенд разработке. Курс подойдет для новичков и для люд...
25. JavaScript - Решение ЗАДАЧ. coderbyte, leetcode, CODEWARS
Просмотров 303Месяц назад
Привет!📢 JavaScript - Решение ЗАДАЧ. coderbyte, leetcode, CODEWARS ▶ ПОДДЕРЖАТЬ можно тут - Boosty: boosty.to/dmitry_ko ▶ Telegram: t.me/Dmitry_Kolotilshikov ▶ GitHub: github.com/DmitryKolotilshikov ▶ Linkedin: www.linkedin.com/in/kolotilshikov Это 25 урок второго модуля большого, актуального и бесплатного курса на ютубе по фронтенд разработке. Курс подойдет для новичков и для людей, которые чт...
Полный КУРС 2024 по GIT. Команды, терминал, NodeJS, NPM, CLI 🔥
Просмотров 765Месяц назад
▶ ПОДДЕРЖАТЬ можно тут - Boosty: boosty.to/dmitry_ko ▶ Telegram (PDF): t.me/Dmitry_Kolotilshikov/281 ▶ GitHub: github.com/DmitryKolotilshikov ▶ Linkedin: www.linkedin.com/in/kolotilshikov Полный КУРС 2024 по GIT. Команды, терминал, NodeJS, NPM, CLI Данный курс составной из нескольких уроков 1 модуля пошагового курса Frontender[1.0]. Тем не менее курс является самостоятельным и полноценным. Прой...
24. JavaScript - Методы объектов. For in, Деструктурирующее присваивание, строгий режим
Просмотров 192Месяц назад
Привет!📢 JavaScript - Методы объектов. For in, Деструктурирующее присваивание, строгий режим ▶ ПОДДЕРЖАТЬ можно тут - Boosty: boosty.to/dmitry_ko ▶ Telegram: t.me/Dmitry_Kolotilshikov ▶ GitHub: github.com/DmitryKolotilshikov ▶ Linkedin: www.linkedin.com/in/kolotilshikov Это 24 урок второго модуля большого, актуального и бесплатного курса на ютубе по фронтенд разработке. Курс подойдет для новичк...
23. Frontender[1.0] JavaScript. Массивы (методы) filter, map, reduce, find, some, every, splice и др
Просмотров 248Месяц назад
Привет!📢 JavaScript. Массивы (методы) filter, map, reduce, find, some, every, splice и др ▶ ПОДДЕРЖАТЬ можно тут - Boosty: boosty.to/dmitry_ko ▶ Telegram: t.me/Dmitry_Kolotilshikov ▶ GitHub: github.com/DmitryKolotilshikov ▶ Linkedin: www.linkedin.com/in/kolotilshikov Это 23 урок второго модуля большого, актуального и бесплатного курса на ютубе по фронтенд разработке. Курс подойдет для новичков ...
22. Frontender[1.0] Массивы - МЕТОДЫ. for of, spread, rest, деструктуризация
Просмотров 282Месяц назад
Привет!📢 Массивы - МЕТОДЫ. for of, spread, rest, деструктуризация ▶ ПОДДЕРЖАТЬ можно тут - Boosty: boosty.to/dmitry_ko ▶ Telegram: t.me/Dmitry_Kolotilshikov ▶ GitHub: github.com/DmitryKolotilshikov ▶ Linkedin: www.linkedin.com/in/kolotilshikov Это 22 урок второго модуля большого, актуального и бесплатного курса на ютубе по фронтенд разработке. Курс подойдет для новичков и для людей, которые что...
21. Frontender[1.0] ЦИКЛЫ - База, For и While, задачи, примеры, пузырьковая сортировка
Просмотров 375Месяц назад
21. Frontender[1.0] ЦИКЛЫ - База, For и While, задачи, примеры, пузырьковая сортировка
20. Frontender[1.0] JavaScript. Массивы - БАЗА. Индексы, элементы, добавление и удаление значений
Просмотров 217Месяц назад
20. Frontender[1.0] JavaScript. Массивы - БАЗА. Индексы, элементы, добавление и удаление значений
19. Frontender[1.0] Объекты в JavaScript. Ключи и значения, динамика, вложенность
Просмотров 298Месяц назад
19. Frontender[1.0] Объекты в JavaScript. Ключи и значения, динамика, вложенность
18. Frontender[1.0] Callback и стрелочные функции в JavaScript. IIFE, call stack
Просмотров 3602 месяца назад
18. Frontender[1.0] Callback и стрелочные функции в JavaScript. IIFE, call stack
QA Management - Эффективное обучение, выбор компании, ИИ, выгорание, удаленка, YouTube ВСЁ
Просмотров 2482 месяца назад
QA Management - Эффективное обучение, выбор компании, ИИ, выгорание, удаленка, RUclips ВСЁ
17. Frontender[1.0] Фунцкии в JavaScript. Scope, declaration vs expression, naming
Просмотров 2532 месяца назад
17. Frontender[1.0] Фунцкии в JavaScript. Scope, declaration vs expression, naming
16. Frontender[1.0] Функции (База) в JavaScript. Параметры, аргументы, return
Просмотров 2662 месяца назад
16. Frontender[1.0] Функции (База) в JavaScript. Параметры, аргументы, return
15. Frontender[1.0] Switch case в JavaScript. Логическое (условное) ветвление
Просмотров 2012 месяца назад
15. Frontender[1.0] Switch case в JavaScript. Логическое (условное) ветвление
14. Frontender[1.0] Даты и Время в JavaScript. Методы, Особенности, UTC vs ISO
Просмотров 2792 месяца назад
14. Frontender[1.0] Даты и Время в JavaScript. Методы, Особенности, UTC vs ISO
13. Frontender[1.0] Строки в JavaScript. Методы, экранирование, юникод
Просмотров 3312 месяца назад
13. Frontender[1.0] Строки в JavaScript. Методы, экранирование, юникод
12. Frontender[1.0] Stack & Heap. Примитимы vs ссылочные типы. JavaScript
Просмотров 2622 месяца назад
12. Frontender[1.0] Stack & Heap. Примитимы vs ссылочные типы. JavaScript
11. Frontender[1.0] JavaScript. Объект Math. Матеша. Округления, степени, генерация случайных чисел
Просмотров 2142 месяца назад
11. Frontender[1.0] JavaScript. Объект Math. Матеша. Округления, степени, генерация случайных чисел
10. Frontender[1.0] Числа в JavaScript. Примитивы как объекты, методы чисел
Просмотров 2742 месяца назад
10. Frontender[1.0] Числа в JavaScript. Примитивы как объекты, методы чисел
09. Frontender[1.0] JavaScript. Логическое присваивание. ||=, &&=, ??=
Просмотров 2503 месяца назад
09. Frontender[1.0] JavaScript. Логическое присваивание. ||=, &&=, ??=
08. Frontender[1.0] JavaScript. Логические операторы JS. ||, &&, ??, !, !!
Просмотров 3273 месяца назад
08. Frontender[1.0] JavaScript. Логические операторы JS. ||, &&, ??, !, !!
Честно говоря я не понимаю каким образом человек, который начал учить js по вашим видео должен смочь самостоятельно решить задачу к 7 уроку. Может я недалекий, а всем остальным это по плечу или что. Но на мой взгляд такое решить начинающему - нереально.
Я попытался понять ваше решение и у меня возник вопрос: if ("name" in newPerson) { // Почему в newPerson должен быть name?? Объект пустой. От куда ему искать name. он тогда должен else отработать. Не? person.name = newPerson.name; } else { person.name = undefined; }
Спасибо 👍👍👍
Thaks for console.table 🎉
Кайф урок, лайтовый простенький, быстрый, а главное полезный!
Дмитрий, от всей души благодарю тебя за твой труд. Из-за личных проблем пришлось оставить учебу на оч долгий срок, и вот сейчас наконец-то снова начал, но соответственно многое забылось. Так вот благодаря тебе и твоему труду знания восполняются с удовольствием и пониманием, сразу не оч понятна тема была, несколько раз пересмотрел - сам попробовал и потиху вник и понял. Сейчас по новой курс прохожу, до JS еще далеко, но ничего нагоню ) . В общем, еще раз тебе спасибо, как только на канале появится спонсорство - буду в числе первых, а пока едем дальше) P.S Для тех кто впервые смотрит это видео, можете не искать больше где изучать фронт, лучше не найдете, оставайтесь на канале и будет вам счастье )
@@T2kibi спасибо за доверие🙏 и снова в путь
Спасибо за труды. Мотивации и здоровья!!!
@@user-nosia 🤝
Спасибо за труды. Мотивации тебе и здоровья!!!
Спасибо за твои труды. Мотивации тебе и здоровья!!!
@@user-nosia 🙏🙏🙏
Плотный материал, спасибо. "Микрофронтенд" звучит ужасающе😮
@@PavelMikhalkevich так только может сказать понимающий человек😆
А макрофронтенд уже не так страшно звучит?)
@ получается что так) Думаю макрофронтред это когда много микрофронтендов😅
Спасибо! С удовольствием смотрю ваши уроки!
@@igorsenichev3779 🙏🙏🙏
▶ ПОДДЕРЖАТЬ можно тут - Boosty: boosty.to/dmitry_ko ▶ Telegram (PDF): t.me/Dmitry_Kolotilshikov/306 ▶ GitHub: github.com/DmitryKolotilshikov ▶ Linkedin: www.linkedin.com/in/kolotilshikov
Спасибо за отличные видео, очень полезно!
Спасибо, я наконец-то понял КАЖДУЮ строчку кода в уроке. Я дошёл до стадии, когда понимаю и речь и письмо синхронно, а не с опозданием в несколько суток🥲 Но что-то мне подсказывает, что это временный эффект. Чуть сложнее урок и я поплыву как лодочка в океане🥹
@@СамаэльДеЛианкур это уже необратимо, скоро только начнешь непонимать почему всё понимаешь😅
@ жду этого больше, чем зарплаты🥹
Спасибо за курс все очень доступно.
@@ПавелТ-ь4щ 🙏🙏🙏
Спасибо, очень наглядные примеры
▶ ПОДДЕРЖАТЬ можно тут - Boosty: boosty.to/dmitry_ko ▶ Telegram (PDF): t.me/Dmitry_Kolotilshikov/304 ▶ GitHub: github.com/DmitryKolotilshikov ▶ Linkedin: www.linkedin.com/in/kolotilshikov
Дмитрий, вам огромный респект. А тема с задачками огромнейший плюс к прокачке "не отходя от кассы".
Спасибо большое, я наконец-то преисполнился в своём познании. Когда я в первый раз изучал DOM мне было больно чуть ниже копчика, но сейчас, через время, я начал что-то понимать и теперь мне даже приятно:)
@@СамаэльДеЛианкур 😆😆😆
спасибо!
@@ЮрийНадолинный 🙏🙏🙏
спасибо
Спасибо 😍
@@СергейПавленко-э2р 🙏🙏🙏
🎉🎉🎉
Ураааа, как же я этого ждал😮💨
@@СамаэльДеЛианкур 🙌🙌🙌
Супер, осталось задеплоить. Кажется, у Вас есть урок с инструкцией, как деплоить с помощью услуги GitHub Pages.
27й урок 1го модуля ruclips.net/video/pcjQA4-Hk38/видео.htmlsi=b_ul8aixGeODMpc2
▶ ПОДДЕРЖАТЬ можно тут - Boosty: boosty.to/dmitry_ko ▶ Telegram (PDF): t.me/Dmitry_Kolotilshikov/302 ▶ GitHub: github.com/DmitryKolotilshikov ▶ Linkedin: www.linkedin.com/in/kolotilshikov
не очень понятно почему мало просмотров, тебя не скучно смотреть и в целом все по делу, кароче поражаюсь твоей мотивации, успехов тебе!
@@РоманНекрасов-ы2м 🙏спасибо, сам удивляюсь своей мотивации, даже думаю тут больше уже дисциплина работает
Спасибо! А сколько планируете видео роликов в данном курсе? А вы не думали где то опубликовать список тем, которые будут освещены.
@@ВладиславМарюхин-э4с примерно 50-55, как будет все готово возможно опубликую, заранее сложно, много корректируется
Я угадаю этот цвет с одного раза - lightsalmon
@@PavelMikhalkevich сектор приз на барабане😁
👍👍👍
Спасибо, очень доступно. Было бы вообще здорово если бы Вы сделали более подробный урок по событиям window.
@@timyrchotchaev9068 спасибо за обратную связь!🙏 Разные события события будем осваивать походу написания приложений, а так в сухую не в контексте написания приложений перечислять события пока не планирую. Но спасибо за идею🙏
😎👍
▶ ПОДДЕРЖАТЬ можно тут - Boosty: boosty.to/dmitry_ko ▶ Telegram (PDF): t.me/Dmitry_Kolotilshikov/299 ▶ GitHub: github.com/DmitryKolotilshikov ▶ Linkedin: www.linkedin.com/in/kolotilshikov
наконец узнал как работает пузырьковая сортировка. везде в статьях очень запутанно объясняют.
@@арарарарарарара-б6ц 👍👍👍
курси, які я купив за 1000$ по подачі матеріалу набагато гірші,Ви детально пояснююєте, розбираєте багато прикладів, показуєте для чого це використовувати. дякую
@@Назар-п7ф 🙏🙏🙏
как эмоджи с клавиатуры вызывать?
control + cmd + space
Доходчиво!!!
@@sergtrue9006 🙌🙌🙌
Разработчики тоже люди, как и все остальные (с) Цитаты Великих Людей :D
@@MrAprise 😁😁😁
Пошла жара !
@@MrAprise 🔥
легендарный камбек к урокам!
@@MrAprise 💪
Да реально, все что нужно
Очень понятный и полезный урок. Спасибо, мастер!
@@СамаэльДеЛианкур 🙏🙏🙏
Братан давай теперь по реакту плс:)
@@begiiimirzayev1359 будет реакт в след модуле👌
👍👍👍👍👍👍👍👍
👍👍👍
Дмитрий вам респект! За подробную информацию и доходчивость в понятии объяснения!
@@sergtrue9006 🙏🙏
И JQuery еще, на легаси попадете и вам пздц.
Спасибо. очень понятно объясняете
@@AlexandrVinogradov-x8f 🙏🙏🙏
закомменчу, заодно и видео надеюсь немного поднимем... нашёл причину... методом стучания головой об стол и вытаращивания в экран и смотрения в package.json..... методом удаления и установки переустановки, надустановки, сверхустановки языковых пакетом винд.10, методом сравнения кода ... методом хренпойми как... решил вставить чужой код... и увидел что пайпы из чужого кода превращаются у меня в документе.js ==>> в наклонные теже пайпы... и я думаю ... а может дело в теме оформления кода... зашёл в Set Color Theme ....и что я увидел...? тема то стоит ... Ocean Space refined ITALIC.. т.е. наклонная... ёп шаломей.... поменял на обычную темку.. и все косые пайпы (гляди оператор OR) стали прямыми. я почти упал со стула. . автору спасибо за отклик.
@@ДимДим-я4ч axa, интересный кейс⚡️ возьму на заметку, а ведь все очевидно оказалось. Молодец что разобрались💪
Очень достойный контент, спасибо
@@evgenym.2137 👍🙏