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

🔎 Подборка вакансий для мидлов Frontend-разработчик (junior+ / middle) 🟢JavaScript, Nuxt 2/3, TypeScript, ES20+, Git (GitLab), Docker 🟢до 150 000 ₽ | 1–3 года Middle frontend JS / React developer 🟢React, JavaScript, TypeScript, HTML5, CSS3, Git, React Native, Angular, Vue.js, Docker 🟢от 120 000 ₽ | 1–3 года Frontend-разработчик (Middle) 🟢React 18, TypeScript, Axios, Material UI, Redux, Redux Toolkit, HTML, CSS, Git 🟢от 105 000 ₽ | 1–3 года Frontend-разработчик Middle 🟢JavaScript, HTML5, React.js, TypeScript, Next.js, SCSS, LESS, ant-design, storybook, material-ui, react-bootstrap, Selenium, Cypress, Puppeteer, Git 🟢от 140 000 до 170 000 ₽ | 1–3 года Frontend-разработчик (React, Next) 🟢JavaScript, React, Next.js, Ant Design, Next UI, Zustand, HTML, CSS 🟢от 200 000 до 350 000 ₽ | 3–6 лет

👩‍💻 В чем разница между em и rem в CSS? В CSS em и rem — это относительные единицы измерения, используемые для задания размеров шрифтов, отступов, полей и других стилей. em основывается на размере шрифта родителя, тогда как rem ориентирован на размер шрифта корневого элемента (html), что делает его предсказуемым и удобным для масштабирования. ➡️ Пример:

html {
  font-size: 16px; /* Базовый размер шрифта */
}

.container {
  font-size: 2em; /* 32px, основывается на размере родителя */
  margin: 1rem;   /* 16px, независимо от родителя */
}

🗣️ Использование rem помогает сохранить консистентность размеров при вложенных элементах, а em подходит для адаптивного дизайна, когда размеры зависят от родителей.

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

👩‍💻 Dropdown Menu Effects Анимированное выпадающее меню с переливающимся эффектом. Сделано на SCSS и TypeScript. Открыть код...

Подбираем работу, с которой не захочется уходить Самые талантливые и сильные менеджеры по продажам теряются на собеседовании и не получают работу мечты. Выходит, что сейлз может продать что угодно, кроме себя. Мы это меняем. Теперь продавать ваши навыки будет искусственный интеллект 🎓 Чем раньше вы подключитесь, тем больше бенефитов получите от сервиса. Рассказываем, как это работает, попробуйте сейчас: Попробовать #реклама О рекламодателе

🔎 Подборка вакансий для джунов Frontend-разработчик (junior/junior+) 🟢React, Mobx, SCSS, Tailwind, TypeScript, GIT (git flow) 🟢от 40 000 до 60 000 ₽ | Без опыта Junior Frontend Developer 🟢HTML5, CSS3, JavaScript (ES6/ES7), React/Angular/Vue.js, jQuery, Bootstrap/Foundation/Bulma/Tailwind, Webpack/Parcel/Rollup, SASS/LESS/PostCSS/Stylus 🟢Уровень дохода не указан | Без опыта Junior Frontend разработчик 🟢HTML, CSS, JavaScript, React, TypeScript, Redux toolkit 🟢от 40 000 до 70 000 ₽ | 1–3 года Junior Frontend-разработчик 🟢React, Next.js, Tailwind CSS, React Query 🟢от 35 000 ₽ | 1–3 года Junior Frontend (React) developer 🟢React, JavaScript, TypeScript, HTML, CSS, .NET (C#), Git 🟢Уровень дохода не указан | Без опыта

Как IT-компании увеличить продажи с помощью вебинаров? Делимся гайдом для маркетологов IT-компаний с рекомендациями ведущих российских разработчиков и экспертов МТС Линк. Вы узнаете: - Как правильно использовать онлайн-мероприятия для продвижения; - Как собрать 5 000 потенциальных клиентов из любой точки мира в одном месте; - Как увеличить узнаваемость бренда и создать комьюнити вокруг него; - Как оценить вклад онлайн-мероприятия в продвижение компании и правильно обработать лиды; Получите методичку бесплатно на сайте! Скачать #реклама 16+ mts-link.ru О рекламодателе

👩‍💻 Создание карточки с изображением и текстом Создайте карточку, которая содержит изображение, заголовок и описание. Карточка должна иметь тень, плавно увеличиваться при наведении и иметь отступы для аккуратного отображения содержимого. Ожидаемое поведение: • Изображение находится в верхней части карточки. • Под изображением — заголовок и краткое описание. • Карточка при наведении увеличивается и добавляет лёгкую тень. Решение задачи🔽

<div class="card"> <img src="https://via.placeholder.com/300x200" alt="Card Image" class="card-img"> <h3 class="card-title">Заголовок карточки</h3> <p class="card-description">Это краткое описание для карточки. Оно даёт представление о содержимом.</p> </div> .card { width: 300px; border-radius: 8px; overflow: hidden; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); transition: transform 0.3s, box-shadow 0.3s; } .card:hover { transform: scale(1.05); box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2); } .card-img { width: 100%; height: auto; } .card-title { margin: 16px; font-size: 1.2em; } .card-description { margin: 0 16px 16px; font-size: 0.9em; color: #555; }

👩‍💻 Проблема с new URL(), и как URL.parse() её решает Часто приходится анализировать множество URL-адресов. Частично для их проверки, а также для нормализации или извлечения определённых частей из URL. API URL в браузерах позволяет это делать, но его эргономика не идеальна. Читать...

Дизайн в FIGMA с нуля. Бесплатный курс + портфолио Онлайн-программа с наставником и чатом. Дизайн от профессионалов. Доступ 0 руб. Узнать больше #реклама 16+ yudaevschool24.online О рекламодателе

🔝 Самые интересные статьи за последние дни: • Отладка и мониторинг в MobX: trace, introspection и spy • Пара шаблонов кастомизированных элементов Handlebars для Apache Superset — 2 • PHP и Laravel дайджест новостей за октябрь 2024 года • Битва титанов: натив, кроссплатформа и PWA – ищем плюсы и минусы на каждом этапе разработки • Внедрение методики решения проблем 8D на производственном предприятии в виде SRM/ERP-систем/Часть 1

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

👩‍💻 Стилизация кнопки с эффектом наведения Создайте кнопку, которая меняет цвет фона и добавляет лёгкую тень при наведении. При обычном состоянии кнопка должна иметь закруглённые углы и немного увеличиваться при наведении для визуального акцента. Ожидаемое поведение: • Основной цвет фона кнопки — синий (#007BFF). • При наведении цвет фона становится темно-синим (#0056b3), добавляется тень, и кнопка слегка увеличивается. Решение задачи🔽

<button class="styled-button">Нажми меня</button> .styled-button { background-color: #007BFF; color: white; padding: 10px 20px; border: none; border-radius: 8px; cursor: pointer; font-size: 16px; transition: background-color 0.3s, transform 0.3s, box-shadow 0.3s; } .styled-button:hover { background-color: #0056b3; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); transform: scale(1.05); }

👩‍💻 Создание CLI-приложения с Laravel и Docker Хотя Laravel традиционно используется для создания веб-приложений, некоторые приложения нуждаются в надёжных командах CLI, запускаемых через Docker в продакшн-среде. Узнайте, как настроить образ Docker для запуска Artisan CLI, благодаря чему вы получите основу для распределения CLI-приложений на PHP. Читать...

С 1С:Фреш работать можно где угодно Холода приближаются — пора на удалёнку! 1С:Фреш позволяет работать со всеми привычными программами 1С через интернет — а это значит, что можно работать удаленно и с любого устройства. Ноутбук, планшет и даже смартфон — тот же функционал, что и на рабочем компьютере без доплат и лишних настроек. Подключайтесь к вашей базе из дома или в дороге, и продолжайте работать там, где остановились. ❤️ Зарегистрируйтесь, чтобы получить 30 дней бесплатного доступа! Узнать больше #реклама 16+ pcs.ru О рекламодателе

🔎 Подборка валютных вакансий Frontend React Developer 🟢React, TypeScript, Web3 (viem, tonweb, connectkit, wagmi), tanstack, Tailwind, Vite 🟢до 1 800 $ | 3–6 лет Senior Fullstack Software Engineer (.NET React) 🟢.NET, C#, Entity Framework, React 🟢от 24 000 000 до 38 000 000 so'm | 3–6 лет Senior Frontend developer 🟢TypeScript, React, Next.js, JavaScript, CSS, TailwindCSS, Material UI, Headless CMS (Storyblok, Contentful, Strapi) 🟢до 3 000 $ | 3–6 лет Backend Разработчик (JavaScript) 🟢JavaScript, Node.js, TypeScript, PostgreSQL, web3, blockchain 🟢от 4 000 $ | более 6 лет Senior Front-End (React) разработчик 🟢React.js, Redux, CSS, REST 🟢от 4 000 до 5 000 $ | более 6 лет

Обучение на Frontend-разработчика. С нуля за 9 месяцев. На курсе вы получите все навыки, необходимые для старта в профессии Frontend-разработчика. Персональный наставник middle/senior уровня. 14 проектов, лайвкодинг, хакатоны, репетиции техсобеседования. Освоите JavaScript, React, TypeScript Официальный диплом и сертификат школы. Поддержка наставника по JS в течение 3-х месяцев после диплома. Гарантия трудоустройства. Если вы не устроитесь, вернём деньги. Это закреплено в договоре п. 6.14 Узнать больше #реклама 16+ result.school О рекламодателе

💭 Скорость — не главный показатель успеха. Гораздо важнее — чёткое понимание, куда ты идёшь. Многие тратят кучу энергии, чтобы везде поспеть: освоить новое, прокачать скиллы, закрыть дедлайны. Но часто за спешкой скрывается отсутствие направления. И пока ты гонишься за всем сразу, фокус на том, что действительно важно, ускользает. 🎯 Что делать: раз в месяц выдели время на анализ — какие задачи реально приближают тебя к целям, а какие тянут энергию впустую? Подумай, что можно делегировать, что автоматизировать, а от чего отказаться. Сосредоточься на главном, и почувствуешь, что каждое действие наконец работает на твой рост.

👩‍💻 CI/CD для начинающих: деплой React-приложения без боли В статье показан процесс развертывания React-приложения на сервере: от упаковки кода в CI/CD до отправки его в прод. Всё на примере простого to-do приложения. Читать...

" Frontend-разработчик". Курс с нуля до трудоустройства. Профессия Frontend-разработчик это: ✅ Быстрый старт в IT без технического образования ✅ Зарплата от 140 000 ₽ после обучения ✅ Возможность работать удаленно из любой точки мира ✅ Высокий спрос на рынке труда – 4000+ вакансий прямо сейчас Наш курс создан специально для новичков: - Обучение с нуля – никаких предварительных знаний не требуется - 9 месяцев пошагового обучения - Простой язык без сложных терминов - Персональный наставник, который поддержит на каждом этапе - 14 проектов для вашего будущего портфолио Гибкий график, дастанционное обучение. Практика с первых дней. Групповые проекты – почувствуйте атмосферу реальной команды разработчиков Помощь в составлении резюме и репетиция собеседований Гарантия трудоустройства или возврат денег! Узнать больше #реклама 16+ result.school О рекламодателе

🔎 Подборка вакансий для лидов 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 лет