Code Ready | Frontend

👩‍💻 Работа с локальным хранилищем в JS Local Storage — это механизм для хранения данных в браузере, который позволяет сохранять информацию в формате пар ключ-значение и обеспечивает доступ к ней даже после перезагрузки страницы. Вот основные методы для работы:

• setItem — Сохраняет значение по ключу. • getItem — Извлекает значение по указанному ключу. • removeItem — Удаляет значение по указанному ключу. • clear — Очищает все данные из локального хранилища. • length — Возвращает количество элементов в локальном хранилище. • key — Возвращает имя ключа по его индексу.

Подробнее читайте в карточках👆 🔥 — если было полезно 📣 Code Ready | #гайд #js

🔥Тесты для подготовки к собеседованию🔥 Выбери своё направление: 1. Frontend 2. Python 3. Java 4. Тестировщик QA 5. Data Science 6. DevOps 7. C# 8. C/C++ 9. Golang 10. PHP 11. Kotlin 12. Swift

PerfectPixel — расширение для Chrome. Позволяет наложить ваш макет сайта на страницу. С помощью этого процесс вёрстки сайта ускорится - нужно просто располагать элементы в соответствии с макетом. ⬇️ Скачать расширение 📣 Code Ready | #ресурсы

📖 JavaScript для начинающих Вводный курс по JavaScript, который знакомит читателей с основами синтаксиса, функциональности и принципов разработки интерактивных веб-сайтов.

Автор: Майк МакГрат Год: 2023

⬇️ Скачать книгу 📣 Code Ready | #книга

⚡️ Вся база знаний по IT в одном месте! 🧑‍💻 IT База — краткие разборы самого важного из мира IT. Сотни мастхев-ресурсов, каждый день новые материалы по работе и подготовке к собеседованиям. Подойдёт как новичкам, так и состоявшимся айтишникам; 🖥 Frontend База — всё для фронтенд разработчиков. Готовые решения для проектов, полезные курсы по JS/HTML/CSS, готовые роадмапы для комфортного освоения в профессии и дальнейшего развития; 👣 Backend База — самое важное для бэкендеров. Всё о работе с PHP, MySQL, MongoDB, Golang и Rust в одном месте, плюс полные курсы и лайфхаки для работы на каждый день; 🖥 База Знаний — склад полезных курсов и материалов, где легко найти что-то нужное по хэштегам. Если вам что-то интересно про IT, то оно уже лежит на Базе, проверяйте. ⏲ Успей подписаться, чтобы не потерять!

👩‍💻 Методы для работы с объектом Math Привет! В этом посте разберём основные методы для работы с математическими операциями, а так же познакомимся с библиотеками для работы с математикой. 🔥 — если было полезно 📣 Code Ready | #метод #js

Разбираем как решать задачи на LeetCode ✅ Примеры решений ✅ Пояснения Выбери своё направление: 1. Python 2. JavaScript 3. Java 4. C# 5. Golang 6. C/C++ 7. PHP 8. Kotlin 9. Swift

📱 Advanced New File Плагин для VS Code, с помощью которого можно легко создать новый файл в указанной директории. 📣 Code Ready | #плагин

👩‍💻 Атрибут pattern В атрибуте pattern пишется регулярное выражение, которому должно соответствовать введённое в <input> значение. В примере выше, пароль может содержать в себе любые символы кроме новой строки, а так же должен иметь 6 или более символов. ⛓ Подробнее про регулярные выражения читайте тут.

Pattern можно применить только к тегам <input> со значениями атрибута type: text, tel, email, url, password, search.

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

💸 Вакансии для IT'шников Выбери своё направление ⤵ 1. Frontend 2. Python 3. Java 4. Тестировщик QA 5. Data Science 6. DevOps 7. C# 8. C/C++ 9. Golang 10. PHP 11. Kotlin 12. Swift

👩‍💻 Анимация бургер-кнопки Всем привет! Сейчас разберем как создать и анимировать бургер-кнопку, которая используется для создания меню на сайтах.

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

📣 Code Ready | #гайд #css

👨‍💻 8 простых шагов к успеху: Заработай из дома, создав своего Telegram-бота Пока другие смотрят сериалы, ты можешь начать зарабатывать деньги прямо с дивана 💸

Представь, как создаешь своего Telegram-бота и запускаешь бизнес без лишних усилий

🤖 Если можешь написать пару строк кода, то сможешь и создать свой бизнес Наш канал 🥳 TechVibe тебе в этом поможет! 😄😀☺️ на кнопку и начни путь к финансовой свободе: 👉 Создать своего Telegram-бота P.S.: Хочешь создать Telegram-бота? Вся нужная инфа уже в закрепе канала. Не стесняйся, сделай первый шаг! TechVibe

📱 Вопрос с собеседования Что такое WeakSet в JavaScript? Ответ: WeakSet — это встроенный объект в JS, который позволяет хранить коллекцию уникальных объектов. Основное отличие WeakSet от обычного Set заключается в том, что объекты в нём хранятся слабо, то есть они могут быть собраны сборщиком мусора, если на них нет других ссылок. Методы WeakSet: • add(value) — Добавляет указанное значение в WeakSet. Значение должно быть объектом. Если значение уже существует в WeakSet, оно не будет добавлено повторно. • has(value) — Проверяет, присутствует ли указанное значение в WeakSet. true, если значение присутствует, и false, если нет. • delete(value) — Удаляет указанное значение из WeakSet. true, если значение было успешно удалено, и false, если его не было в WeakSet. 📣 Code Ready | #собеседование

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

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

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

Выгорание в IT - как избавиться и начать жить и работать в удовольствие? По статистике, 80% айтишников рано или поздно выгорают. Прокрастинация накрывает с головой, и уже нет сил ни работу, ни на личную жизнь… 💡 Чтобы справиться с этим состоянием, рекомендуем подписаться на канал Психолог взрослого человека. Автор канала, Вадим, точно знает, как IT-специалисту выйти из застоя и вернуть себе силы и энергию. ☑️ Расставить приоритеты и найти время на жизнь; ☑️ Избавиться от прокрастинации; ☑️ Вернуть мотивацию и интерес к работе; ☑️ Расставить границы и перестать перерабатывать; ☑️ Забыть про тревогу от горящих дедлайнов. Подписывайтесь на канал https://t.me/vadimpetrovpsi и научитесь работать без переработок, выгорания и ущерба для личной жизни! Начните с закрепа. Там вас ждет бесплатный мини-курс “Саморегуляция”. Он поможет начать работать с апатией и сделать первый шаг к возвращению мотивации.

Хотите ли, чтобы я вернул рубрики #шпаргалка и #клавиши? 👍🔥 - если да

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

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

⬇️ Скачать полную версию ➡️ Roadmap 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 | #техсобес