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

Введение в смарт-контракты и пример создания своего токена Бесплатный вебинар для погружения в смарт-контракты и написание на языке Solidity Время и дата проведения: 31.10.2024 в 20:00 Особенности вебинара: - Общая информация про блокчейн, смарт-контракты - Введение в смарт-контракты - Практическая часть - написание своего токена Спикер: Александр Куперман, Senior Solidity Engineer (Швейцария). Программирует более 20 лет, специалист по Solidity, блокчейн стеку. Работал в Blue Brain Project, Cleverdist, Huawei, Valory. Образование: НГТУ (Россия), UOU (Корея), RPI (США). Этот вебинар — часть курса Solidity Developer. В рамках курса вы получите знания и сможете применять их на практике под руководством опытных преподавателей. 👉 Для участия в вебинаре зарегистрируйтесь на сайте: https://otus.pw/mkVE/ Реклама. ООО «Отус онлайн-образование», ОГРН 1177746618576

🔎 Подборка вакансий для джунов Full Stack JavaScript Developer (Junior/Middle) 🟢JavaScript, Node.js, PostgreSQL, React, HTML, CSS, SQL 🟢Уровень дохода не указан | от 1 года Junior Frontend Developer 🟢JavaScript, Git, CSS, HTML, TypeScript, React, Next.js 🟢от 35 000 до 120 000 ₽ | Без опыта Junior React Разработчик 🟢HTML, CSS, JavaScript (ES6), Git, Redux/MobX, styled-components/Less/Sass, TypeScript, Next.js, Docker, Webpack 🟢от 60 000 до 90 000 ₽ | 1–3 года Frontend-разработчик (junior) 🟢React, JavaScript, TypeScript, Redux, CSS, Git, Webpack, Vite 🟢от 65 000 ₽ | 1–3 года PHP-разработчик (junior/junior+) / backend / fullstack 🟢PHP 8, MySQL, MongoDB, Laravel, Vue.js, Nginx, RabbitMQ, Docker, AWS, Yandex Cloud, GitLab CI/CD 🟢от 45 000 до 90 000 ₽ | 1–3 года

👩‍💻 Адаптивная сетка карточек товаров с CSS Grid Напишите разметку и стили для отображения карточек товаров в сетке. Сетка должна адаптироваться к размеру экрана: на больших экранах отображать карточки в три колонки, на планшетах — в две, а на мобильных устройствах — в одну колонку. Карточки должны иметь тень, отступы и закруглённые углы, чтобы выглядеть как отдельные блоки. ➡️ Пример: Для экрана шириной 1024px и выше, массив товаров должен отображаться в виде трёх колонок. При меньшем размере — перестраиваться автоматически. Решение задачи🔽

<div class="product-grid"> <div class="product-card">Товар 1</div> <div class="product-card">Товар 2</div> <div class="product-card">Товар 3</div> <div class="product-card">Товар 4</div> <div class="product-card">Товар 5</div> <div class="product-card">Товар 6</div> </div> /* Основной контейнер */ .product-grid { display: grid; gap: 20px; padding: 20px; } /* Стили карточек */ .product-card { background-color: #f9f9f9; padding: 20px; border-radius: 8px; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); text-align: center; } /* Три колонки на больших экранах */ @media (min-width: 1024px) { .product-grid { grid-template-columns: repeat(3, 1fr); } } /* Две колонки на планшетах */ @media (min-width: 768px) and (max-width: 1023px) { .product-grid { grid-template-columns: repeat(2, 1fr); } } /* Одна колонка на мобильных */ @media (max-width: 767px) { .product-grid { grid-template-columns: 1fr; } }

👩‍💻 Пара шаблонов кастомизированных элементов Handlebars для Apache Superset — 2 Первая часть статьи даёт правила для Handlebars в Superset. Далее — готовый код HTML + CSS, который можно сразу использовать, и разбор CSS-элементов с объяснениями. Читать...

Срочно требуются Веб-Дизайнеры в Figma. Обучим с нуля. Онлайн-программа с наставником и чатом. Осторожно! 80% практики. По результату обучения у вас будет портфолио из нескольких работ. Сертификат о прохождении курса. Возможность пройти полное обучение и получить гарантированное трудоустройство! Учитесь дизайну у профессионалов. Переходи по кнопки: "Узнать больше" и начинай свое обучение. Доступ 0 руб. Узнать больше #реклама 16+ yudaevschool24.online О рекламодателе

🔝 Самые интересные статьи за последние дни: • Family Frontend Meetup #3 • Полезные рецепты ручного создания SVG • Глассморфизм и SVG • Генеративная графика — не только ИИ • Мощь CSS-масок

👩‍💻 Создание адаптивной сетки с переменными CSS Создайте CSS-сетку, которая меняется в зависимости от размера экрана. Используйте CSS-переменные для задания отступов и ширины колонок, чтобы легко настраивать и менять их для разных разрешений экрана. ➡️ Пример: Создайте сетку с тремя колонками для больших экранов, двумя колонками для средних и одной колонкой для мобильных. Решение задачи🔽

:root { --column-gap: 20px; --row-gap: 20px; --column-count: 3; } .container { display: grid; grid-template-columns: repeat(var(--column-count), 1fr); gap: var(--row-gap) var(--column-gap); } @media (max-width: 768px) { :root { --column-count: 2; } } @media (max-width: 480px) { :root { --column-count: 1; } }

👩‍💻 Масштабируемый CSS с архитектурой ITCSS Статья рассказывает об архитектуре Inverted Triangle CSS, которая помогает масштабировать и поддерживать крупные CSS проекты. Обсуждаются причины выбора, пошаговая реализация и сравнение с другими подходами. Читать...

🔎 Подборка валютных вакансий HTML-верстальщик / Front-end разработчик 🟢PHP, jQuery, JavaScript, HTML5, CSS3 🟢от 500 до 500 $ | Без опыта Учитель FrontEnd/Scratch 🟢HTML, CSS, React, Базовый уровень, JavaScript, Figma, Tilda 🟢от 100 000 ₸ | Без опыта Frontend-разработчик 🟢ReactJs, Redux Toolkit, Typescript, Styled-components, React Router, git, Storybook 🟢от 1 200 до 2 000 $ | 3–6 лет Frontend Developer Vue.js / Senior 🟢JavaScript, VueJS, Laravel, HTML, CSS, Figma, Git, MySQL, API, Atlassian Jira, React 🟢до 3 500 $ | Более 6 лет Frontend-разработчик (React) 🟢React, RTK и RTK Query, TypeScript, соблюдение принципов DRY, KISS и SOLID, MUI, Git 🟢от 250 000 до 350 000 ₸ | 1–3 года

💡 Карьера — это не про «идеальную работу», а про опыт и умение адаптироваться В мире, где всё меняется быстрее, чем ты успеваешь обновлять резюме, держаться за одну карьерную траекторию — всё равно что пытаться угнаться за горизонтом. Умение перестраиваться, пробовать новое и брать на себя задачи, которые немного пугают, — вот что реально важно. И это не про «выйди из зоны комфорта», а про осознанный выбор расти и не цепляться за привычное. 🎯 Что делать: пообщайся с коллегой из другой области, возьми на себя один проект вне своей зоны, попробуй новый инструмент или язык, устрой «ревизию» навыков — что сейчас реально работает на тебя, а что пора обновить? Простые шаги, но каждый — ключ к росту и новым возможностям.

❓ Как быстро разобраться в Next.js 14: 5 советов опытного фронтендера Делимся пятью советами, которые помогут быстро разобраться в тонкостях работы с изображениями, переменными окружения, кэшированием и управлением компонентами в Next.js. Читать...

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

🔎 Подборка вакансий для лидов Tech Lead Fullstack Developer (React.js + Node.js) 🟢TypeScript (99% кода), JavaScript, React.js, RxJS, Node.js, PostgreSQL, AWS, Electron. 🟢от 5 000 до 6 000 $ | Более 6 лет Web Tech Lead (Full stack, TsNode, Vue/React) 🟢Уровень дохода не указан | 3–6 лет Tech Lead (mobile) 🟢Android, Flutter, JavaScript, CI/CD 🟢до 500 000 ₽ | 3–6 лет Tech Lead (Full stack, TsNode, Vue/React) 🟢JavaScript, Node.js, React, VueJS, TypeScript, CI/CD 🟢Уровень дохода не указан | 3–6 лет Tech Lead (PHP/Laravel + Vue.js) 🟢PHP, Laravel, PostgreSQL, VueJS, Kafka, CI/CD 🟢Уровень дохода не указан | 3–6 лет

👩‍💻 Как работает свойство z-index в CSS? z-index управляет тем, как элементы накладываются друг на друга в трёхмерном пространстве веб-страницы. Элементы с большим значением z-index будут отображаться поверх тех, у которых значение меньше. ➡️ В этом примере элемент с z-index: 2 будет отображаться поверх элемента с z-index: 1:

.element1 {
  position: relative;
  z-index: 1;
}

.element2 {
  position: relative;
  z-index: 2;
}

🗣 Важно помнить, что свойство z-index работает только с элементами, у которых установлено позиционирование (position: relative, absolute, fixed или sticky).

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

⚙️ Паттерн «Бэкенд для фронтенда»: преимущества, недостатки и лучшие практики для реализации Если ты хочешь стать настоящим мастером API, тебе нужно знать о паттерне BFF. В этой статье рассказываем, как создавать управляемую архитектуру с использованием BFF, избегая избыточной сложности и головной боли при поддержке. Читать...

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

📈 Подборка статей для вашей карьеры • Названия должностей разработчиков почти потеряли свой смысл • Три рецидива синдрома самозванца: из историка в системного аналитика • 10 не самых очевидных причин, чтобы уволиться • ИТ-пенсионеры и где они обитают • Пресловутые софтскилы и карьера в IT

🔎 Подборка вакансий для сеньеров Верстальщик Webflow и Tilda 🟢HTML, CSS, JavaScript, Figma 🟢Уровень дохода не указан | 3–6 лет Senior HTML-верстальщик 🟢HTML5, Figma, Photoshop, jQuery, JavaScript 🟢от 70 000 до 90 000 ₽ | 3–6 лет Графический дизайнер-верстальщик 🟢Photoshop 🟢от 150 000 до 250 000 ₽ | 3–6 лет Дизайнер-верстальщик (гибрид) 🟢inDesign, Illustrator, Photoshop 🟢от 90 000 ₽ | 3–6 лет Senior Frontend Developer (Vue.JS) 🟢Vue3, TypeScript, Git 🟢от 90 000 ₽ | Более 6 лет

👩‍💻 Neuro Noise (GLSL Shader) Интерактивный фон с эффектом при перемещении курсора. Сделан на CSS и JavaScript. Открыть код...

Алиса для работы и учёбы Когда нужно срочно придумать идею для статьи или бизнес-проекта, написать карточку товара или деловое письмо, узнать значение незнакомого термина или специфику компьютерной программы — просто напишите запрос в Чат с Алисой. Например: 📱— Алиса, предложи пять идей поста для привлечения клиентов в социальные сети мебельного магазина 🗒— Алиса, напиши письмо клиенту с предложением провести показ новой коллекции платьев в лесу 🎓 — Алиса, объясни простыми словами принцип работы диода Ответ от Алисы с YaGPT 3 Pro не заставит себя ждать. Попробуйте опцию Про для задач по работе или учёбе! Узнать больше #реклама alice.yandex.ru О рекламодателе