Список пользователей на JS. Делаем отрисовку, Форму добавления элементов, валидацию, сортировку и фильтрацию.
👁🗨 Телеграм: https://t.me/frontend_du2
👁🗨 Discord: https://discord.gg/frontend
👁🗨 VK: https://vk.com/frontend
👁🗨 Дзен: https://dzen.ru/frontend
👁🗨 Rutube: https://rutube.ru/u/frontend
Фильтрация массива: https://youtu.be/SH5SizdvtR0
Сортировка массива: https://youtu.be/YinzpmFSP44
Буду рад подписке, лайку и комментарию. Спасибо за вашу поддержку.
Тайм-коды:
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 - фильтрация