Code Ready | Frontend

👩‍💻 Разберем, как максимально просто вставить любую картинку в текст Чтобы добиться такого эффекта, применяется несколько CSS-свойств, все они банальные, но всё же, вот пару свойств, с помощью которых можно создать этот эфффект:

• background-image — добавляет фоновое изображение • background-size: cover — делает так, чтобы изображение полностью покрывало текст • background-clip: text — обрезает фоновое изображение по форме текста. • color: transparent — делает текст прозрачным, чтобы был виден только фон изображения.

📣 Code Ready | #css

🥰 Псс,Нужен облачный сервер для высоких нагрузок? Ищешь идеальный сервер для высоконагруженных проектов? У нас есть то, что вам нужно! — Процессор AMD Ryzen 9950X — мощность для любых задач — Скорость сети до 25 Гбит/с — молниеносная работа без ограничений — Защита от DDOS-атак! — ваши данные под надёжной охраной — Круглосуточная техподдержка — всегда готовы помочь, 24/7 🖥 Попробуйте облачные серверы нового уровня и ускорьте свой бизнес уже сегодня! 🖤 Хотите зарабатывать не только на заказах клиентов? Не проблема! У нас есть реферальная программа, по которой вы сможете зарабатывать аж до 50% с пополнений реферала! Aéza - это не только облачный хостинг, но и надежный товарищ в бизнесе!

Уже были разные сайты, и пришло время быстренько изучить Git learngitbranching — небольшая браузерная игра, которая поможет вам изучить Git. В ней вы познакомитесь с основными командами, которые пригодятся вам в повседневной работе. 📌 Как всегда, ссылочка: learngitbranching.js 📣 Code Ready | #ресурсы

👩‍💻 Шпаргалка по единицам измерения CSS Единицы измерения в веб-разработке — способы указания размеров, расстояний и других параметров для элементов на странице. Давайте подробно рассмотрим их. 📣 Code Ready | #шпора

🟨🟧🟥 ЕВРАЗ внедряет ИИ в ревизию кода — итоги масштабного хакатона 1 декабря завершился хакатон ЕВРАЗа 3.0, который собрал более 600 IT-специалистов со всей страны. Участники в течение 40 часов разрабатывали решение на основе ИИ, которое позволит автоматизировать один из важнейших этапов разработки — code review. Для обучения ИИ участникам были предложены реальные проекты компании по 3-м стекам — TypeScript, C# и Python. Работу команд курировали эксперты ЕВРАЗа, которые делились своими опытом и советами. Это помогло командам погрузиться в реальные проекты компании и предложить идеи решений, которые затем могут быть внедрены в реальные процессы. Топ-3 команды разделили между собой призовой фонд в 500 000 рублей. А победители специальных номинаций получили фирменный мерч компании. Подробнее о событии: 📹 Видео о том, как прошел хакатон 📑 Статья с разбором решений реклама. ООО «ФИЗТЕХ ДЖЕНЕЗИС», ИНН: 7735184156, erid: 2VtzqvfFcve

👩‍💻 HTML для новичков с нуля! В этом видео вы узнаете про популярные теги для создания форм на сайте и атрибуты к ним, вёрстка таблиц, работа с изображением, аудио и видео.

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

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

👩‍💻 Настраиваемая маска в CSS Cвойство mask устанавливает изображение, которое используется как слой маски для элемента. Принимаемые аргументы:

• mask-clip — определяет область распространения маски • mask-size — размер маски • mask-position — размещает маску относительно элемента • mask-repeat — указывает, должна ли повторяться маска • mask-mode — определяет, будет ли ссылка на маску • mask-origin — задает начало координат маски.

📣 Code Ready | #css

👩‍💻 Программирование — В С Ё В 2024 году на кодинге уже не вывезешь, перспектива года - Информационная Безопасность. Ловите полезные каналы, которые помогут ворваться в новое направление. 👍 ZeroDay — Уроки, эксплуатация уязвимостей с нуля 👍 Белый Хакер — Свежие новости из мира ИБ 😎 Арсенал Безопасника — Все необходимые инструменты 😎 Бункер Хакера — Статьи, книги, шпаргалки и хакинг 👨‍💻 Серверная Админа — Настройка и уроки по компьютерным сетям 📂Вступай и изучай новое направление!

Уже были 2 игры для изучения флексов, но недавно нашел интересную игру уже для JavaScript JSRobot — небольшая игра, в которой вам предстоит управлять роботом с помощью Javascript для преодоления препятствий и решения головоломок. 📌 Ссылочка: lab.reaal.me/jsrobot 📣 Code Ready | #ресурсы

👩‍💻 Анимация бургер-кнопки Всем привет! Сейчас разберем как создать и анимировать бургер-кнопку, которая используется для создания меню на сайтах. Основой для создания такого эффекта является свойство transform, с помощью которого можно смещать элементы в заданном направлении. 📣 Code Ready | #гайд #css

Как создать свой чат-бот и начать зарабатывать уже сегодня? На cайте университета Zerocoder открыли запись на бесплатный онлайн-практикум, где разберут, как создавать востребованные чат-боты — от простых до тех, за которые готовы платить от ₽100.000 за проект! — Не нужен опыт в IT или программировании — всё с нуля! — Расскажем, как выйти на стабильный доход уже через пару месяцев. — Доступ к проверенным вакансиям для разработчиков чат-ботов. Что узнаете на эфире: — Перспективы рынка чат-ботов на 2025 год. — Какие проекты стоят ₽100.000 и как их найти. — Как применять нейросети, чтобы упростить работу. Хотите освоить трендовую IT-профессию и начать зарабатывать от 100K за проект? Нажмите сюда и забронируйте место на эфир. erid: LjN8KXF1Q ООО Зерокодер, ИНН 9715401631

Знал ли ты, что можно не перепечатывать текст из видео вручную? selectext — это расширение для Chrome, с помощью которого можно скопировать текст из видео, выделив область с текстом. ⬆️ Скачать расширение ➡️ Code Ready | #ресурсы

👩‍💻 Простой атрибут — translate Он управляет тем, должно ли содержимое элемента переводиться, если страница переведена с использованием автоматических переводчиков. Имеет два значения:

• translate="yes" (по умолчанию) — Должно быть переведено. • translate="no" — Не должно быть переведено.

Советую использовать его, когда нужно предотвратить перевод специфических текстов, таких как имена собственные, бренды или код, который может быть некорректно переведен. 📣 Code Ready | #html

Питон, жаба, баг, факап, код, кот… 🐈 Все надоело! Каждый день слышишь эти слова и уже начинает подташнивать. А за работу садишься с тем же удовольствием, что в начале карьеры в IT? Если прокрастинация и тревожность стали верными спутниками, то пора срочно выбираться из этого состояния! ⚡️Справиться с выгоранием и вернуться к жизни тебе поможет канал Вадима - Психолог взрослого человека. Он точно знает, как IT-специалисту выйти из застоя и вернуть себе силы и энергию. Рекомендуем начать с его мини-курса, который, кстати, Вадим сейчас проводит бесплатно: 👉🏻 "Как избежать выгорания, даже если вы постоянно вкалываете?". Ты найдешь причины упадка сил и апатии. И поймешь, как из этого выйти. Подписывайся на канал @vadimpetrovpsi и смотри мини-курс - ссылка в закрепе.

CSS Gradient — Этот сайт позволяет легко создавать градиенты с помощью интуитивно понятного интерфейса и генератора кода. Вы можете настроить цвета и сохранить свои градиенты для дальнейшего использования. 📣 Code Ready | #ресурсы

👩‍💻 Шпаргалка по методам строк Она предоставляет список основных методов для работы со строками в JS. Каждый метод сопровождается кратким описанием его функциональности. 📣 Code Ready | #шпора

⚡️ Бесплатное обучение фронтенду (HTML/CSS + JS + React) с нуля с поддержкой от наставника Опыт в программировании не нужен. На канале Интенсивный JavaScript действующий тимлид и опытный разработчик помогает изучить фронтенд на практических задачах, которые интересно кодить С 17 декабря стартует бесплтаное обучение, где он на практике поможет разобраться в основах — HTML/CSS и JavaScript и React на примере проекта — доски объявлений. 💡Вот план обучения: — день 1: Начинаем верстку. Верстаем шапку, элемент Поиск. — день 2: Про верстку. Верстаем контент главной страницы и карточку товара. Верстаем страницу одного товара — день 3: Подключаем JS. Изучаем базовые понятия. Обработка событий. — день 4: Базовое приложение React. Компонентный подход. — день 5: Переносим верстку в приложение React. Подключаем роутинг. Создаем страничку одного товара Обучение подойдёт, даже если у вас нет опыта в программировании — всё объясняют так, чтобы поняла даже ваша бабуля 🔖Ещё этот парень регулярно набирает новичков в свою команду и знает, как трудоустроиться и джуну, и разрабу поопытнее Помимо работы с кодом он даст пошаговый план изучения всего, что нужно современному фронтенду. Поделится способом трудоустройства. Расскажет, как взять свой первый заказ на фрилансе без фриланс-бирж с огромной конкуренцией Подписывайтесь, чтобы участвовать бесплатно Учиться самостоятельно можно бесконечно, если не знать, куда копать. На интенсиве сократите время на поиск информации и получите пошаговый план от разработчика, который нанимает новичков в команду 👉Участвовать бесплатно Подготовительные уроки уже доступны.

flexboxdefense — игра в жанре Tower Defense, в которой нужно правильно расположить турели с помощью flexbox для защиты. 📌 Ссылочка: flexboxdefense.com 📣 Code Ready | #ресурсы

👩‍💻 Уже пользовались свойство object-fit? Оно позволяет управлять тем, как картинка <img> или видео <video> будет подстраиваться под заданные размеры. По своему поведению очень похоже на свойство background-size для фоновых изображений. Параметры свойства:

1. fill — картинка полностью вписывается в указанные размеры 2. contain — картинка подстроится под заданные размеры так, чтобы поместиться внутри целиком без нарушения пропорций 3. cover — картинка заполнит всю доступную область, обрезая всё ненужное 4. scale-down — браузер сравнивает размеры картинки со значением none и contain и выбирает одно из них. 5. none — картинка отображается без изменения пропорций или размеров

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

Всем доброго дня! Нужны Frontend Разработчики) Для долгосрочного оплачиваемого сотрудничества. Достаточно простая подработка, нужно будет писать код, объяснять разные функции и писать авторские текста. Требования:

• Хорошо уметь работать с Figma • Отлично владеть html, css • Знать JavaScript

У кого есть много свободного времени, отпишите мне — @energy_it