Логово верстальщика

🔎 Подборка вакансий для лидов Team Lead Frontend-разработчик 🟢HTML, CSS, JavaScript, React 🟢от 200 000 ₽ | 3–6 лет Lead Frontend Developer 🟢React, TypeScript, HTML5, CSS3, Python, Node, SQL 🟢5 000–8 000 $ (до вычета налогов) | 3–6 лет Lead Frontend 🟢React.js, Redux.js, CI/CD 🟢Уровень дохода не указан | более 6 лет Руководитель группы разработчиков (Frontend Team Lead) 🟢Angular, AngularJS, TypeScript, RxJS, HTML, CSS, Gitlab 🟢180 000–200 000 ₽ | более 6 лет Lead frontend-разработчик (Vue) 🟢Vue.js, TypeScript, HTML, CSS, JavaScript, Webpack, Vite 🟢Уровень дохода не указан | 3–6 лет

Хотите стать графическим дизайнером, но не знаете как? Как получить профессию графического дизайнера? Приглашаем на день открытых дверей в школу SHADdesign в формате онлайн. Мы расскажем: - Всё о профессии графического дизайнера. - Какие перспективы карьерного роста? - Как и сколько учиться? - Что изучают на курсе? - Как выбрать формат обучения: очный или онлайн? - Как проходят занятия? - Что дает изучение компьютерных программ Illustrator, Photoshop, Indesign, Figma? - Поможет ли Диплом ДПО в трудоустройстве? Преподаватели ответят на любые ваши вопросы! Встреча состоится 8 ноября в 19:00 Зарегистрироваться #реклама 16+ shad.ru О рекламодателе

👩‍💻 Как работает свойство box-shadow в CSS? Свойство box-shadow в CSS позволяет добавлять тень к элементам. Вы можете задавать смещение по оси X и Y, размытие, размер растяжения и цвет тени. Это свойство особенно полезно для создания эффектов глубины и фокусировки на важных элементах интерфейса. ➡️ Пример:

/* Пример тени с мягким размытием */
.box {
  width: 200px;
  height: 100px;
  background-color: #3498db;
  box-shadow: 10px 10px 20px rgba(0, 0, 0, 0.3);
}

🗣️ В этом примере тень создается с отступом в 10px по оси X и Y, с размытием 20px и полупрозрачным черным цветом. box-shadow позволяет экспериментировать с глубиной, добавляя акценты к элементам интерфейса.

🖥 Подробнее тут

👩‍💻 Создание веб-компонента с нуля Сегодня я решил, что мы создадим HTML веб-компонент с нуля. Давайте создадим компонент, показывающий и скрывающий текст при переключении кнопки. Читать...

Бесплатный мастер-класс по созданию приложений Всего за одно занятие Ваш ребёнок создаст собственное приложение! А полученные знания и навыки сможет легко использовать в дальнейшем для самостоятельных проектов! Педагоги из Университета Иннополис проводят бесплатный мастер-класс для школьников 6-11 классов 10 ноября в 16:00 МСК ! ⚡Не упустите возможность подарить ребёнку уникальные знания от ведущего ИТ ВУЗа страны. Кто знает, возможно, это станет фундаментом для востребованной профессии в будущем или просто полезным хобби в настоящем. Попробуем? Регистрируйтесь для участия, количество мест ограничено. Зарегистрироваться #реклама 16+ progmatica.innopolis.university О рекламодателе

📈 Подборка статей для вашей карьеры • В какой момент профессия программиста свернула не туда? • Офис Intel в Израиле отменил бесплатный кофе • Войти в IT – в 37 и с дипломом филфака • Путь к мастерству: Как стать успешным разработчиком • Галера от HH или джуны по-дешевке

🔎 Подборка вакансий для сеньоров Разработчик Frontend (React) 🟢React, Redux, JavaScript, HTML5, CSS3, TypeScript, Git, Docker, SQL, Effector, REST API 🟢от 250 000 до 330 000 ₽ | 3–6 лет Senior Frontend Developer (React + Tailwind CSS) 🟢React, Next.js, Tailwind CSS, Mantine UI 🟢от 5 000 до 6 000 $ | более 6 лет Frontend Developer (Middle+/Senior) 🟢JavaScript, TypeScript, HTML, CSS, React, стейт-менеджеры, Docker, CI/CD 🟢от 150 000 до 200 000 ₽ | 3–6 лет Senior frontend-разработчик 🟢HTML, CSS, JavaScript, TypeScript, React, Vue, Angular, CI/CD, Git, Docker 🟢от 200 000 до 300 000 ₽ | более 6 лет Frontend-разработчик Middle+ / Senior 🟢JavaScript, CSS, HTML, CSS3, React, Redux, React Native, TypeScript 🟢от 150 000 до 250 000 ₽ | 1–3 года

👩‍💻 Cards with inverted border-radius Карточки товаров с интересным решением для кнопки. Сделаны на SCSS. Открыть код...

Помощь в трудоустройстве в IT-сфере! В России из-за дефицита айтишников запустили бесплатную программу по обучению IT-специалистов. Теперь любой желающий может попробовать себя в IT с полного нуля и начать обучение бесплатно! Узнайте про дальнейшее трудоустройство в ведущие IT-компании для восполнения кадрового дефицита. Для этого нужно: - Перейти по ссылке - Заполнить анкету и ответить на вопросы (занимает менее 3 минут) - На основании ваших ответов вы сразу узнаете, подходит ли вам сфера IT и сможете ли вы в ней работать Перейти на сайт #реклама 16+ urban-university.ru О рекламодателе

🔝 Самые интересные статьи за последние дни: • Ускоряем разработку и тестирование с DevTools: 4 новых инструмента, которые сэкономят вам время • Управление цепочкой вызовов асинхронных функций • Звездный рейтинг на HTML-CSS • Svelte 5 здесь • Глобальная настройка любого компонента в Vue

Экспертная разработка сайтов, лендингов, приложений Разработка под ключ: от идеи до реализации. Адаптивные сайты с высокой скоростью загрузки 💻 Увеличим конверсию до 30% 💰 Профессиональный дизайн и UX-оптимизация ✅ Приложения для IOS и Android. Интеграция с CRM и облачными сервисами📱 Работаем на результат⚡ Получить предложение #реклама 16+ tsekh.tech О рекламодателе

Станьте AI-разработчиком на Python и зарабатывайте от 150.000₽ в месяц 🔥🔥🔥 Мы научим вас создавать и тренировать нейронные сети, и вы сможете: 1️⃣ Устроиться разработчиком в крупную компанию и зарабатывать от 150 тыс. ₽ в месяц 2️⃣ Разрабатывать такие проекты на заказ и зарабатывать от 500 тыс. ₽ за проект 3️⃣ Создать нейро-сотрудника в вашей компании и вырасти на +30-100% в зарплате На интенсиве будет много практики: создадим 9 нейросетей за 1 вечер: 🧬 Прогноз стоимости золота 🧬 Сегментация изображения для робота доставщика 🧬 Трекинг людей на видео Ведущий интенсива - Senior AI-разработчик и основатель Университета искусственного интеллекта 🔥 Регистрируйтесь на бесплатный интенсив! Встречаемся в ближайшую среду

👩‍💻 Создание анимированного переключателя темы (светлая/тёмная) Создайте переключатель, позволяющий пользователю менять тему страницы между светлой и тёмной. При переключении должна происходить плавная анимация перехода. Реализуйте переключение тем с помощью CSS-переменных и JavaScript. ➡️ Пример: Переключатель переключает тему страницы между светлой и тёмной, изменяя цвета фона и текста. При смене темы фон плавно меняется за 0.3 секунды. Решение задачи🔽

<div class="theme-toggle"> <label class="switch"> <input type="checkbox" id="theme-switcher"> <span class="slider"></span> </label> <p>Нажмите, чтобы переключить тему</p> </div> /* Переменные для тем */ :root { --bg-color-light: #ffffff; --bg-color-dark: #333333; --text-color-light: #000000; --text-color-dark: #ffffff; --transition-duration: 0.3s; } /* Общие стили */ body { background-color: var(--bg-color-light); color: var(--text-color-light); transition: background-color var(--transition-duration), color var(--transition-duration); } /* Тёмная тема */ body.dark-theme { background-color: var(--bg-color-dark); color: var(--text-color-dark); } /* Стили для переключателя */ .theme-toggle { display: flex; align-items: center; gap: 10px; margin-top: 20px; } .switch { position: relative; display: inline-block; width: 50px; height: 24px; } .switch input { opacity: 0; width: 0; height: 0; } .slider { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: #ccc; border-radius: 24px; transition: background-color var(--transition-duration); } .slider:before { position: absolute; content: ""; height: 18px; width: 18px; left: 4px; bottom: 3px; background-color: white; border-radius: 50%; transition: transform var(--transition-duration); } input:checked + .slider { background-color: #2196F3; } input:checked + .slider:before { transform: translateX(26px); } document.getElementById('theme-switcher').addEventListener('change', (event) => { document.body.classList.toggle('dark-theme', event.target.checked); });

👩‍💻 Использование async и defer для управления скриптами В мире веб-разработки оптимизация времени загрузки страниц имеет решающее значение. Два мощных атрибута тега <script> — async и defer — могут существенно повлиять на производительность сайта. Использование этих атрибутов без их глубокого понимания может негативно сказаться на производительности и привести к ошибкам. Давайте начнём с основ и узнаем, что делают эти атрибуты и когда их следует использовать. Читать...

Курс графического дизайна с нуля. Бесплатное обучение! Выбери свое направление в дизайне: графический дизайн, веб-дизайн, UX/UI-дизайн. И изучи бесплатно основы дизайна с личным наставником! 3 работы в портфолио. Узнать больше #реклама 16+ yudaevschool24.online О рекламодателе

🔎 Подборка вакансий для мидлов Frontend-разработчик Middle 🟢HTML, CSS, SCSS, JavaScript, Vue 3, Vuex, Vue-router, Vite, JSON RPC, I18n 🟢Уровень дохода не указан | не требуется Middle Frontend Developer 🟢JavaScript, TypeScript, React, Redux, Next.js, TailwindCSS 🟢Уровень дохода не указан | 1–3 года Javascript middle frontend developer 🟢JavaScript, TypeScript, Vue.js, Git, HTML, CSS 🟢от 220 000 ₽ | 3–6 лет Middle frontend-разработчик 🟢HTML, CSS, JavaScript, TypeScript, Vue.js, Nuxt.js, WebSocket, REST, GraphQL 🟢от 150 000 до 200 000 ₽ | 3–6 лет Junior+/middle frontend разработчик 🟢JavaScript, TypeScript, CSS, React 🟢до 160 000 ₽ | 1–3 года

Переходите на impulseCRM на выгодных условиях! Мы предлагаем вам максимально комфортные условия для перехода на нашу систему: ✅Беслпатный перенос вашей клиентской базы - Мы возьмем на себя всю техническую работу по переносу ваших данных - клиентов, абонементов, платежей и многого другого. ✅Бесплатное обучение для ваших сотрудников - Мы позаботимся, чтобы ваша команда быстро освоила все возможности нашей CRM. ✅Техническая поддержка - У вас всегда будет возможность получить квалифицированную помощь от наших специалистов. Переходите на impulseCRM прямо сейчас и получите максимальную выгоду! 📞 Для получения подробной информации - свяжитесь с нами и мы предложим вам все условия перехода. Узнать больше #реклама impulsecrm.ru О рекламодателе

👩‍💻 Как работает свойство object-fit в CSS? Свойство object-fit позволяет управлять масштабированием содержимого (например, изображений или видео) внутри контейнера, не искажая его соотношение сторон. Это особенно полезно при создании адаптивных и аккуратных галерей. ➡️ В этом примере изображение заполняет контейнер, сохраняя пропорции, благодаря значению cover:

.container {
  width: 300px;
  height: 200px;
  overflow: hidden;
}

.container img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

🗣 Свойство object-fit помогает контролировать отображение изображений в контейнерах, не растягивая и не искажая их.

👩‍💻 Profile Card UI Стильная карточка-портфолио с анимированными кнопками. Сделан на Svg, SCSS и JavaScript. Открыть код...

ТОП-4 Курса по Программированию ⚡Tutortop — маркетплейс курсов №1 по количеству школ-партнеров, курсов и реальных отзывов студентов. ✅Хотите стать программистом, но не знаете с какого языка начать? Помогаем разобраться в самых популярных и востребованных языках программирования. Подарок в конце подборки! Выбрать #реклама 16+ tutortop.ru О рекламодателе