Code Ready | Frontend

📱 Шпаргалка CSS

В этой шпаргалке собраны все основные CSS-свойства, которые точно понадобятся всем разработчикам.

⬇️ Скачать полную версию 📣 Code Ready | #шпора

doka guide — сайт, на котором собраны шпаргалки по HTML, CSS, JS. На каждую тему есть подробный разбор с полезными советами по применению. 📌 Ссылочка: https://doka.guide/ 📣 Code Ready | #ресурсы

👩‍💻 Создание и использование кастомных событий Кастомные события позволяют разработчикам создавать свои собственные события, которые могут быть использованы для более гибкого и модульного взаимодействия между компонентами. Это помогает организовать код и улучшить его читаемость, позволяя реагировать на специфические действия в приложении. 📣 Code Ready | #гайд #js

Я айтишник и я устал! С годами работы в IT все сильнее напрягает рутина, прокрастинация, куча задач и 0 желания их выполнять. Че делать? Хватит грызть самого себя и заставлять через силу - сделаешь только хуже! Лучше подпишись на того, кто уже не первый год работает с IT-специалистами и помогает им справиться с апатией и прокрастинацией - Психолог с научным подходом. ✔️ Как оторваться от ленты соцсетей и сесть за работу с удовольствием? ✔️ Как спокойно общаться с коллегами, если они бесят? ✔️ Как избавиться от постоянной тревожности? ✔️ Как успокоить конфликты в семье и перестать срываться на всех, а вместо этого получить поддержку и понимание со стороны близких? Подписывайся на канал @remizov_changes - начни работать и жить в кайф, не скатываясь в кризисы и выгорание! А в закрепе тебя уже ждут бонусы: 👨🏻‍💻 Видео, в котором ты найдёшь ответ на вопрос «Почему у тебя нет энергии и что с этим делать» + гайд как it-специалисту вернуть энергию, даже если не получается отдохнуть. https://t.me/+9ki_jxVr9yo4NzY6

👩‍💻 Перенос текста на новую строку Свойство word-break определяет, как будет переноситься на новую строку текст при достижении края родительского контейнера. Возможные значения:

• normal — по умолчанию, длинные слова или строки с неразрывным пробелом не переносятся, даже если выходят за границы. • break-all — при достижении границы, перенос строки будет вставлен между любыми двумя символами. • keep-all — перенос строки не будет использован в тексте на китайском, японском или корейском языках.

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

GitHub теперь в Telegram! Более 7000+ репозиториев с исходным кодом нейросетей, ботов, сайтов и других интересных проектов для разработчиков Всё разбито по #хештегам. Подписывайтесь: @GitHub

👩‍💻 Полезные горячие клавиши VSCode • Ctrl + Shift + K — Удаляет текущую строку целиком. • Shift + Alt + F — отформатировать листинг. Быстро выровняет код, чтобы он стал более читаемым, понятным и красивым. • Ctrl + D — множественное редактирование. Изменит одинаковый код сразу в нескольких местах. 📣 Code Ready | #клавиши

👩‍💻 Атрибут for Он связывает элемент <label> с соответствующим полем <input>, позволяя пользователям кликать по тексту метки для выбора или фокуса на связанном элементе управления.

Значение атрибута for должно совпадать с id связанного элемента, что улучшает доступность и удобство взаимодействия с формами.

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

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

Frontend Practice — реальные интерфейсы и макеты для создания сложных веб-приложений и практики адаптивной вёрстки. 📌 Ссылочка: frontendpractice.com 📣 Code Ready | #ресурсы

👩‍💻 Выпадающее меню на CSS Привет! Сегодня мы создадим многоуровневое выпадающее меню с помощью CSS. Это удобный инструмент для структурирования навигации на сайте, особенно если у вас много категорий и подкатегорий.

Основное свойство, которое мы будем использовать, — position, чтобы позиционировать подменю относительно родительского элемента.

🔥 — если было полезно 📣 Code Ready | #гайд #css

Пс... Тут два С++ сеньора создали канал, где простым языком поясняют за плюсы, метапрограммирование, фишки новых стандартов, алгоритмы, вопросы с собеседований и другие непонятные штуки из современного программирования на С++. Прямо сейчас Вы можете бесплатно забрать гайды по собеседованиям, по категориям выражений и мув-семантике и по ключевому слову inline. Все найдете в закрепе канала. Подписывайтесь, чтобы пояснять друзьям за оптимизации компилятора, о которых вам никто не расскажет: Грокаем С++

👩‍💻 Сниппеты для JS, HTML и CSS Плагин HTML/CSS/JavaScript Snippets для VSCode позволяет ускорить процесс написания кода, предоставляя готовые шаблоны и фрагменты кода 📣 Code Ready | #плагин

👩‍💻 Поиск элементов в массиве с помощью методов filter() и find() • filter() — возвращает новый массив с элементами, соответствующими условию. • find() — возвращает первый элемент, который удовлетворяет условию, а не массив. 🔥 — если было полезно 🤝 — если уже пользовался 📣 Code Ready | #метод

🔒 7539 ГБ платного контента для программистов выложили в Telegram Выбирай направление и обучайся: 👩‍💻 Java — 644 ГБ 🖥 Python — 724 ГБ 🖥 Frontend — 981 ГБ 🖥 Backend — 817 ГБ 👩‍💻 Все языки — 4373 ГБ Пост удалится через 48 часов 🕔

Верстаешь? Оцени 7 причин пройти наш бесплатный интенсив по Frontend-разработке: 1. Ты сверстаешь веб-сайт на HTML + CSS; 2. Оживишь страницу с помощью JavaScript; 3. Используешь фронтенд-фреймворк Angular; 4. Подключишь Backend и загрузишь сайт на хостинг; 5. Получишь советы по доработке своего проекта; 6. Добавишь в портфолио 1 качественный проект; 7. Получишь в подарок чек-лист «45 мест для поиска работы». А главное, ты проведёшь 7 дней в приятной компании Fullstack-разработчика с 10-летним стажем – Романа Чернова. 👉 Проскочить на интенсив бесплатно Начинаем уже завтра. 🔥 С нас обучение, практика и помощь с выходом на фриланс.

👩‍💻 JavaScript курс 2024 Плейлист из 22 уроков охватывает различные аспекты JavaScript, начиная с основ и заканчивая более продвинутыми темами. Курс предназначен для новичков и продвинутых пользователей.

Ссылочка на видео: YouTube 🖤

📣 Code Ready | #курс

👩‍💻 Вопрос с собеседования Как работать с DOM в JavaScript? Вторая часть, линк на первую Ответ: 1. Создание и удаление элементов

// Создаем новый элемент div
const newDiv = document.createElement('div');
// Добавляем элемент в DOM
document.body.appendChild(newDiv); 
// Удаляем элемент
newDiv.remove();

2. Манипуляция классами

// Добавляем класс
header.classList.add('highlight');
// Удаляем класс
header.classList.remove('highlight'); 
// Переключаем класс
header.classList.toggle('highlight');

3. Работа с формами

// Получаем значение
const inputValue = document.querySelector('input').value;
// Устанавливаем значение
document.querySelector('input').value = 'Новое значение';

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