Тёмный

Создание списка в Javascript. Самое понятное объяснение 

Александр Дудукало
Подписаться 16 тыс.
Просмотров 15 тыс.
50% 1

Список пользователей на JS. Делаем отрисовку, Форму добавления элементов, валидацию, сортировку и фильтрацию.
👁‍🗨 Исходники кода в телеграм канале: t.me/frontend_du2
👁‍🗨 Discord сервер: / discord
👁‍🗨 VK: frontend_du2
Фильтрация массива: • Фильтрация массива объ...
Сортировка массива: • Сортировка массива объ...
Буду рад подписке, лайку и комментарию. Спасибо за вашу поддержку.
Тайм-коды:
0:00 - описание и подготовка проекта (создание элементов)
14:25 - функция Render() (отрисовка);
20:32 - отрисовка через цикл for of;
21:58 - подготовка копирование массива [...arr] и добавление в него fio
26:43 - стилизация таблицы
30:00 - добавление нового пользователя создание form и input
33:27 - находим элементы формы
33:43 - добавление через AddEventListener("submit")
38:48 - строка в число parseInt()
40:36 - очищаем $tableBody через innerHTML = " "
41:17 - оптимизируем код с помощью функции перемещаем в render()
43:34 - функция создания пользователя createUserTr() c return $userTr
46:10 - валидация
50:20 - сортировка пишем в функции render()
1:05:40 - фильтрация

Опубликовано:

 

18 май 2024

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 165   
@risenshine1349
@risenshine1349 Год назад
вы просто подарок в этом большом и сложном мире IT)) спасибо огромное за Ваши уроки!!
@alex_dudukalo
@alex_dudukalo Год назад
Спасибо вам за такой теплый отклик )) :) Очень приятно
@user-hc7wq9om9i
@user-hc7wq9om9i Год назад
Спасибо большое за полезную информацию! 👍👍👍
@brivi95
@brivi95 Год назад
Александр, спасибо большое за видеоуроки. После просмотра вашего контента становится более понятен алгоритм обучения JS.
@Ny_sas
@Ny_sas Год назад
Спасибо за работу!
@alex_dudukalo
@alex_dudukalo Год назад
Спасибо и вам ):
@alekskotov9660
@alekskotov9660 Год назад
Спасибо, классное видео - все, что надо и подробно. 👍
@alex_dudukalo
@alex_dudukalo Год назад
Я рад, что ролик вам помог :) Спасибо за комментарий. Не всегда получается отвечать сразу (
@HEBERKO-mw4sb8jd6g
@HEBERKO-mw4sb8jd6g Год назад
Спасибо за ваш труд, все понятно и доступно
@alex_dudukalo
@alex_dudukalo Год назад
Спасибо большое за ваш комментарий :) Рад, что видео понравилось :)
@user-rp9du1uu3l
@user-rp9du1uu3l 8 месяцев назад
Спасибо огромное за труд. Все по полочкам разложено.
@alex_dudukalo
@alex_dudukalo 8 месяцев назад
Спасибо за ваш комментарий🤗 надеюсь и другие видео курса будут вам полезны
@user-gm9dw4rq6r
@user-gm9dw4rq6r 11 месяцев назад
Спасибо, Александр, за труд.
@alex_dudukalo
@alex_dudukalo 10 месяцев назад
Спасибо вам за ваш комментарий и поддержку :)
@Holger_
@Holger_ Год назад
Прекрасное видео! Все было понятно и интересно! Спасибо!
@alex_dudukalo
@alex_dudukalo Год назад
Большое спасибо за ваш комментарий))
@user-kq2iu5vw5t
@user-kq2iu5vw5t Год назад
Огромное спасибо за такой понятный разбор материала, одно удовольствие разбираться в теме вместе с вами!
@alex_dudukalo
@alex_dudukalo Год назад
Спасибо за ваш отзыв ) Рад, что видео понравилось. Надеюсь все чуть прояснилось :)
@user-gd1rd8om4n
@user-gd1rd8om4n 6 месяцев назад
Спасибо за Вашу работу❤
@alex_dudukalo
@alex_dudukalo 6 месяцев назад
Спасибо за ваш комментарий🤗 ваша поддержка очень важна!))
@user-zk8pt6ic7x
@user-zk8pt6ic7x Год назад
Огромное спасибо за ваши видео, это лучшая помощь для начинающих.
@alex_dudukalo
@alex_dudukalo Год назад
Очень приятен ваше комментарий :) Спасибо
@user-ub8jf6ok9b
@user-ub8jf6ok9b Год назад
Александр, спасибо большое за видео! Делала все вместе с Вами, действительно Самое понятное объяснение! И еще многое, что для себя закрепила и на что-то посмотрела под другим ракурсом!
@alex_dudukalo
@alex_dudukalo Год назад
Спасибо за ваш комментарий. Я надеюсь, что видео помогло вам структурировать код. И лучше понять этапы и что для чего делается :)
@viktor___sun
@viktor___sun 11 месяцев назад
Спасибо, Александр! Очень полезный материал.
@alex_dudukalo
@alex_dudukalo 11 месяцев назад
Спасибо вам за ваш приятный и очень нужный комментарий :)
@anitoriV
@anitoriV 8 месяцев назад
Спасибо большое! :)
@alex_dudukalo
@alex_dudukalo 8 месяцев назад
Спасибо за ваш комментарий🤗
@asyaushakova7071
@asyaushakova7071 5 месяцев назад
Большая благодарность вам за объяснение 🌼🌼🌼
@alex_dudukalo
@alex_dudukalo 5 месяцев назад
Спасибо вам :) Рад, что вы посмотрели это видео.
@user-ki4vb6jv2y
@user-ki4vb6jv2y 5 месяцев назад
спасибо вам за вашу работу!
@alex_dudukalo
@alex_dudukalo 5 месяцев назад
Спасибо за ваш комментарий🤗 🔥
@user-zb7ij3gg5s
@user-zb7ij3gg5s Год назад
Спасибо!
@user-lm9ee1gn5p
@user-lm9ee1gn5p Год назад
заранее поставил лайк, как найду время, обязательно попробую реализовать
@alex_dudukalo
@alex_dudukalo Год назад
Спасибо за лайк авансом. Надеюсь видео этого заслуживает. Приятного просмотра. Будет интересно узнать ваше мнение :)
@ShuxriddinSolixov
@ShuxriddinSolixov 8 месяцев назад
Спасибо за супер видео
@alex_dudukalo
@alex_dudukalo 8 месяцев назад
Спасибо за ваш комментарий😊
@user-uz6xh2ey6b
@user-uz6xh2ey6b 3 месяца назад
Большое спасибо
@eks9835
@eks9835 Год назад
Огромное Вам спасибо! вот такими должны быть уроки на образовательных платформах, тогда бы и по практике возникало гораздо меньше вопросов. Все по полочкам: что, куда, откуда и главное зачем))сразу все ясно понятно))
@alex_dudukalo
@alex_dudukalo Год назад
Спасибо вам за комментарий :) Я очень рад, что ролик получился понятным и вам удалось разобраться в реализации задания
@andreyfedyukin8360
@andreyfedyukin8360 Год назад
Спасибо 👍
@alex_dudukalo
@alex_dudukalo Год назад
Спасибо вам за очередной отклик :)
@user-re2xu6hz3y
@user-re2xu6hz3y Год назад
Все максимально понятно, ясно и самое главное интересно. После ваших видео учить js стало легче. Побольше таких видео, спасибо👍
@alex_dudukalo
@alex_dudukalo Год назад
Благодарю за такой комментарий :)
@artemsmirnov8751
@artemsmirnov8751 5 месяцев назад
БОЛЬШОЕ СПАСИБО!!!👏🤝
@alex_dudukalo
@alex_dudukalo 5 месяцев назад
Спасибо за ваш комментарий🤗
@sergius_yo
@sergius_yo Год назад
Классно!! Это очень шикарное видео. Спасибо Вам, Александр, за такую классную реализацию списка! Было у меня тестовое в одну компанию, там нужно было отсортировать товары по цене и по категориям. Но тогда моих знаний JS было еще недостаточно(( сейчас посмотрю Ваше видео! :) Это поможет мне в дальнейшем, т.к. это очень распространенная практика: списки, фильтрация и т.д. Как всегда от меня лайк 👍🙂
@user-pl7jz8tc6d
@user-pl7jz8tc6d Месяц назад
Спасибо большое! Как всегда на высоте!
@alex_dudukalo
@alex_dudukalo Месяц назад
Спасибо вам :)
@chesnokovr
@chesnokovr 8 месяцев назад
Видео топ, спасибо. После его просмотра получилось значительно улучшить свой код и исправить некоторые недочеты.
@alex_dudukalo
@alex_dudukalo 8 месяцев назад
Спасибо за Ваш комментарий😊 надеюсь и другие видео курса будут вам полезны 🤗
@user-nc4es3dr4y
@user-nc4es3dr4y 5 месяцев назад
Спасибо. Как всегда всё на уровне! Благодаря этому виде познакомился с Bootstrap. Ждём продолжения вашего курса по JS
@alex_dudukalo
@alex_dudukalo 5 месяцев назад
Иван, большое спасибо за ваш отзыв. Это очень приятно. Готовлю продолжение курса и уже скорее хочется его начать показывать :)
@cravzew8895
@cravzew8895 Год назад
Лучший спикер хорошо все обьясняет. Почему ты не ведешь курс по JavaScript? Надо стучаться в компанию чтобы заменили Тимофея
@alex_dudukalo
@alex_dudukalo Год назад
:)) Спасибо за ваш приятнейший комментарий. Я пока тоже учусь делать ролики. Надеюсь у меня будет возможность поработать над материалами курса :)
@cravzew8895
@cravzew8895 Год назад
Вы правда приятный спикер которого приятно слушать. В вас видно что вы стараетесь у вас есть эмоции и вы объясняете на всех языках с понятными примерами. Вы также как и обычные люди другие совершаете ошибку и переживаете. Я бы ваше видео смотрел даже если оно 2 часа заняло. Пожалуйста не останавливайтесь
@user-sh9uq4jk7m
@user-sh9uq4jk7m 7 месяцев назад
Большое спасибо за такое понятное и подробное объяснение! :) Ваши уроки помогают быстрее понять и разобраться в JS! ^_^
@alex_dudukalo
@alex_dudukalo 7 месяцев назад
Так приятно читать такие комментарии ☺ Ваша поддержка очень вдохновляет! Желаю удачи в изучении JS, надеюсь другие видео на канале вам в этом помогут 😊
@alena_75
@alena_75 4 месяца назад
Александр, спасибо огромное за Ваши обучающие ролики! Лайк, комментарий, подписка - всё как Вы просили :)
@alex_dudukalo
@alex_dudukalo 4 месяца назад
Очень рад, что ролик вам помог разобраться в теме :) Спасибо за подписку, лайк и комментарий. Такая поддержка очень важна :)
@user-ph6hq4uo4t
@user-ph6hq4uo4t 5 месяцев назад
Делаю курсовую, полагаясь на многое из этого видео. Александр! Спасибо огромное за Ваш труд!
@alex_dudukalo
@alex_dudukalo 5 месяцев назад
Спасибо за комментарий🤗 приятно, что мой канал вам полезен, желаю успехов в курсовой 🔥
@anton4know
@anton4know Год назад
Огонь, пушка... Огонь из пушки)))
@alex_dudukalo
@alex_dudukalo Год назад
Большое спасибо за ваш отзыв :) Очень приятно
@XTREME79339
@XTREME79339 10 месяцев назад
Большое спасибо)) все очень понятно и доходчиво! Александр почему то всегда переживает что видео получается длинное, в записи в 2 захода очень удобно смотреть можешь все понять не спеша) Еще раз спасибо огромное
@alex_dudukalo
@alex_dudukalo 10 месяцев назад
Спасибо вам за комментарий )) Да, согласен. Так умещается больше информации. Но статистика просмотра говорит, что после 15й просмотра видео смотрят меньше )) Отсюда и сомнения в продолжительности ролика. Но, комментарии в основном положительные. Думаю тайминг можно сохранять, как есть. Спасибо вам :)
@tigrext20
@tigrext20 Год назад
Видео хоть и длинное, но оно все равно смотрится на одном дыхании, т.к. Вы каждую мелочь объясняете и все понятно, от того интересно и познавательно смотреть! Большое спасибо за труд! Не бросайте вести канал))
@alex_dudukalo
@alex_dudukalo Год назад
Очень приятно читать такие комментарии, потому что они реально помогают мне понять, что я делаю так а что нет. Кажется пока двигаюсь в верном направлении. Спасибо вам ❄️🎄🧑‍🎄
@user-en7qg2dq3m
@user-en7qg2dq3m 5 месяцев назад
Спасибо Вам большое! Если бы не Ваш канал, я бы ни один модуль не сдал на курсе базовый JS. Лайк
@alex_dudukalo
@alex_dudukalo 5 месяцев назад
Рад, что смог Вам помочь ☺ спасибо за ваш комментарий))
@andreypavlukov1192
@andreypavlukov1192 Год назад
шутки пушка, всё заценили🤣
@alex_dudukalo
@alex_dudukalo Год назад
))) Буду отдельный курс по шуткам от Александра записывать ))
@megabulk
@megabulk Год назад
Почти полтора часа на одном дыхании без склеек это мощно! Я бы только убрал из начала большое количество описания кого, как Вы назвали это видео.
@alex_dudukalo
@alex_dudukalo Год назад
Здравствуйте, спасибо за ваш комментарий. Как всегда поддерживаете. Да да :) Возможно начало затянул ) Без подготовки видео получаются длиннее. Заметил это за собой )) Но было интересно. Наверное, это самое большое видео на канале
@user-lm9ee1gn5p
@user-lm9ee1gn5p Год назад
@@alex_dudukalo было бы вообще за гранью фантастики таймкоды сделать)
@user-rl2rt3ki8g
@user-rl2rt3ki8g Год назад
Спасибо за подробный разбор. Вот бы еще localStorage на этом примере
@alex_dudukalo
@alex_dudukalo Год назад
Спасибо вам :) У меня есть такое видео. Думаю после просмотра вы сможете попробовать реализовать сохранение для этого списка :) ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-aCWAYWyymwA.html
@user-gj2mp3qu3v
@user-gj2mp3qu3v Год назад
Познавательное видео!! да, если запишете про Data..будет полезно!)
@alex_dudukalo
@alex_dudukalo Год назад
Спасибо вам :) Уже в плане, думаю в начале года будет ролик про работу с датами :)
@TarasAndriutsa
@TarasAndriutsa Год назад
красава
@alex_dudukalo
@alex_dudukalo Год назад
Спасибо :)
@alex_dudukalo
@alex_dudukalo Год назад
Спасибо :)
@romangoncharuk4455
@romangoncharuk4455 Год назад
лайк, подписка, колокольчик, спасибо!
@alex_dudukalo
@alex_dudukalo Год назад
Спасибо за ваше доверие, надеюсь контент будет интересным ) с наступившим Новым Годом ☺️
@andrewsolovev7771
@andrewsolovev7771 Год назад
Лайк и подписка
@alex_dudukalo
@alex_dudukalo Год назад
Спасибо за поддержку и подписку. Надеюсь вы найдете что то полезное на канале )
@dmitryulanov9395
@dmitryulanov9395 Год назад
Хорошие шутки)
@alex_dudukalo
@alex_dudukalo Год назад
))) от сердца
@Sanychish
@Sanychish Год назад
😊
@andrey-frontend
@andrey-frontend Год назад
Долго не решался посмотреть, потому что это сейчас моё дз по js,но решился на просмотр пока в дали от компьютера
@alex_dudukalo
@alex_dudukalo Год назад
Как впечатление ?:)
@andrey-frontend
@andrey-frontend Год назад
@@alex_dudukalo Все на много проще, чем кажется со стороны))
@midnightstar_zoriana
@midnightstar_zoriana 11 месяцев назад
❤❤❤❤❤❤❤❤❤❤
@alex_dudukalo
@alex_dudukalo 11 месяцев назад
Спасибо вам, это видео было долгим ) Надеюсь не заскучали )
@user-lm9ee1gn5p
@user-lm9ee1gn5p Год назад
0:00 Описание и подготовка проекта (создание элементов) 14:25 Функция Render() (отрисовка); 20:32 Отрисовка через цикл for of; 21:58 Подготовка копирование массива [...arr] и добавление в него fio 26:43 Стилизация таблицы 30:00 Добавление нового пользователя создание form и input 33:27 Находим элементы формы 33:43 Добавление через AddEventListener("submit") 38:48 строка в число parseInt() 40:36 Очищаем $tableBody через innerHTML = " " 41:17 Оптимизируем код с помощью функции перемещаем в render() 43:34 Функция создания пользователя createUserTr() c return $userTr 46:10 Валидация 50:20 Сортировка пишем в функции render() 1:05:40 Фильтрация
@alex_dudukalo
@alex_dudukalo Год назад
Вы просто подарок :) Большое спасибо за тайм-коды. Добавлю с вашего позволение в основное описание видео :)
@user-lm9ee1gn5p
@user-lm9ee1gn5p Год назад
@@alex_dudukalo Да не за что, писал под себя, но может кому-то тоже пригодится 😊
@alex_dudukalo
@alex_dudukalo Год назад
@@user-lm9ee1gn5p уверен , что пригодится ) мне частенько напоминают в комментариях про тайм-коды
@user-ry2xs6jp1d
@user-ry2xs6jp1d Год назад
Хорошее видео. Было бы круто, если бы показали, как делать фильтрацию с числовыми значениями. Спасибо!
@alex_dudukalo
@alex_dudukalo Год назад
Спасибо вам. Кажется с числовыми значениями тоже должна работать фильтрация. Или вы что тот другое имели ввиду?
@user-ry2xs6jp1d
@user-ry2xs6jp1d Год назад
@@alex_dudukalo Приложение падало в ошибку, но когда в функцию фильтрации добавил toString(), то стало работать)
@liza0046
@liza0046 10 месяцев назад
@@user-ry2xs6jp1d СПАСИБО! И Александру и вам. Тоже прочитала что инклюд не работает с числовыми значениями, и добавляла toString() не в то место))) (как всегда)
@PieceOfInternet
@PieceOfInternet 10 месяцев назад
Ваши видео как всегда чудесны и познавательны, спасибо! Заметил один момент, где-то на 23 минуты когда вы используете оператор rest для создания копии объекта -> const copyListData = [...listData] и так как в listData хранятся сами объекты, то соответственно в переменную copyListData мы получим ссылки на те же объекты что и в listData, т.е. к примеру listData[0] === copyListData [0] //true. Сталкивался с этим уже не первый раз сам) чтобы скопировать именно массив объектов и сделать их именно независимой копией можно только через JSON.stringify, так как даже Object.assign не сможет в данном примере решить вопрос) то есть только JSON в данном формате решает вопрос. const copyListData = JSON.parse(JSON.stringify(listData)) Либо же через цикл сделать фактически тоже, что сделает два массива объектов независимыми const copyListData = []; for (const person of listData) { copyListData.push({ ...person }); }
@alex_dudukalo
@alex_dudukalo 10 месяцев назад
Спасибо за ваш комментарий :) К сожалению не получилось ответить быстрее 😔. Да, вы справедливо заметили, что мы копируем только набор ссылок на объекты. Но если так подумать, то нам этого достаточно. Из массива убираем ссылку на объект. Сортируем объекты ссылок. И тд. Главное где-то сохранять оригинальный набор ссылок на объекты :) Кстати, с JSON.stringify (для копирования) иногда бывают свои сложности. Можно еще использовать рекурсию. Вообще я возмущен тому факту, что в JS нет встроенного удобного способа копирования таких массивов )
@PieceOfInternet
@PieceOfInternet 10 месяцев назад
@@alex_dudukalo Ничего страшного) а какие бывают сложности? просто интересно. Да вообще очень странно что нет способов для решения вроде бы элементарных вопросов)
@alex_dudukalo
@alex_dudukalo 10 месяцев назад
@@PieceOfInternet Например, если значение какого то свойства - другой объект, переданный по ссылке. Ссылочная связь нарушиться :) Если значение свойства - экземпляр класса или метод )
@alex_dudukalo
@alex_dudukalo 10 месяцев назад
@@PieceOfInternet Да, безусловно - для простых задач подойдет хорошо :)
@PieceOfInternet
@PieceOfInternet 10 месяцев назад
@@alex_dudukalo Спасибо за ответ) не знал о таком)
@tututrtr9575
@tututrtr9575 Год назад
Я хотел бы предложить идею(как твой подписчикк... хахааахах) . Как тебе идея решать задачки на CodeWars? Хотя бы получасовой ролик, а потом посмотришь на реакцию твоих других подписчиков
@alex_dudukalo
@alex_dudukalo Год назад
Отличная идея :) Можно попробовать. Нужно будет заняться после записи видео по плану :)
@iceRash
@iceRash Год назад
спс за контент, делайте пж тайм коды для удобства
@alex_dudukalo
@alex_dudukalo Год назад
Спасибо вам за идею и комментарий. Пожалуй займусь этим и добавлю под видео :)
@makeuppolina
@makeuppolina Год назад
Александр, спасибо вам большое за это подробное видео! Название оправдано, всё разложено по полочкам! А я люблю работать ( пока еще учиться на frontend-разработчика) утром, часов с 5 утра. Хотя для кого-то это ночь)) JS идет сложнее вёрстки. Что можете посоветовать для большего понимания процессов?
@alex_dudukalo
@alex_dudukalo Год назад
Спасибо вам за отклик :) Я просыпаюсь поздно (ложусь тоже поздно), пью кофе и сразу начинаю работать. Можно сказать, я то же с пробуждения работаю )) Больше практики. Советую придумать или найти для себя интересную задачу и пробовать ее делать. Вы столько вопросов для себя откроете и самое главное будете пытаться получить на них ответы. Это крутой способ учиться)
@tututrtr9575
@tututrtr9575 Год назад
Я бы хотел видео по бутстрапу в твоем исполнении
@alex_dudukalo
@alex_dudukalo Год назад
Я записывал короткий ролик: ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-66Pk0ygL5iQ.html Но да, для бутступ нужно больше видео. Или даже отдельный плейлист :)
@katiek.3563
@katiek.3563 Год назад
Все очень подробно, видео супер! Подскажите, а как сделать так, чтобы при первом нажатии на заголовок сортировка была по возрастанию, а при повторном по убыванию? Вданном решении направление сортировки меняется поочередно независимо от заголовка столбца
@asgard1428
@asgard1428 Год назад
Я пока сохранил себе чтобы посмотреть потом, сейчас нет возможности посмотреть полностью видео. Но думаю все будет как всегда четко. Только благодаря Вам Александр у меня есть какие-то знание js. Ваше терпение при проверке работ -это железо. Конечно все не так просто, но только благодаря Вам у меня есть хоть что-то в голове.
@alex_dudukalo
@alex_dudukalo Год назад
Здравствуйте. Мне очень приятно, то что я могу учавствовать в процессе постижения вами программирования и JS. Надеюсь, что у вас все получится и эти знания помогут изменить что то в вашей жизни и строить планы. Я всегда стараюсь делать разборы лучше. Кстати, ваши комментарии всегда мне помогают. Как у вас сейчас дела? Есть прогресс по итоговой работе с CRM? или пока отложили ? :) Это видео может помочь с ней
@asgard1428
@asgard1428 Год назад
@@alex_dudukalo если честно отложил немного. Решил полностью закончить верстку, а потом js по полной программе и как раз сразу после js начну изучать фреймворки. Думаю так будет более последовательно. Плюс получил свой первый коммерческий проект по созданию интернет магазина женской одежды, его нужно выполнять. Да и конечно все это оттягивает основная работа. В общем все кипит, а вот с временем конечно проблема🤷
@asgard1428
@asgard1428 Год назад
@@alex_dudukalo видео это добавил себе в библиотеку чтобы не потерять. Начну выполнять дипломную работу обязательно посмотрю. Спасибо Вам!!!
@sergius_yo
@sergius_yo Год назад
согласен с Вами!!!
@user-lm9ee1gn5p
@user-lm9ee1gn5p Год назад
Александр, мой совет, лучше такие видео делать по частям, просмотров больше будет (как вы делали список сотрудников), ну и так лучше мне лучше воспринимается как новичку, ну или хотя бы там коды, мне не хватает усидчивости смотреть полтора часа 😅
@alex_dudukalo
@alex_dudukalo Год назад
Да, я думаю вы правы :) когда записывал ролик , увлекся и растянул )) будем за этим следить 😇
@user-vo9fl1or2z
@user-vo9fl1or2z Год назад
Здравствуйте Александр! Спасибо вам за ваш труд. Можете ещё метки добавить на видео, чтобы навигация по материалу была удобнее?
@alex_dudukalo
@alex_dudukalo Год назад
Спасибо вам ща комментарий ) В новых роликах уже это делаю; Буду стараться делать это и в уже снятых :)
@tututrtr9575
@tututrtr9575 Год назад
Круто, но мне кажется что(на мой взгляд) слишком быстро. Я не то чтобы медленный, но и быстрым не назвал бы себя. Однако усваивать материал и печатать как-то не получается, из-за этого перематываю назад или ставлю на паузу, а так мне очень понравилось.
@alex_dudukalo
@alex_dudukalo Год назад
Спасибо за ваш отзыв :) Да, конечно. Я мог бы показывать и рассказывать медленнее, но боюсь видео растянулось бы на три часа :( А это очень долго ((
@BMikel
@BMikel 6 месяцев назад
Очень толковый туториал. Но жаль нет редактирования айтемов. Работа со стейтом, edit true, edit false. Вот было бы здорово
@user-de5es7nn1z
@user-de5es7nn1z 10 месяцев назад
Здравствуйте Александр. Видео лучшее)Огромное спасибо) Вот только исходник кода в телеграмме я не смог найти, не скажите,как его найти?
@alex_dudukalo
@alex_dudukalo 10 месяцев назад
Здравствуйте, спасибо вам за комментарий :) Прикрепляю ссылку на пост в телеграмме с исходниками: t.me/frontend_du2/30
@user-lc5fi3iw1k
@user-lc5fi3iw1k 3 месяца назад
Добрый день! Спасибо за видео. Скажите, как можно организовать фильтрацию по диапазону чисел? Например, возраст > 25лет, но меньше
@alenucagolantrevice5901
@alenucagolantrevice5901 Год назад
Здравствуйте не объяснили как очищать поля после заполнения, чтобы они автоматически становились пустыми после добавления, спасибо
@slagrach
@slagrach Год назад
Если есть возможность добавлять мне кажется логичным было бы иметь так же возможность удалять! А еще круче было бы иметь возможность редактировать тех кто уже есть...!
@alex_dudukalo
@alex_dudukalo Год назад
Спасибо за комментарий с предложением. Да, я думал о том, что бы добавить возможность редактировать. Пожалуй в следующих роликах добавлю это :)
@user-nn1ix2rv8e
@user-nn1ix2rv8e 10 месяцев назад
Комментарий в поддержку канала
@alex_dudukalo
@alex_dudukalo 10 месяцев назад
Спасибо вам за него :)
@mariannaorlova1761
@mariannaorlova1761 Год назад
Просмотрела урок, скачала исходник и по образцу сделала задание. все понятно, все замечательно, спасибо! Одна только очень странная проблема - сортировка массива работает в Хроме, но не работает в Мозилле. Почему так, обнаружить не удалось. Пробовали ли вы выполнять это приложение в Мозилле и получилась ли у вас сортировка? И что вы думаете по этому поводу?
@alex_dudukalo
@alex_dudukalo Год назад
Большое спасибо за ваш комментарий и замечание. Да, вы правы. В фаерфоксе сортировка не работает в текущей реализации из-за особенности фаерфокс. Я немного доработал код и обновил в телеграме архив с исходниками. Вот так функция должна выглядеть и должна работать в фаерфоксе copyListData = copyListData.sort(function(a, b) { console.log(a, b); let sort = a[sortColumnFlag] < b[sortColumnFlag] if (sortDirFlag == false) sort = a[sortColumnFlag] > b[sortColumnFlag] return sort ? -1 : 1 })
@mariannaorlova1761
@mariannaorlova1761 Год назад
@@alex_dudukalo спасибо большое, все работает! Я просто предпочитаю фаерфокс, потому что мне удобнее его инструменты разработчика. Но это первый раз, когда я сталкиваюсь с подобным.
@user-uh8lg6mv1s
@user-uh8lg6mv1s Год назад
Добрый день! Делаю по вашему уроку список, скажите пожалуйста какую функцию добавить,чтобы была возможность удаления одного из сообщений?
@alex_dudukalo
@alex_dudukalo Год назад
Здравствуйте, вы делаете удаление с сервера ?
@user-uh8lg6mv1s
@user-uh8lg6mv1s Год назад
@@alex_dudukalo да с сервера
@user-fh7dx7tz4p
@user-fh7dx7tz4p Год назад
Добрый день, покажите пожалуйста как в качестве базы данных работать с json. Все данные списка сохранять туда
@alex_dudukalo
@alex_dudukalo Год назад
Здравствуйте, JSON можно использовать, как формат для хранения данных. Вы хотите хранить данные в localStorage?
@Tilda_Practice
@Tilda_Practice Год назад
@@alex_dudukalo да
@tututrtr9575
@tututrtr9575 Год назад
Я бы хотел чтобы ты поработал с датами, по крайней мере лишним не будет
@alex_dudukalo
@alex_dudukalo Год назад
Да, я планирую специальное видео с датами ) Возможно включу их в этот список :)
@snegosvin6815
@snegosvin6815 5 месяцев назад
А как выполнить валидацию даты по диапазону, можете пжста сказать? А то мучаюсь с этой практической работой по 10му модулю Skillbox, ищу видеоролики в Ютубе, но внятного ответа нет
@alex_dudukalo
@alex_dudukalo 5 месяцев назад
Здравствуйте, здесь нужно сравнивать даты. Это очень похоже на проверку вхождения числа в нужный диапазон. У меня есть видео, в котором я показываю, как делать сравнение двух дат. Для вашей задачи придется добавить еще одно условие ) ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE--_Q-E4ZR5SQ.html
@armulinaarmulina358
@armulinaarmulina358 Год назад
У меня неприятное чувство, что я читерю, когда смотрю ваши видео и делаю дз по js, я зря так переживаю или для учебы все же нужно самостоятельно биться об стенку?
@alex_dudukalo
@alex_dudukalo Год назад
Безусловно это в какой то степени читерство )). Но я рекомендую так. Посмотрели видео -> поняли концпецию. И пробуете воспроизвести без подсматриваний :) Так будет очень даже хорошо
@sollevar8693
@sollevar8693 3 месяца назад
У вас массив не будет копироваться, а будет ссылаться на оригинал, для того чтобы сделать копию нужно (пример let newStudentsList = arrData.map((obj) => ({ ...obj })); )
@alex_dudukalo
@alex_dudukalo 3 месяца назад
Здравствуйте, подскажите о какой минуте из видео идет речь :) Хочу проверить.
@sollevar8693
@sollevar8693 3 месяца назад
@@alex_dudukalo Добрый день, ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-J5y3F-So1aY.html 22:04
@ArmTool
@ArmTool Год назад
Зачем знак доллара?
@alex_dudukalo
@alex_dudukalo Год назад
Так мы показывает, что переменная или константа предназначена для DOM элемента :) Это удобно. Сразу понятно, что это HTML элемент )
@ArmTool
@ArmTool Год назад
@@alex_dudukalo спасибо
@gsv60
@gsv60 Год назад
37:59 я ничего не слышал
@alex_dudukalo
@alex_dudukalo Год назад
Запнулся в видео. Говорю: "Для добавления используем push"
@TarasAndriutsa
@TarasAndriutsa Год назад
C вами хоть можно учится
@alex_dudukalo
@alex_dudukalo Год назад
Спасибо за ваш комментарий :) Надеюсь видео помогло разложить все по полкам :)
@dima18127
@dima18127 11 месяцев назад
Спасибо!
@alex_dudukalo
@alex_dudukalo 11 месяцев назад
Спасибо вам :)
Далее
Асинхронный код в Javascript
39:21
Просмотров 9 тыс.