Урок 16. JavaScript. Все о Деструктуризации в JS
Получить профессию Frontend разработчика -
bit.ly/3Acn9YI
Подробнее узнать об обучении в Result School -
bit.ly/3Owyc3c
Бесплатный курс HTML & CSS - bit.ly/3bzX1ga
Сделать 5 проектов на JavaScript - bit.ly/3HY08uA
Я в соц сетях:
Telegram: t.me/js_by_vladilen
VK: vladilen.minin
Instagram: / vladilen.minin
Мои паблики по JavaScript:
Telegram: t.me/result_school_it
VK: result.school
Instagram: / result.scho. .
JavaScript cообщества:
Discord: / discord
Telegram: t.me/js_by_vladilen_chat
Roadmap по каналу:
vladilen.notion.site/Roadmap-...
Исходники:
gist.github.com/vladilenm/3b6...
Урок 16. JavaScript. Все о Деструктуризации в JS
Сложный JavaScript простым языком:
• Урок 1. JavaScript. Чт...
Пікірлер: 142
Приятного просмотра!
@alexmaster1982
4 жыл бұрын
Сделайте пожалуйста алгоритмы на js
@angelproduction4047
4 жыл бұрын
Очень интересно как дождаться или не дождаться загрузки внешних скриптов. Например есть плагин которые собирает данные из нескольких других (из FB, Roistat, GA).... Так вот пока они не инициализируются данные (client ID, pixel, visitID....) собирать нельзя... Что делать то? А еще эти внешние плагины/виджеты могут быть подключены не на странице, а например через GTM )), ах да и ты не знаешь вообще есть эти виджеты или нет))) если есть собрать данные если нет то нет))
Не все дошли до этого урока. Удачи всем будущим сеньерам)
@proha0230
Жыл бұрын
жиза, многие походу сдались))
@ramazzan12
Жыл бұрын
как там у вас успехи?
@igixprffikiberg2636
Жыл бұрын
@@ramazzan12 Дошел до Full stack за 8 месяцев React, Node, SQL, TS изучил
@ramazzan12
Жыл бұрын
@@igixprffikiberg2636 офигенный результат, красавчик бро🫡. Я только вот начинаю свой путь
@qweaadqweasd8583
10 ай бұрын
удача нам всем не помешает
Владілєн, ти настільки крутий, що навіть не ставиш реклами ютуба посеред відео. За це взагалі мега респект
@Abdul-hy4cy
2 жыл бұрын
adblock просто существует *
@mastheadmasthead3835
Жыл бұрын
идi нахiв украиньска свiння
@vvp726
Жыл бұрын
@@Abdul-hy4cy он не работает для встроенных рекламных интеграций
@cryptodillery119
Жыл бұрын
@@Abdul-hy4cy не помогает он
Все твои видео полезны, спасибо за труд!
Респект за труды! Реально хорошо объясняешь
Респект! Это видео было оооочень полезно! Спасибо, Владилен!
Уверен кейсы полезные и в тему. Как всегда респект! Ждем новых видосов. Спасибо!
Спасибо огромное за Ваш труд! Очень нравится подача материала!)
вот все "учителя" по сути цитируют один и тот-же материал, но лично у Вас все, что вы рассказываете, выстраивается в логическую цепочку, очень все понятно и доходчиво. спасибо за труд!
Спасибо большое за этот плейлист 👍🏻, подписался на обновления
Блин! Все четко) благодарю! Давай в том же духе! Это обалденно, спасибо тебе!
Владилен, спасибо за твою работу! Всегда полезная информация, очень нравится подача, качественный контент без воды. Всё четко и по полочкам! С удовольствием смотрю. Желаю тебе профессиональных успехов, а также дальнейшего развития канала!
СПАСИБО! Четко, кратко, ничего лишнего !
Коротко и ясно, как всегда без воды👍👍👍
Высоко ценю твой труд, спасибо!
Спасибо за Ваш труд, очень дельный контент)!
Огромное спасибо,Владилен
Благодарю Вас Владилен! Видео класс!👆🏻👍
Какое широкое поле использования деструктуризации! Особенно про функцию из Реакта в конце ролика. Спасибо!
спасибо большое за очень понятный, полезный и интересный урок!
Классное объяснение, очень подробно!
Урок пройден) Спасибо! Все предельно понятно!
Молодец! Реально полезное дело делаешь.
Владилен, вы супер!! Так четко объясняете, предпочитаю исключительно ваши уроки 😌
Отличное объяснение! Спасибо!
Спасибо! Познавательно.
Большое спасибо за полезные видосы!
Спасибо большое. Самое лучшее объяснение!
Спасибо! Очень доступно объясняешь.
Спасибо. Ты даже не представляешь как ты помогаешь
Спасибо. Очень хорошая подача материала
Супер видос! Спасибо, все очень понятно
Спасибо!!! Все четко,все ясно и понятно!
Спасибо за видео 👍
просто класс не как не мог понять эту тему определенно заслуживает лайка)
Спасибо за урок!
Классно объясняешь, действительно сложные вещи простыми словами. Это редкий талант.
Спасибо за видео! Пересматриваю как раз в связи с магией деструктуризации объекта props в React)))
Хорошо объясняешь, спасибо за урок.
Супер видео! Спасибо
Просто нет слов, спасибо
Владилен, контент пушка!
Деструктуризация зашла на ура, спасибо)
прекрасно видео, всё доступно и понятно, спасибо большое
Лайк автоматом
отличное видео! большое спасибо
Годнота подъехала
Плейлист мега крутой конечно)
Спасибо за контент)
спасибо за новое видео )
Спасибо большое!
спасибо за урок
спасибо. было полезно)
Спасибо вам 🤓
Круто!!! и понятно
Super cool tutorials!
Спасибо!
Spasibo 👍🏽🤝
Спасибо большое! Благодаря вам я впервые использовала Set вчера)))
@vitaliy794
4 жыл бұрын
Вы большая молодец. Set очень полезный инструмент для отсеивания повторок.
Огонь, спасибо. Прохожу курс скилбокса, там нифига не объяснили это и применяют на практике и так постоянно.
@RuslanNumber1
Жыл бұрын
на GB такая же вафля, тупо одна коммерция, мало что понятно и поэтому все топаем к Владилену за бесплатным контеном для усвоения материала :)
Спасибо
Krasava🎉
thanks you.
Супер. Весь плейлист то что надо. Первый раз наткнулся на подобное. Без воды и по существу. Хотел спросить, есть ли подобные ролики про php. Такие-же как и эти, без бесконечных «что такое if», «как объявить переменную»?
Спасибо, очень качественное видео как всегда! А есть возможность сделать видео про функции-декораторы?
великолепно
Лучший ;)
14:45 Строка 10. Еще один юзкейс Удаление нежелательных данных из объекта (чаще всего на backend) const user = {name: "Name", password: "My Password"} const {password, ...secureUserData} = user;
@astrotrain
4 жыл бұрын
Прикольно, я хотел этот пример в прошлом ролике про рест и спред написать))) Например так: const secureUserData = ({ password, ...data }) => data;
@grommaks
4 жыл бұрын
@@astrotrain Непосредственно этот пример делает функцию для извлечения данных без пароля) у меня просто извлекаются сразу) по этому я бы лучще назвал функцию getUserSecureData :) но это вкусовщина
@astrotrain
4 жыл бұрын
@@grommaks да я не думал над названием, просто ваши названия откопировал)))
Ура!
...Спасибо ))
6:56 : Программа: я не чувствую вычитания Владилен: у тебя его нет
Amazing
Like! Bell... Отлично!
нахожу сложным для понимания arguments.callee JS буду рад если это будет разбираться )) Спасибо, за очень понятные и по существу уроки!
@einfachbeimLernen
4 жыл бұрын
var s = document.getElementById('thing').style; s.opacity = 1; (function(){ (s.opacity-=.01)
Присоединяюсь к благодарящим
Спасибо за видео, все доходчиво рассказываете. А можете рассказать как использовать , допустим map, с массивом вложенных {} +деструктуризация... Заранее спасибо
Спасибо за видео, как я понял в hook useState это тоже применяется
Can you please make the next video about Regex? Also your Videos are great.
О Блин!!! как пропустил то.... Привет, комунити!
ютюб любит лайки и комменты, ставлю лайку и коммент какой то
Все очень круто. Посмотрел вес плейлист, но так и не понял: можно ли все эти фишки уже применять напрямую в браузере или пока через babel делать?
@VladilenMinin
4 жыл бұрын
В подавляющем большинстве браузеров да
@Ziraman13
4 жыл бұрын
@@VladilenMinin , благодарю за ответ
Ещё способ клонирования массива или объекта: objNew = {...objOld}, arrNew = [...arrOld] работает быстрее, нежели аналогичные Spread'y методы, да и куда понятнее :) P.S. ES6 МОЩЬ! P.S.S. Thank you so much Владилен!
@user-tv3of9nw8m
Жыл бұрын
Если у объекта имеются вложенные объекты то будет ссылка а не клонирование / копирование При изменении нового объекта изменения коснуться и оригинального объекта Самый лучший и быстрый способ глубокого копирования объекта это - JSON.parse(JSON.stringify(obj)) Либо рекурсивная функция
Приветствую, вопрос такой, вот где console.log там подсвечивается перед цифрами подсказка какой переменной что присваивается, можно так же настроить в vscode?
а какое расширение пишет возле переменных полупрозрачные значения? ну или если это не расширение то есть подобное для вскода?
ТОП ! Спасибо ! Можно аналогичное для пропсов в реакте объяснить , было бы полезно !
Ставте Лайк! якщо вам подобається цей канал.
Огромное спасибо, так мой код скрасит))))
Если у объекта свойство это вложенный объект, то при деструктуризации - будет не копия вложенного объекта а ссылка на него Может возникнуть ситуация когда при изменении созданного объекта будет изменён оригинальный объект
А возможно ли деструкторизовать массив в объект, чтобы иметь уже именные ключи, а не индексы массива? Чтобы в дальнейшем с ним удобнее работать по свойствам.
как сделать такие светящиеся кнопки в VS Code на Windows 10
Владилен, спасибо за ваши ролики, у вас куча полезной информации. У меня вопрос. Решил я, значит, деструктурировать вложенный объект, в котором ключи свойств на кириллице, причем состоящие из нескольких слов. К примеру, есть ключ, состоящий из ФИО, например "Пупкин Вася Иванович". Всё должно быть именно так, нельзя сделать это значением, а ключ сделать "fio". При деструктуризации, когда пишу непосредственно ФИО в кавычках, присваиваю это свойство переменной (пусть, например та же fio), и потом обращаюсь к переменной fio, то всё хорошо. То есть, вот так все работает: const { "Пупкин Вася Иванович": fio } = myObj; console.log(fio); Но проблема в том, что этих ФИО у меня дофига, и мне нужно в зависимости от предшествующей логики, подсовывать внутрь деструктуризатора разные ФИО. Мне показалось логичным попробовать вместо непосредственно самого ФИО, подставить в деструктуризацию переменную со значением ФИО, то есть сделать вот так: let test = "Пупкин Вася Иванович"; const { test: fio } = myObj; console.log(fio); Но это не работает. Получается как бы двойная декларация переменной test. Подскажите пожалуйста, как обойти эту коллизию? Возможно ли реализовать то, что я хочу? Конечно, я могу добраться до нужных ключей и значений с помощью нескольких Object.entries/keys/values(Obj), но хотел решить задачку именно посредством деструктуризации.
Как сделать console в браузере черным как у тебя ?
Владлен а может удариться в node js?) js js'сом, а про ноду мало актуальной информации.
@VladilenMinin
4 жыл бұрын
Посмотри описание к последним роликам, там ссылка на мой курс по ноде
а почему на 10:08 на неопределенную переменную name не ругнулось?
Странно, я думал на канале уже всё из популярного es6 было, и про деструктуризацию в том числе.
+
Зайшов підримати! Дякую вам за вашу працю. Слава Україні!!!!
@AntonioBenderas
Жыл бұрын
Героям Слава!
Владилен. А ты сотрудничаешь с webformyself ? Там ведь твой курс по JS платный, а здесь в свободном доступе или есть отличия ?
@VladilenMinin
4 жыл бұрын
Разные курсы совсем
давать имя свойству справа от него очень сильно дизориентировал меня, JS во всей красе
А это актуально в 2021?