Code Ready | Frontend

✅ Меняем размер шрифта с помощью ползунка. Это простое веб-приложение имеет ползунок, который пользователь может использовать для изменения размера шрифта текста. Размер шрифта автоматически обновляется при перемещении ползунка, и текст на странице меняется в соответствии с выбранным размером шрифта.

<input type="range" min="10" max="50" value="16" class="slider" id="fontSlider">
  <div id="output">Размер шрифта: 16px</div>
  <p id="changeText">Пример текста для изменения размера</p>

const fontSlider = document.getElementById("fontSlider");
const output = document.getElementById("output");
const changeText = document.getElementById("changeText");

fontSlider.oninput = function () {
  const fontSize = this.value;
 output.textContent = `Размер шрифта: ${fontSize}px`;
  changeText.style.fontSize = `${fontSize}px`;};

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

🔥 Годнота Наткнулся на базу с 1400 вопросов с собеседований на Frontend разработчика. Фишка в том что просчитана вероятность с которой вопрос буден задан и есть примеры ответов. Теперь можно легко получить оффер, подготовившись к самым популярным вопросам 😏

@code_ready | #консоль

Как вам посты на этой неделе? 🤔

❗Каждому разрабу будет полезно❗ Eglibyte - это отличное место для веб-разработчиков, чтобы расслабиться, поднять настроение и обучиться чему-то новому! Здесь ты найдешь авторские видосы, юмор, обучающие посты и многое другое для повышения скилла и хорошего настроения. 👍 Подписывайся и делай разработку веселее с @еglibyte

@code_ready | #мем

✅ Вопрос с собеседования Разница между унарным и бинарным оператором? Ответ: 1. Унарные операторы: Унарный оператор действует на одно значение, применяются к одному операнду. Они могут выполнять различные операции, включая изменение знака числа, преобразование типов данных и логические операции. 2. Бинарные операторы: Бинарный оператор действует на два операнда, то есть на два значения или переменных. Они выполняют операции между ними и возвращают результат. @code_ready | #собеседование

HTML, CSS, JS, Node.JS, 🤯 - пора бы всё объединить! Все для изучения веба 👉 Фронтенд - самый большой канал для изучения фронта 👉 Верстка - все о верстке 👉 Node.JS - для тех кто хочет писать бэк на JS Собрано всё, проверяй🔥

✅ Шпаргалка с функциями обработчиков событий Эта шпаргалка содержит функции-обработчики событий для всех основных событий без добавления их к элементам. Каждая функция выполняет простое действие при возникновении соответствующего события. @code_ready | #шпаргалка #js

✅ Шпаргалка с функциями обработчиков событий Эта шпаргалка содержит функции-обработчики событий для всех основных событий без добавления их к элементам. Каждая функция выполняет простое действие при возникновении соответствующего события. @code_ready | #шпаргалка #js

✅ Создание озвучки текста SpeechSynthesis - это интерфейс Web Speech API, который используется для перевода текста в речь. Он содержит содержимое, которое должен прочитать речевой сервис, и информацию о том, как его читать.

<textarea></textarea>
 <button>Speak</button>

const button = document.querySelector('button');
const text = document.querySelector('textarea');
button.addEventListener('click', () => {
  const utterance = new SpeechSynthesisUtterance(text.value);
  speechSynthesis.speak(utterance);});

@code_ready | #практика #js

✅ Шпаргалка с функциями обработчиков событий Эта шпаргалка содержит функции-обработчики событий для всех основных событий без добавления их к элементам. Каждая функция выполняет простое действие при возникновении соответствующего события. @code_ready | #шпаргалка #js

Фронтам в помощь ⚠️ В этом канале бесплатно собрано то, что дают на платных курсах! Готовый код для React и Vue, обучающие и полезные посты, а также мемы, всё это и многое другое, ты найдешь тут — Твой очаг разработки Запрыгивай в автобус на канал Frontend Гид, чтобы не увезли на завод📊

✅ Как отслеживать свое рабочее время? WakaTime — это плагин отслеживания времени для разработчиков. Он интегрируется в текстовые редакторы и IDE, а также в браузеры, такие как Chrome. Предоставляет автоматическое отслеживание времени, аналитику использования языков программирования и инструменты для повышения производительности. @code_ready | #плагин

✅ Создание анимации spinner Этот код представляет собой анимированный спиннер, который может использоваться для индикации загрузки или выполнения определенного процесса.

<div class="spinner"></div>

.spinner {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    border: 4px solid #f3f3f3;
    border-top: 4px solid #3498db;
    animation: spinner 1s linear infinite;
    margin: 0 auto;
  }
@keyframes spinner {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
  }

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

Как заработать при помощи ИИ в 2024 году? ChatGPT, Midjourney уже давно применяются практически во всех сферах бизнеса. Через 10 лет искуственный интеллект заменит половину профессий. Чтобы быть в курсе современных технологий, подписывайтесь на канал TechTok. Там автор рассказывает про тренды из мира ИИ, IT, технологий, а также о том, как зарабатывать на этом деньги. Пользуйтесь, всё есть в закрепе 👉 @techtokai