CodeRun — платформа для решения задач от Яндекса. Все задачи распределены по таким направлениям как фронтенд, бэкенд, машинное обучение, аналитика данных и мобильная разработка. Каждая задача имеет свой уровень сложности.

⛓ Ссылочка: coderun.yandex.ru

📣 Code Ready | #ресурсы

👩‍💻 Шпаргалка Flexbox позиционирования

Flexbox — позволяет контролировать размер, порядок и выравнивание элементов по нескольким осям, распределение свободного места между элементами и многое другое.

Реально полезная тема, поэтому даю вам очень крутую шпаргалку для ее изучения, пользуемся)

📣 Code Ready | #шпора

📱 Быстрый переход из HTML к css-коду по классу

CSS Peek — это плагин для VS Code, который позволяет легко находить и просматривать CSS-стили, связанные с HTML-классами и элементами. Он предоставляет возможность мгновенно перейти к определению стилей в CSS-файлах, улучшая скорость разработки и упрощая управление стилями.

📣 Code Ready | #плагин

📖 React быстрый старт

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

Автор: Стоян Стефанов
Год: 2023

⬇️ Скачать книгу

📣 Code Ready | #книга

👩‍💻 Атрибут contenteditable

Позволяет сделать элемент на веб-странице редактируемым пользователем, позволяя вводить и изменять текст.

Он имеет два значения:

• contenteditable="true" — включает редактирование текста.

• contenteditable="false" (по умолчанию) — отключает редактирование текста.

📣 Code Ready | #атрибут

👩‍💻 Управление содержимым с overflow

Свойство overflow в CSS определяет, как браузер обрабатывает содержимое, выходящее за пределы элемента.

Оно принимает следующие значения:

• visible — содержимое выходит за границы элемента (значение по умолчанию).
• hidden — обрезает лишнее содержимое, скрывая его.
• scroll — добавляет прокрутку, даже если она не нужна.
• auto — добавляет прокрутку только тогда, когда содержимое превышает размеры элемента.

📣 Code Ready | #свойство #css

Tabnine — инструмент на основе ИИ, который предоставляет автодополнение кода для различных языков программирования, помогая разработчикам ускорять процесс написания кода и повышать его качество.

📌 Ссылочка: abnine.com

📣 Code Ready | #ресурсы

👩‍💻 Используем таймеры в JavaScript

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

Рассмотрим 5 примеров использования:

1. setTimeout — для однократного выполнения кода с задержкой. Принимает функцию и задержку в миллисекундах.

setTimeout(() => {
  console.log('This message is displayed after 2 seconds');
}, 2000);

2. setInterval — для многократного выполнения кода с фиксированным интервалом. Принимает функцию и интервал в миллисекундах.

setInterval(() => {
  console.log('This message is displayed every 3 seconds');
}, 3000);

3. clearTimeout — отменяет выполнение функции, запланированной через setTimeout. Требует идентификатор таймера, возвращаемый setTimeout.

const timeoutId = setTimeout(() => {
  console.log('This message will not be displayed');
}, 5000);
clearTimeout(timeoutId);

4. clearInterval — останавливает выполнение функции, запланированной через setInterval. Требует идентификатор таймера, возвращаемый setInterval.

const intervalId = setInterval(() => {
  console.log('This message will stop displaying after 9 seconds');
}, 1000);
setTimeout(() => {
  clearInterval(intervalId);
}, 9000);

5. requestAnimationFrame — синхронизирует выполнение функции с обновлением экрана. Используется для создания плавных анимаций.

function animate() {
  console.log('Animation frame');
  requestAnimationFrame(animate);
}
requestAnimationFrame(animate);

📣 Code Ready | #техсобес

👩‍💻 Полезные горячие клавиши VSCode

• Ctrl + F2 — Выделяет все вхождения текущего слова.

• Alt + ↑ / ↓ — Переместит строку с курсором вверх или вниз, в зависимости от комбинации клавиш.

• Shift + Tab — Удаляет отступы.

📣 Code Ready | #клавиши