Code Ready | Frontend

🆕 Оставляем ссылку на наш новый канал @time_design на ночь! Успей вступить и поддержать эту идею) Всем спокойной ночи ❤️ @time_design

Debugging – это процесс поиска и исправления ошибок или неполадок в исходном коде какого-либо программного обеспечения. Учимся даже при чтении мема) @code_ready | #мем

Найден полезный канал по Frontend - разработке! Его ведёт Senior Frontend разработчик Катя! Она: ▫️ пишет обучающие статьи на простом языке для начинающих разработчиков с примерами по HTML, CSS, JavaScript, TypeScript, Angular; ▫️ ведёт рубрику #ПроходимСобеседование, где делится вопросами из разных собеседований и даёт подробные инструкции для правильного ответа на них; ▫️ устраивает опросы и даёт практические задачи для лучшего усвоения материала. На канале реально много полезного. Если для старта ждали знак свыше, то знайте - это он! Не упускайте возможность 😉 Присоединиться!

Мой проект после того как я установил все необходимые npm-пакеты: @code_ready | #мем

Всем доброго вечера. Помимо этого канала, недавно я создал второй про дизайн — @time_design. И к концу января хочу создать ещё третий, но пока не знаю про что. Может по бэкенду, по фигме или вообще новостной. Предлагайте идеи в комментариях, каждый голос важен, через неделю скажу точно какой будет новый канал. ☺️

✅ Меняем цвет фона при клике Этот код создает страницу, которая меняет цвет фона при клике или при загрузке страницы. При каждом клике генерируется новый случайный цвет в формате HEX. ⤵️

body {
    transition: background-color 0.5s ease;
    margin: 0;
    height: 100vh;
}

function changeBackground() {
  const randomColor = '#' + Math.floor(Math.random() * 16777215).toString(16);
  document.body.style.backgroundColor = randomColor;
}
document.body.addEventListener('click', changeBackground);

@code_ready | #обучение #css #js

Изучаешь frontend? Подпишись на канал CCODE, где ты найдешь все, что нужно для развития в этой увлекательной области программирования! 👉Подписаться на канал

@code_ready | #консоль

Какой максимальное количество реакций сможем набрать под этим постом? 🧐

✅ Готовый макет 2rism Оставляю уже готовый макет с кодом — Github (без адаптива) • Сложность: Лёгкий • Язык: Английский • Адаптив: Нет Ссылка на макет — Figma Это новая рубрика — готовые сайты, она будет выходить только раз в неделю. Надеюсь вы зацените) @code_ready | #github

Ваш Level Up в мире Frontend-разработки WEBIK — канал для каждого, кто стремится проверить и углубить свои знания в вебе. Там публикуют: ✓ Тесты на понимание кода с объяснениями ✓ Разборы задач и вопросов с собеседований ✓ Авторские обучающие статьи простым языком ✓ Макеты и эффекты для ваших пет-проектов ✓ Крутые рецепты кода ✓ Очень смешные мемасики Вступай в WEBIK и становись крутым web разрабом!

❗ Важное объявление, с 8 до 12 и с 15 до 18 числа будут ежедневные рекламы, для меня это отличный результат и прогресс, но для вас эти рекламы могут быть раздражающие. Поэтому делюсь графиком выхода постов: ⬇️ • В 11:30 интересный опрос или мемчик • После него реклама, точное время не знаю, примерно будет или в 13 или в 15 • И спустя 2 часа после рекламы выходит крутой пост про создание эффектов. Также повторюсь, рекламы будут полезны для вас, потому что я рекламирую только хорошие каналы про web разработку или про дизайн. Поэтому на классные каналы можете подписываться) Удачи 🫡

@code_ready | #мем

✅ Создание бесконечных часов на JS Этот код создает простые часы, отображающие текущее время в формате "часы:минуты:секунды". Функция setInterval вызывает функцию updateClock каждую секунду для обновления отображаемого времени. ⤵️

<div id="clock"></div>

#clock { font-size: 50px; font-family: Arial, sans-serif; text-align: center; margin: 100px; }

function updateClock() {
    const now = new Date();
    const hours = now.getHours().toString().padStart(2, '0');
    const minutes = now.getMinutes().toString().padStart(2, '0');
    const seconds = now.getSeconds().toString().padStart(2, '0');
    document.getElementById('clock').innerText = `${hours}:${minutes}:${seconds}`;
  }
  // Обновляем часы каждую секунду
  setInterval(updateClock, 1000);
  // Запускаем обновление сразу, чтобы избежать задержки в отображении времени
  updateClock();

@code_ready | #обучение #js