JavaScript Ready | Frontend

📱 Задача на очистку данных!

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

В этой задаче:

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

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

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

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

📣 JS Ready | #задача

CodeCombat — это полноценная игра: ты пишешь код, а твой герой выполняет команды, побеждает врагов и решает задачи. Подходит и новичкам, и разработчикам, которые хотят отдохнуть с пользой!

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

📣 JS Ready | #сайт

📱 Автозаполнение даты и времени в формах!

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

В этом гайде:

• Заполним поля с type="date" и type="time" сразу при открытии.

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

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

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

📣 JS Ready | #гайд

😕 Нашёл классную пошаговую статью на Хабре про создание Telegram‑бота на чистом JavaScript!

В статье:
• Использование библиотеки grammY для работы с Telegram‑ботом;
• Конфигурация проекта;
• Как настроить клавиатуры, context‑объект и обработку ошибок;
• Инструкция по деплою бота на сервер;

🔊 Продолжай читать на Habr!

📣 JS Ready | #статья

Если вы работаете в айти и не хотите вылететь с рынка через 3-4 года, развивайте софт-скиллы.

Тимлиду не нужно уметь писать код – с этим лучше справляется его команда и даже нейронки, а вот грамотно менеджерить команду и выстраивать процессы – реально важный навык.

Прокачивайте не только хард-скиллы, но и «гибкие» навыки — это то, что останется востребованным даже в эпоху ИИ. А если с головой нырять в обучение лень, читайте канал Тимлид на удалёнке.

Там вся внутрянка от первого лица: как справляться с выгоранием, не терять фокус в условиях многозадачности и развить управленческие качества. С юмором, честно и без занудства.

Почитайте на досуге, много нового узнаете: @teamleadonline

📱 Ключевые методы работы с множествами!

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

📣 JS Ready | #шпора

👩‍💻 Знаете, что в VS Code можно быстро генерировать фейковые данные для тестов с помощью плагина?

Faker — позволяет легко вставлять случайные имена, адреса, номера телефонов, даты и другие данные прямо в ваш код.

Очень удобно при разработке и тестировании, особенно если нужно наполнить макеты реалистичными значениями.

📣 JS Ready | #vscode

🎁 РАЗЫГРЫВАЕМ MacBook Air!

Разыгрываем шикарный 13-дюймовый MacBook Air! Отличная рабочая машинка!

Условия участия максимально простые:

🔸Подписаться на телеграм-канал: @sqlhub
🔸Подписаться на телеграм-канал: @ai_machinelearning_big_data
🔸Нажать кнопку "Участвовать" ниже.

ВСЁ! Вы участник! Бот выберет одного человека, которому мы подарим этот MacBook. Доставка по зоне СДЭК.

Итоги подведём 14 августа.

Всем удачи! Пусть победит самый приятный человек!

⚠️ Если бот подвис — не беспокойтесь, вас все равно зарегистрирует, просто выполните условия и нажмите «Участвую».

Когда объект может быть «пустым» — опциональная цепочка спасает от ошибок!

Во вложенных данных из 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 | #практика

📱 Откат формы к исходному состоянию!

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

В этой задаче:

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

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

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

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

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

📣 JS Ready | #задача