CSS Grid Generator — сайт, с помощью которого можно сгенерировать сетку и получить готовый CSS-код. Сначала задаем количество строк, колонок и расстояния между ними, далее рисуем расположение div-блоков в сетке.

⛓ Ссылочка: https://cssgrid-generator.netlify.app/

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

👩‍💻 Атрибут spellcheck

Атрибут spellcheck определяет, должна ли проверяться орфография содержимого элемента.

Он может использоваться в таких элементах, как input, textarea, и даже в некоторых других контейнерных элементах, поддерживающих ввод текста.

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

• spellcheck="true" — Проверка орфографии включена.

• spellcheck="false" — Проверка орфографии отключена.

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

flexboxdefense — игра в жанре Tower Defense, в которой нужно правильно расположить турели с помощью flexbox для защиты.

⛓ Ссылочка: http://www.flexboxdefense.com/

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

📱 Основы Программирования на JS для Новичков

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

Ссылка на курс: YouTube 🖤

📣 Code Ready | #курс

javascript algorithms — репозиторий, в котором собраны самые разные алгоритмы, написанные на Javascript. Здесь вы найдете примеры кода для алгоритмов, таких как сортировки, поиска, графов, теории чисел и многое другое.

Ссылочка на репозиторий: Github 😸

📣 Code Ready | #репозиторий

👩‍💻 Толщина декоративной линии

Свойство text-decoration-thickness определяет толщину линий, применяемых к стилям обводки, подчеркивания или зачеркивания.

Возможные значения свойства:

• auto — значение по умолчанию, браузер сам определит толщину линии.
• from-font — если в файле шрифта прописана предпочтительная толщина декоративной линии, то будет использована она.
• в еденицах измерения (px, rem, em)

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

👩‍💻 Язык CSS для новичков

Плейлист из 16 уроков, с которым вы легко выучите особенности и синтаксис CSS, начиная с основ и завершая полным пониманием каскадных таблиц стилей.

Ссылочка на курс: YouTube 🖤

📣 Code Ready | #курс

📱 Auto Close Tag

Расширение для VS Code, которое автоматически добавляет закрывающие теги HTML и XML, упрощая процесс редактирования кода.

📣 Code Ready | #плагин

👩‍💻 Вопрос с собеседования

Как работать с DOM в JavaScript?
Малая часть

Ответ:

1. Получение элементов из DOM

// Получение элемента по ID
const header = document.getElementById('header');
// Получение элементов по классу
const items = document.getElementsByClassName('item');
// Получение первого элемента по селектору
const firstItem = document.querySelector('.item');

2. Изменение элементов

// Изменение текста заголовка
header.textContent = 'Новый заголовок';
// Изменение стиля элемента
header.style.color = 'blue';
// Изменение атрибута элемента
header.setAttribute('data-info', 'someValue');

3. Обработка событий

// Обработчика события 'click' на заголовок
header.addEventListener('click', function() {
    alert('Заголовок был нажат!');
});
// Функция для обработки события
function changeColor() {
    header.style.backgroundColor = 'yellow';
}
// Добавление обработчика события 'mouseover'
header.addEventListener('mouseover', changeColor);

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

👩‍💻 Горячие клавиши VS Code

Нашел для вас очень полезную шпаргалку, в которой собран весь список горячих клавиш для VS Code.

⬇️ Скачать полную версию

➡️ Roadmap Ready | #шпора

👩‍💻 Перспектива элементов

Свойство perspective устанавливает перспективу для элемента, определяя расстояние от зрителя до плоскости 3D-пространства, которое влияет на видимость и масштаб объектов внутри этого пространства.

Это свойство принимает числовое значение (px), которое указывает расстояние в пикселях от зрителя до объекта. Чем меньше значение, тем сильнее эффект перспективы.

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

Grid Garden — игра, которая учит основам CSS Grid, позволяя управлять растениями в саду, используя свойства для прохождения уровней.

⛓ Ссылочка: https://cssgridgarden.com/

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

📱 Вопрос с собеседования

Что такое WeakSet в JavaScript?

Ответ:

WeakSet — это встроенный объект в JS, который позволяет хранить коллекцию уникальных объектов.

Основное отличие WeakSet от обычного Set заключается в том, что объекты в нём хранятся слабо, то есть они могут быть собраны сборщиком мусора, если на них нет других ссылок.

Методы WeakSet:

• add(value) — Добавляет указанное значение в WeakSet. Значение должно быть объектом. Если значение уже существует в WeakSet, оно не будет добавлено повторно.

• has(value) — Проверяет, присутствует ли указанное значение в WeakSet. true, если значение присутствует, и false, если нет.

• delete(value) — Удаляет указанное значение из WeakSet. true, если значение было успешно удалено, и false, если его не было в WeakSet.

📣 Code Ready | #собеседование