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

​​👤Внедрение зависимостей в ES6+ «на пальцах» В этой статье автор покажет, как можно построить собственный контейнер объектов, который будет загружать исходный код es6-модулей, создавать нужные зависимости и вставлять их в нужные места. Читать...

​​🚀Исследование производительности анимации на основе скрола страницы В этой статье автор расскажет что нового в анимации на основе скрола страницы. Читать...

​​❓ Как писать потокобразный реактивный код?  Познакомьтесь с реактивным программированием, библиотекой RxJS и её использованием в Angular! Приходите 26 июля в 20:00 на открытый урок, который пройдет в рамках онлайн-курса «Angular Developer» OTUS. Реактивное программирование — это современных подход к разработке ПО, который строится на реагировании на события и на распространении событий.  🔊 Преимущества такого подхода:  — Сильно улучшает читаемость и качество кода — Облегчает контроль за ожидаемыми значениями переменных — Уменьшение количества строк кода и более высокая производительность Angular Не упустите возможность протестировать формат обучения! Больше полезного ждет вас на курсе, доступном в рассрочку.  ➡️ Для участия зарегистрируйтесь: https://otus.pw/iDgH/ Нативная интеграция. Информация о продукте www.otus.ru

​​😤Объединение микрофронтов на Nx в один проект В этой статье автор расскажет как создать в Nx несколько проектов, и как создать к ним компоненты и либы. Читать...

​​🔥Тест по React JS от OTUS🔥 — Ответьте на 19 вопросов и проверьте, насколько хорошо вы знаете язык. Сможете сдать — пройдёте на продвинутый онлайн-курс по React.js со скидкой! 🚀ПРОЙТИ ТЕСТ ОНЛАЙН-КУРСА ПО REACT.JS   Курс доступен в рассрочку. 🎁Пройдете успешно тест, получите доступ к открытым урокам курса. Хотите посмотреть как проходит обучение? Приходите на открытый урок курса. 01.08 - регистрация на открытый урок "Тема SSR и серверные компоненты. Новый подход к организации фронтенда"  https://otus.pw/WD1y/ Нативная интеграция. Информация о продукте www.otus.ru

​​😎ESLint. Анатомия правил линтинга: разбираем структуру, создаём собственное правило для React-приложения В этой статье автор расскажет зачем нужны линтеры и как расширить стандартный набор правил. Читать...

​​🧑‍💻Компонентный подход в вёрстке: подробный разбор для джунов и сочувствующих В этой статье вы узнаете, как и зачем верстать интерфейсы, используя этот подход, какие параметры и проблемы важно учесть. Читать...

​​😵ES2023 — что нового в JavaScript? В данной статье мы обсудим новые возможности работы с массивами в JavaScript, которые были добавлены в ES2023. Читать...

​​🖱Микрофронтенд: что это такое и зачем он нужен? В этой статье сравним разные способы организации микрофронтенда, изучим их преимущества и стратегии реализации. Читать...

​​😎Состоялся релиз фреймворка Electron 24 В этой статье автор расскажет как разрабатывать настольные графические приложения с использованием веб-технологий. Читать...

​​🚀Mozilla запустила MDN Playground — собственную версию сервиса CodePen В этой статье автор расскажет как тестировать и показывать сниппеты кода HTML, CSS и JavaScript. Читать...

​​🧑‍💻Создаем веб-сайт, будто на дворе 1999 год В этой статье автор расскажет о том, как жилось веб-разработчикам 20+ лет назад, когда всемирная паутина была явлением совершенно новым, а чтобы войти в неё, приходилось некоторое время слушать специфические звуковые сигналы. Читать...

​​😵Вышла версия платформы создания приложений Electron 24.0.0 В этой статье автор расскажет как с помощью Electron можно создавать любые графические приложения с использованием браузерных технологий, логика работы которых определяется на JavaScript, HTML и CSS. Читать...

​​🧑‍💻20+ ошибок CSS, которых должен избегать каждый веб-дизайнер В этой статье автор расскажет почему веб-разработчики используют CSS для создания визуально привлекательных и удобных веб-сайтов, совместимых с различными устройствами и браузерами. Читать...

​​😶‍🌫История одного макета: способы сделать сайт послушным В этой статье автор расскажет как вёрстка помогает нам выстраивать содержимое веб-страниц по определённым правилам Читать...

​​🤓Любопытные CSS фишки В этой статье автор покажет наиболее распространенные задачи и расскажет вам, как они решаются с помощью современного CSS. Читать...

​​😎На пути к дизайн-системе: как мы сделали визуал и разработку почти единым целым В этой статье автор расскажет, как можно синхронизировать параметры дизайна и код. Читать...

​​😍Как сделать веб-шрифты красочными В этой статье автор расскажет о палитрах CSS в работе с многоцветными шрифтами COLRv1, которые поддерживаются в последних Chrome и Edge. Читать...

​​🚀Центрируй, властвуй, располагай В этой статье автор расскажет о вертикальном и горизонтальном центрировании CSS (Cascading Style Sheets). Читать...

​​👾Как передавать макеты в разработку? В этой статье автор обсудит как быть с приложениями для разработки дизайна интерфейсов, а также вы узнаете правила которых стоит придерживаться при подготовке макетов. Читать...