Code Ready | Frontend

👩‍💻 Атрибут 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 | #техсобес

Срочно❗️ Нужны люди, которые имеют минимальный опыт в IT. Покажем, как освоить профессию "Frontend" с зп от 150.000 ₽. Обучение с нас бесплатно! График: 2-3 часа или полный день, на выбор. Frontend-разработчик (frontend developer) — это специалист, который отвечает за создание пользовательского интерфейса сайта, приложения или ПО. Для вас: 1) Удаленная работа 2) Свободный график Можно совмещать с основной работой🔥 ✔️Не нужно что-то продавать или привлекать людей. ✔️За полгода вполне реально вырасти до зп в 300.000 рублей и больше денег. ✔️Мы научим вас искать клиентов, так что у вас уже будет работа. Сперва проводим бесплатный вводный урок: 👉 Регистрация на урок На уроке расскажем: — чем занимается Fronted-разработчик и за что ему готовы платить — зарплатные вилки разных специалистов от стажёра до тимлида — сколько времени нужно на обучение и стажировку — 8 шагов, чтобы стать frontend-разработчиком Если хотите попробовать себя в одной из самых востребованных профессий в 2024 году, то это ваш шанс! С нами вы сможете научиться этому быстро и уже через пару месяцев найти первых клиентов, а мы с этим поможем! Регистрируйтесь на бесплатный вводный урок по профессии: 👉 Зарегистрироваться

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

👩‍💻 Программирование теперь в Telegram! Вот 9 обучающих каналов по самым востребованным направлениям в IT. Выбирай своё направление: 👩‍💻 Backend: @backend_ready 👩‍💻 Python: @python_ready 📖 Общее IT: @roadmap_ready 👩‍💻 Java: @java_ready 👩‍💻 C#: @csharp_ready 👩‍💻 C/C++: @cpp_ready 🖥 Базы Данных & SQL: @sql_ready 📋 IT Архив: @archive_ready 🖥 Design: @time_design 📌 Ресурсы, гайды, шпаргалки, книги и задачи для каждого языка программирования.

👩‍💻 Python теперь в Telegram! Вот обширная база контента по Python, которая ежедневно пополняется новыми постами: Обучение Python с нуля Обучение Django с нуля Обучение Flask с нуля Обучение Pandas с нуля Обучение PyTorch с нуля Обучение NumPy с нуля 📌 Ресурсы, гайды, шпаргалки, задачи и книги — всё собрано в одном месте: @python_ready

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

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

📣 Code Ready | #курс

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

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

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

Запутался в IT? Знакомо. Помню, как сам хотел войти в айти. Это было... непросто: • Куча направлений, и непонятно, что выбрать • Кажется, что нужно знать сразу всё • Боишься потратить время и деньги на ненужные курсы • Как найти первую работу, если везде требуют опыт? • И вообще, было бы круто, если бы кто-то опытный подсказывал что делать Многие так и бросают, не разобравшись. Я сам чуть не сдался, пока не нашел нормальных ребят, которые помогли. Теперь я веду канал "Выпусти джуна из лампы". Там я рассказываю: • Как на самом деле входят в IT (без рекламной шелухи) • С чего лучше начать и как учиться • Как я и другие ребята нашли первую работу • Отвечаю на вопросы и помогаю разобраться Короче, всё то, чего мне самому не хватало в начале пути. Если хочешь разобраться в этом всём — присоединяйся. Вместе будет проще. https://t.me/+Gi8IJbcneY5mMThi

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

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

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