JavaScript Ready | Программирование
8.31K subscribers
996 photos
60 videos
530 links
Авторский канал по разработке на JavaScript.
Ресурсы, обучения, задачи, шпаргалки.
Ежедневно информация пополняется!

Cотрудничество: @energy_c
Download Telegram
📱 Задача на очистку данных!

Когда приходят грязные данные с сервера или пользователь вводит повторы — важно убрать дубликаты и сохранить порядок. Простое решение через Set не всегда подходит, если порядок критичен.

В этой задаче:
• Обрабатываем массив вручную — без потери порядка.

• Используем Set только для контроля повторов.

• Пишем функцию, которую легко переиспользовать.


Такой приём применяют при фильтрации тегов, обработке пользовательского ввода и агрегации логов.

📣 JS Ready | #задача
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥15👍8❤6🤝2
This media is not supported in your browser
VIEW IN TELEGRAM
CodeCombat — это полноценная игра: ты пишешь код, а твой герой выполняет команды, побеждает врагов и решает задачи. Подходит и новичкам, и разработчикам, которые хотят отдохнуть с пользой!

📌 Оставляю ссылочку: codecombat.com

📣 JS Ready | #сайт
Please open Telegram to view this post
VIEW IN TELEGRAM
🤝13❤6👍6🔥2
📱 Автозаполнение даты и времени в формах!

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

В этом гайде:
• Заполним поля с type="date" и type="time" сразу при открытии.

• Реализуем автозаполнение только при первом фокусе — чтобы не мешать тем, кто хочет ввести вручную.

• Рассчитаем будущую дату — например, через 7 дней от сегодня, прямо в коде.


Такие улучшения экономят время, снижают количество ошибок и делают UX понятнее.

📣 JS Ready | #гайд
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
👍16❤8🔥7🤝2
📱 Ключевые методы работы с множествами!

Шпаргалка по основным операциям с Set: добавление, удаление, проверка наличия, перебор и преобразование. Они необходимы при работе с уникальными значениями, оптимизации поиска и очистке данных без дубликатов.

📣 JS Ready | #шпора
Please open Telegram to view this post
VIEW IN TELEGRAM
❤15👍10🔥5🤝1
Когда объект может быть «пустым» — опциональная цепочка спасает от ошибок!

Во вложенных данных из API часто отсутствуют поля. Вместо длинных проверок if — используем ?. для безопасного доступа без исключений.

Объект может быть null, но доступ к свойству не должен ломать код:
const user = null;
console.log(user?.name);


Если вложенный объект не задан — доступ просто вернёт undefined:
const user = {};
console.log(user?.profile?.email);


Когда структура полная — опциональная цепочка работает как обычный доступ:
const user = { settings: { theme: 'dark' } };
console.log(user.settings?.theme);


🔥 Опциональная цепочка работает для свойств, методов, индексов и повышает надёжность кода при работе с внешними данными.

📣 JS Ready | #практика
Please open Telegram to view this post
VIEW IN TELEGRAM
👍14❤7🔥7
📱 Откат формы к исходному состоянию!

Когда пользователь начал что-то менять, но передумал — важно вернуть всё как было. Это снижает число ошибок и облегчает работу с формами.

В этой задаче:
• Сохраним начальные данные при загрузке.

• Сравним текущие значения с изначальными.

• Добавим кнопку отката и логику обновления.

• Сделаем реализацию универсальной и лаконичной.


Конечный результат — готовый механизм сброса, который легко встроить в профиль, настройки или любую редактируемую форму.

📣 JS Ready | #задача
Please open Telegram to view this post
VIEW IN TELEGRAM
❤14👍10🔥8