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

Рет қаралды 16,162

Күн бұрын

Список пользователей на JS. Делаем отрисовку, Форму добавления элементов, валидацию, сортировку и фильтрацию.
👁‍🗨 Исходники кода в телеграм канале: t.me/frontend_du2
👁‍🗨 Discord сервер: / discord
👁‍🗨 VK: frontend_du2
👁‍🗨 Дзен: dzen.ru/frontend_it
Фильтрация массива: • Фильтрация массива объ...
Сортировка массива: • Сортировка массива объ...
Буду рад подписке, лайку и комментарию. Спасибо за вашу поддержку.
Тайм-коды:
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 - фильтрация

Пікірлер: 166

@risenshine1349 Жыл бұрын

вы просто подарок в этом большом и сложном мире IT)) спасибо огромное за Ваши уроки!!

@alex_dudukalo Жыл бұрын

Спасибо вам за такой теплый отклик )) :) Очень приятно

@eks9835 Жыл бұрын

Огромное Вам спасибо! вот такими должны быть уроки на образовательных платформах, тогда бы и по практике возникало гораздо меньше вопросов. Все по полочкам: что, куда, откуда и главное зачем))сразу все ясно понятно))

@alex_dudukalo Жыл бұрын

Спасибо вам за комментарий :) Я очень рад, что ролик получился понятным и вам удалось разобраться в реализации задания

@brivi95 Жыл бұрын

Александр, спасибо большое за видеоуроки. После просмотра вашего контента становится более понятен алгоритм обучения JS.

@HEBERKO-mw4sb8jd6g Жыл бұрын

Спасибо за ваш труд, все понятно и доступно

@alex_dudukalo Жыл бұрын

Спасибо большое за ваш комментарий :) Рад, что видео понравилось :)

@user-kq2iu5vw5t Жыл бұрын

Огромное спасибо за такой понятный разбор материала, одно удовольствие разбираться в теме вместе с вами!

@alex_dudukalo Жыл бұрын

Спасибо за ваш отзыв ) Рад, что видео понравилось. Надеюсь все чуть прояснилось :)

@user-ub8jf6ok9b Жыл бұрын

Александр, спасибо большое за видео! Делала все вместе с Вами, действительно Самое понятное объяснение! И еще многое, что для себя закрепила и на что-то посмотрела под другим ракурсом!

@alex_dudukalo Жыл бұрын

Спасибо за ваш комментарий. Я надеюсь, что видео помогло вам структурировать код. И лучше понять этапы и что для чего делается :)

@asgard1428 Жыл бұрын

Я пока сохранил себе чтобы посмотреть потом, сейчас нет возможности посмотреть полностью видео. Но думаю все будет как всегда четко. Только благодаря Вам Александр у меня есть какие-то знание js. Ваше терпение при проверке работ -это железо. Конечно все не так просто, но только благодаря Вам у меня есть хоть что-то в голове.

@alex_dudukalo Жыл бұрын

Здравствуйте. Мне очень приятно, то что я могу учавствовать в процессе постижения вами программирования и JS. Надеюсь, что у вас все получится и эти знания помогут изменить что то в вашей жизни и строить планы. Я всегда стараюсь делать разборы лучше. Кстати, ваши комментарии всегда мне помогают. Как у вас сейчас дела? Есть прогресс по итоговой работе с CRM? или пока отложили ? :) Это видео может помочь с ней

@asgard1428 Жыл бұрын

@@alex_dudukalo если честно отложил немного. Решил полностью закончить верстку, а потом js по полной программе и как раз сразу после js начну изучать фреймворки. Думаю так будет более последовательно. Плюс получил свой первый коммерческий проект по созданию интернет магазина женской одежды, его нужно выполнять. Да и конечно все это оттягивает основная работа. В общем все кипит, а вот с временем конечно проблема🤷

@asgard1428 Жыл бұрын

@@alex_dudukalo видео это добавил себе в библиотеку чтобы не потерять. Начну выполнять дипломную работу обязательно посмотрю. Спасибо Вам!!!

@sergius_yo Жыл бұрын

согласен с Вами!!!

@tigrext20 Жыл бұрын

Видео хоть и длинное, но оно все равно смотрится на одном дыхании, т.к. Вы каждую мелочь объясняете и все понятно, от того интересно и познавательно смотреть! Большое спасибо за труд! Не бросайте вести канал))

@alex_dudukalo Жыл бұрын

Очень приятно читать такие комментарии, потому что они реально помогают мне понять, что я делаю так а что нет. Кажется пока двигаюсь в верном направлении. Спасибо вам ❄️🎄🧑‍🎄

@user-hc7wq9om9i Жыл бұрын

Спасибо большое за полезную информацию! 👍👍👍

@user-zk8pt6ic7x Жыл бұрын

Огромное спасибо за ваши видео, это лучшая помощь для начинающих.

@alex_dudukalo Жыл бұрын

Очень приятен ваше комментарий :) Спасибо

@alekskotov9660 Жыл бұрын

Спасибо, классное видео - все, что надо и подробно. 👍

@alex_dudukalo Жыл бұрын

Я рад, что ролик вам помог :) Спасибо за комментарий. Не всегда получается отвечать сразу (

@Holger_ Жыл бұрын

Прекрасное видео! Все было понятно и интересно! Спасибо!

@alex_dudukalo Жыл бұрын

Большое спасибо за ваш комментарий))

@user-re2xu6hz3y Жыл бұрын

Все максимально понятно, ясно и самое главное интересно. После ваших видео учить js стало легче. Побольше таких видео, спасибо👍

@alex_dudukalo Жыл бұрын

Благодарю за такой комментарий :)

@user-rp9du1uu3l 9 ай бұрын

Спасибо огромное за труд. Все по полочкам разложено.

@alex_dudukalo 9 ай бұрын

Спасибо за ваш комментарий🤗 надеюсь и другие видео курса будут вам полезны

@user-nc4es3dr4y 6 ай бұрын

Спасибо. Как всегда всё на уровне! Благодаря этому виде познакомился с Bootstrap. Ждём продолжения вашего курса по JS

@alex_dudukalo 6 ай бұрын

Иван, большое спасибо за ваш отзыв. Это очень приятно. Готовлю продолжение курса и уже скорее хочется его начать показывать :)

@sergius_yo Жыл бұрын

Классно!! Это очень шикарное видео. Спасибо Вам, Александр, за такую классную реализацию списка! Было у меня тестовое в одну компанию, там нужно было отсортировать товары по цене и по категориям. Но тогда моих знаний JS было еще недостаточно(( сейчас посмотрю Ваше видео! :) Это поможет мне в дальнейшем, т.к. это очень распространенная практика: списки, фильтрация и т.д. Как всегда от меня лайк 👍🙂

@user-gm9dw4rq6r Жыл бұрын

Спасибо, Александр, за труд.

@alex_dudukalo Жыл бұрын

Спасибо вам за ваш комментарий и поддержку :)

@Ny_sas Жыл бұрын

Спасибо за работу!

@alex_dudukalo Жыл бұрын

Спасибо и вам ):

@cravzew8895 Жыл бұрын

Лучший спикер хорошо все обьясняет. Почему ты не ведешь курс по JavaScript? Надо стучаться в компанию чтобы заменили Тимофея

@alex_dudukalo Жыл бұрын

:)) Спасибо за ваш приятнейший комментарий. Я пока тоже учусь делать ролики. Надеюсь у меня будет возможность поработать над материалами курса :)

@cravzew8895 Жыл бұрын

Вы правда приятный спикер которого приятно слушать. В вас видно что вы стараетесь у вас есть эмоции и вы объясняете на всех языках с понятными примерами. Вы также как и обычные люди другие совершаете ошибку и переживаете. Я бы ваше видео смотрел даже если оно 2 часа заняло. Пожалуйста не останавливайтесь

@megabulk Жыл бұрын

Почти полтора часа на одном дыхании без склеек это мощно! Я бы только убрал из начала большое количество описания кого, как Вы назвали это видео.

@alex_dudukalo Жыл бұрын

Здравствуйте, спасибо за ваш комментарий. Как всегда поддерживаете. Да да :) Возможно начало затянул ) Без подготовки видео получаются длиннее. Заметил это за собой )) Но было интересно. Наверное, это самое большое видео на канале

@user-lm9ee1gn5p Жыл бұрын

@@alex_dudukalo было бы вообще за гранью фантастики таймкоды сделать)

@chesnokovr 10 ай бұрын

Видео топ, спасибо. После его просмотра получилось значительно улучшить свой код и исправить некоторые недочеты.

@alex_dudukalo 10 ай бұрын

Спасибо за Ваш комментарий😊 надеюсь и другие видео курса будут вам полезны 🤗

@user-lm9ee1gn5p Жыл бұрын

заранее поставил лайк, как найду время, обязательно попробую реализовать

@alex_dudukalo Жыл бұрын

Спасибо за лайк авансом. Надеюсь видео этого заслуживает. Приятного просмотра. Будет интересно узнать ваше мнение :)

@user-sh9uq4jk7m 8 ай бұрын

Большое спасибо за такое понятное и подробное объяснение! :) Ваши уроки помогают быстрее понять и разобраться в JS! ^_^

@alex_dudukalo 8 ай бұрын

Так приятно читать такие комментарии ☺ Ваша поддержка очень вдохновляет! Желаю удачи в изучении JS, надеюсь другие видео на канале вам в этом помогут 😊

@viktor___sun Жыл бұрын

Спасибо, Александр! Очень полезный материал.

@alex_dudukalo Жыл бұрын

Спасибо вам за ваш приятный и очень нужный комментарий :)

@user-en7qg2dq3m 7 ай бұрын

Спасибо Вам большое! Если бы не Ваш канал, я бы ни один модуль не сдал на курсе базовый JS. Лайк

@alex_dudukalo 7 ай бұрын

Рад, что смог Вам помочь ☺ спасибо за ваш комментарий))

@asyaushakova7071 6 ай бұрын

Большая благодарность вам за объяснение 🌼🌼🌼

@alex_dudukalo 6 ай бұрын

Спасибо вам :) Рад, что вы посмотрели это видео.

@XTREME79339 11 ай бұрын

Большое спасибо)) все очень понятно и доходчиво! Александр почему то всегда переживает что видео получается длинное, в записи в 2 захода очень удобно смотреть можешь все понять не спеша) Еще раз спасибо огромное

@alex_dudukalo 11 ай бұрын

Спасибо вам за комментарий )) Да, согласен. Так умещается больше информации. Но статистика просмотра говорит, что после 15й просмотра видео смотрят меньше )) Отсюда и сомнения в продолжительности ролика. Но, комментарии в основном положительные. Думаю тайминг можно сохранять, как есть. Спасибо вам :)

@user-gd1rd8om4n 7 ай бұрын

Спасибо за Вашу работу❤

@alex_dudukalo 7 ай бұрын

Спасибо за ваш комментарий🤗 ваша поддержка очень важна!))

@user-ki4vb6jv2y 6 ай бұрын

спасибо вам за вашу работу!

@alex_dudukalo 6 ай бұрын

Спасибо за ваш комментарий🤗 🔥

@user-pl7jz8tc6d 3 ай бұрын

Спасибо большое! Как всегда на высоте!

@alex_dudukalo 3 ай бұрын

Спасибо вам :)

@alena_75 5 ай бұрын

Александр, спасибо огромное за Ваши обучающие ролики! Лайк, комментарий, подписка - всё как Вы просили :)

@alex_dudukalo 5 ай бұрын

Очень рад, что ролик вам помог разобраться в теме :) Спасибо за подписку, лайк и комментарий. Такая поддержка очень важна :)

@user-ph6hq4uo4t 6 ай бұрын

Делаю курсовую, полагаясь на многое из этого видео. Александр! Спасибо огромное за Ваш труд!

@alex_dudukalo 6 ай бұрын

Спасибо за комментарий🤗 приятно, что мой канал вам полезен, желаю успехов в курсовой 🔥

@Ali-ltm Ай бұрын

Спасибо большое❤❤❤❤

@andreypavlukov1192 Жыл бұрын

шутки пушка, всё заценили🤣

@alex_dudukalo Жыл бұрын

))) Буду отдельный курс по шуткам от Александра записывать ))

@anitoriV 9 ай бұрын

Спасибо большое! :)

@alex_dudukalo 9 ай бұрын

Спасибо за ваш комментарий🤗

@ShuxriddinSolixov 10 ай бұрын

Спасибо за супер видео

@alex_dudukalo 10 ай бұрын

Спасибо за ваш комментарий😊

@user-uz6xh2ey6b 5 ай бұрын

Большое спасибо

@artemsmirnov8751 7 ай бұрын

БОЛЬШОЕ СПАСИБО!!!👏🤝

@alex_dudukalo 7 ай бұрын

Спасибо за ваш комментарий🤗

@user-gj2mp3qu3v Жыл бұрын

Познавательное видео!! да, если запишете про Data..будет полезно!)

@alex_dudukalo Жыл бұрын

Спасибо вам :) Уже в плане, думаю в начале года будет ролик про работу с датами :)

@user-zb7ij3gg5s Жыл бұрын

Спасибо!

@andreyfedyukin8360 Жыл бұрын

Спасибо 👍

@alex_dudukalo Жыл бұрын

Спасибо вам за очередной отклик :)

@anton4know Жыл бұрын

Огонь, пушка... Огонь из пушки)))

@alex_dudukalo Жыл бұрын

Большое спасибо за ваш отзыв :) Очень приятно

@tututrtr9575 Жыл бұрын

Я хотел бы предложить идею(как твой подписчикк... хахааахах) . Как тебе идея решать задачки на CodeWars? Хотя бы получасовой ролик, а потом посмотришь на реакцию твоих других подписчиков

@alex_dudukalo Жыл бұрын

Отличная идея :) Можно попробовать. Нужно будет заняться после записи видео по плану :)

@user-rl2rt3ki8g Жыл бұрын

Спасибо за подробный разбор. Вот бы еще localStorage на этом примере

@alex_dudukalo Жыл бұрын

Спасибо вам :) У меня есть такое видео. Думаю после просмотра вы сможете попробовать реализовать сохранение для этого списка :) kzfaq.info/get/bejne/l6mHdLyI3t_Rp3U.html

@romangoncharuk4455 Жыл бұрын

лайк, подписка, колокольчик, спасибо!

@alex_dudukalo Жыл бұрын

Спасибо за ваше доверие, надеюсь контент будет интересным ) с наступившим Новым Годом ☺️

@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 Жыл бұрын

Вы просто подарок :) Большое спасибо за тайм-коды. Добавлю с вашего позволение в основное описание видео :)

@user-lm9ee1gn5p Жыл бұрын

@@alex_dudukalo Да не за что, писал под себя, но может кому-то тоже пригодится 😊

@alex_dudukalo Жыл бұрын

@@user-lm9ee1gn5p уверен , что пригодится ) мне частенько напоминают в комментариях про тайм-коды

@andrewsolovev7771 Жыл бұрын

Лайк и подписка

@alex_dudukalo Жыл бұрын

Спасибо за поддержку и подписку. Надеюсь вы найдете что то полезное на канале )

@user-lm9ee1gn5p Жыл бұрын

Александр, мой совет, лучше такие видео делать по частям, просмотров больше будет (как вы делали список сотрудников), ну и так лучше мне лучше воспринимается как новичку, ну или хотя бы там коды, мне не хватает усидчивости смотреть полтора часа 😅

@alex_dudukalo Жыл бұрын

Да, я думаю вы правы :) когда записывал ролик , увлекся и растянул )) будем за этим следить 😇

@makeuppolina Жыл бұрын

Александр, спасибо вам большое за это подробное видео! Название оправдано, всё разложено по полочкам! А я люблю работать ( пока еще учиться на frontend-разработчика) утром, часов с 5 утра. Хотя для кого-то это ночь)) JS идет сложнее вёрстки. Что можете посоветовать для большего понимания процессов?

@alex_dudukalo Жыл бұрын

Спасибо вам за отклик :) Я просыпаюсь поздно (ложусь тоже поздно), пью кофе и сразу начинаю работать. Можно сказать, я то же с пробуждения работаю )) Больше практики. Советую придумать или найти для себя интересную задачу и пробовать ее делать. Вы столько вопросов для себя откроете и самое главное будете пытаться получить на них ответы. Это крутой способ учиться)

@katiek.3563 Жыл бұрын

Все очень подробно, видео супер! Подскажите, а как сделать так, чтобы при первом нажатии на заголовок сортировка была по возрастанию, а при повторном по убыванию? Вданном решении направление сортировки меняется поочередно независимо от заголовка столбца

@dmitryulanov9395 Жыл бұрын

Хорошие шутки)

@alex_dudukalo Жыл бұрын

))) от сердца

@PieceOfInternet Жыл бұрын

Ваши видео как всегда чудесны и познавательны, спасибо! Заметил один момент, где-то на 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 11 ай бұрын

Спасибо за ваш комментарий :) К сожалению не получилось ответить быстрее 😔. Да, вы справедливо заметили, что мы копируем только набор ссылок на объекты. Но если так подумать, то нам этого достаточно. Из массива убираем ссылку на объект. Сортируем объекты ссылок. И тд. Главное где-то сохранять оригинальный набор ссылок на объекты :) Кстати, с JSON.stringify (для копирования) иногда бывают свои сложности. Можно еще использовать рекурсию. Вообще я возмущен тому факту, что в JS нет встроенного удобного способа копирования таких массивов )

@PieceOfInternet 11 ай бұрын

@@alex_dudukalo Ничего страшного) а какие бывают сложности? просто интересно. Да вообще очень странно что нет способов для решения вроде бы элементарных вопросов)

@alex_dudukalo 11 ай бұрын

@@PieceOfInternet Например, если значение какого то свойства - другой объект, переданный по ссылке. Ссылочная связь нарушиться :) Если значение свойства - экземпляр класса или метод )

@alex_dudukalo 11 ай бұрын

@@PieceOfInternet Да, безусловно - для простых задач подойдет хорошо :)

@PieceOfInternet 11 ай бұрын

@@alex_dudukalo Спасибо за ответ) не знал о таком)

@TarasAndriutsa Жыл бұрын

красава

@alex_dudukalo Жыл бұрын

Спасибо :)

@alex_dudukalo Жыл бұрын

Спасибо :)

@midnightstar_zoriana Жыл бұрын

❤❤❤❤❤❤❤❤❤❤

@alex_dudukalo Жыл бұрын

Спасибо вам, это видео было долгим ) Надеюсь не заскучали )

@user-ry2xs6jp1d Жыл бұрын

Хорошее видео. Было бы круто, если бы показали, как делать фильтрацию с числовыми значениями. Спасибо!

@alex_dudukalo Жыл бұрын

Спасибо вам. Кажется с числовыми значениями тоже должна работать фильтрация. Или вы что тот другое имели ввиду?

@user-ry2xs6jp1d Жыл бұрын

@@alex_dudukalo Приложение падало в ошибку, но когда в функцию фильтрации добавил toString(), то стало работать)

@liza0046 11 ай бұрын

@@user-ry2xs6jp1d СПАСИБО! И Александру и вам. Тоже прочитала что инклюд не работает с числовыми значениями, и добавляла toString() не в то место))) (как всегда)

@Sanychish Жыл бұрын

😊

@tututrtr9575 Жыл бұрын

Круто, но мне кажется что(на мой взгляд) слишком быстро. Я не то чтобы медленный, но и быстрым не назвал бы себя. Однако усваивать материал и печатать как-то не получается, из-за этого перематываю назад или ставлю на паузу, а так мне очень понравилось.

@alex_dudukalo Жыл бұрын

Спасибо за ваш отзыв :) Да, конечно. Я мог бы показывать и рассказывать медленнее, но боюсь видео растянулось бы на три часа :( А это очень долго ((

@andrey-frontend Жыл бұрын

Долго не решался посмотреть, потому что это сейчас моё дз по js,но решился на просмотр пока в дали от компьютера

@alex_dudukalo Жыл бұрын

Как впечатление ?:)

@andrey-frontend Жыл бұрын

@@alex_dudukalo Все на много проще, чем кажется со стороны))

@tututrtr9575 Жыл бұрын

Я бы хотел видео по бутстрапу в твоем исполнении

@alex_dudukalo Жыл бұрын

Я записывал короткий ролик: kzfaq.info/get/bejne/bJyAnpOqzLKZmYU.html Но да, для бутступ нужно больше видео. Или даже отдельный плейлист :)

@BMikel 7 ай бұрын

Очень толковый туториал. Но жаль нет редактирования айтемов. Работа со стейтом, edit true, edit false. Вот было бы здорово

@user-vo9fl1or2z Жыл бұрын

Здравствуйте Александр! Спасибо вам за ваш труд. Можете ещё метки добавить на видео, чтобы навигация по материалу была удобнее?

@alex_dudukalo Жыл бұрын

Спасибо вам ща комментарий ) В новых роликах уже это делаю; Буду стараться делать это и в уже снятых :)

@user-de5es7nn1z 11 ай бұрын

Здравствуйте Александр. Видео лучшее)Огромное спасибо) Вот только исходник кода в телеграмме я не смог найти, не скажите,как его найти?

@alex_dudukalo 11 ай бұрын

Здравствуйте, спасибо вам за комментарий :) Прикрепляю ссылку на пост в телеграмме с исходниками: t.me/frontend_du2/30

@slagrach Жыл бұрын

Если есть возможность добавлять мне кажется логичным было бы иметь так же возможность удалять! А еще круче было бы иметь возможность редактировать тех кто уже есть...!

@alex_dudukalo Жыл бұрын

Спасибо за комментарий с предложением. Да, я думал о том, что бы добавить возможность редактировать. Пожалуй в следующих роликах добавлю это :)

@iceRash Жыл бұрын

спс за контент, делайте пж тайм коды для удобства

@alex_dudukalo Жыл бұрын

Спасибо вам за идею и комментарий. Пожалуй займусь этим и добавлю под видео :)

@user-nn1ix2rv8e Жыл бұрын

Комментарий в поддержку канала

@alex_dudukalo Жыл бұрын

Спасибо вам за него :)

@user-lc5fi3iw1k 4 ай бұрын

Добрый день! Спасибо за видео. Скажите, как можно организовать фильтрацию по диапазону чисел? Например, возраст > 25лет, но меньше

@alenucagolantrevice5901 Жыл бұрын

Здравствуйте не объяснили как очищать поля после заполнения, чтобы они автоматически становились пустыми после добавления, спасибо

@mariannaorlova1761 Жыл бұрын

Просмотрела урок, скачала исходник и по образцу сделала задание. все понятно, все замечательно, спасибо! Одна только очень странная проблема - сортировка массива работает в Хроме, но не работает в Мозилле. Почему так, обнаружить не удалось. Пробовали ли вы выполнять это приложение в Мозилле и получилась ли у вас сортировка? И что вы думаете по этому поводу?

@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 Жыл бұрын

@@alex_dudukalo спасибо большое, все работает! Я просто предпочитаю фаерфокс, потому что мне удобнее его инструменты разработчика. Но это первый раз, когда я сталкиваюсь с подобным.

@user-uh8lg6mv1s Жыл бұрын

Добрый день! Делаю по вашему уроку список, скажите пожалуйста какую функцию добавить,чтобы была возможность удаления одного из сообщений?

@alex_dudukalo Жыл бұрын

Здравствуйте, вы делаете удаление с сервера ?

@user-uh8lg6mv1s Жыл бұрын

@@alex_dudukalo да с сервера

@tututrtr9575 Жыл бұрын

Я бы хотел чтобы ты поработал с датами, по крайней мере лишним не будет

@alex_dudukalo Жыл бұрын

Да, я планирую специальное видео с датами ) Возможно включу их в этот список :)

@armulinaarmulina358 Жыл бұрын

У меня неприятное чувство, что я читерю, когда смотрю ваши видео и делаю дз по js, я зря так переживаю или для учебы все же нужно самостоятельно биться об стенку?

@alex_dudukalo Жыл бұрын

Безусловно это в какой то степени читерство )). Но я рекомендую так. Посмотрели видео -> поняли концпецию. И пробуете воспроизвести без подсматриваний :) Так будет очень даже хорошо

@snegosvin6815 6 ай бұрын

А как выполнить валидацию даты по диапазону, можете пжста сказать? А то мучаюсь с этой практической работой по 10му модулю Skillbox, ищу видеоролики в Ютубе, но внятного ответа нет

@alex_dudukalo 6 ай бұрын

Здравствуйте, здесь нужно сравнивать даты. Это очень похоже на проверку вхождения числа в нужный диапазон. У меня есть видео, в котором я показываю, как делать сравнение двух дат. Для вашей задачи придется добавить еще одно условие ) kzfaq.info/get/bejne/Y8WBYKhlv7iZg4U.html

@user-fh7dx7tz4p Жыл бұрын

Добрый день, покажите пожалуйста как в качестве базы данных работать с json. Все данные списка сохранять туда

@alex_dudukalo Жыл бұрын

Здравствуйте, JSON можно использовать, как формат для хранения данных. Вы хотите хранить данные в localStorage?

@Tilda_Practice Жыл бұрын

@@alex_dudukalo да

@sollevar8693 5 ай бұрын

У вас массив не будет копироваться, а будет ссылаться на оригинал, для того чтобы сделать копию нужно (пример let newStudentsList = arrData.map((obj) => ({ ...obj })); )

@alex_dudukalo 5 ай бұрын

Здравствуйте, подскажите о какой минуте из видео идет речь :) Хочу проверить.

@sollevar8693 5 ай бұрын

@@alex_dudukalo Добрый день, kzfaq.info/get/bejne/gJupZqleuNWVkY0.html 22:04