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

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

Ir al canal en Telegram

Логово верстальщиков: HTML, CSS, JavaScript, практики современной верстки, вайбкодинг и использование ИИ в разработке. Личный блог автора - @just_genych По вопросам рекламы или разработки: @g_abashkin

Mostrar más
8 192
Suscriptores
-724 horas
-237 días
-5630 días
Archivo de publicaciones
​​🦾Как создать монорепозиторий с несколькими сервисами, используя Lerna и Yarn? В этой статье автор расскажет о начальной настройке, структуре каталогов, управлении зависимостями, тестировании и развёртывании. Читать...

​​⁉️ Как создавать веб-приложения быстро и просто, но при этом красивом и необычно? Современные реалии в IT требуют от разработчиков оптимизации временных издержек и уникальности готовых проектов одновременно. Как писать мобильные и ПК-приложения быстро, просто и красиво?  🦾 Узнаете на бесплатном открытом уроке «Обзор возможностей библиотеки компонентов Quasar с Vue» от OTUS. Преподаватель Михаил Кузнецов – Fullstack developer и тимлид в «Zalando», Germany.  📌 Занятие пройдёт 17 октября в 20:00 мск и будет приурочено к старту курса «Vue.js разработчик». В дальнейшем вы сможете приобрести полный курс в рассрочку на выгодных условиях. Это отличная возможность совершенно бесплатно протестировать формат обучения и задать преподавателю любые вопросы в режиме реального времени! 👉 Зарегистрируйтесь на событие прямо сейчас и мы напомним в день вебинара. Реклама. ООО «Отус онлайн-образование», ОГРН 1177746618576, www.otus.ru, erid: LjN8K43oq

​​😉Расширенные концепции JavaScript для написания качественного, поддерживаемого кода В этой статье автор рассмотрит некоторые из продвинутых концепций JavaScript, которые должны быть известны каждому опытному разработчику. Читать...

CSS псевдокласс :has() Алоха товарищи! Сегодня будет небольшой пост про один из новых псевдоклассов CSS. Что он делает: позволяет создать CSS селектор для элемента в зависимости от того есть ли у него тот или иной дочерний элемент. Примеры: // Выбираем элемент section который содержит h2 section:has(h2) {   background: lightgray; } // Выбираем img только в том случае если его родительский элемент содержит h2 section:has(h2) img {   border: 5px solid lime; } Собственно вот интересная такая штука. ❗️ Но как это часто случается есть нюанс. Согласно ресурсу caniuse этот псевдокласс на данный момент не поддерживает Firefox, но учитывая что месяца 3 назад его еще не поддерживал хром то думаю это вопрос недолгого времени.

​​🔥Как дебажить код на JavaScript: примеры ошибок и советы новичкам В этой статье расскажу о привычках, которые нужны самостоятельному разработчику для дебага. Читать...

​​Frontend online meetup - 11/10 ✔️ CSS in JS или самая противоречивая техника стилизации веба — Ильдар Муллахметов, Авито Тех В своем докладе я расскажу почему CSS in JS библиотеки вызывают так много противоречий среди frontend разработчиков. хочу рассмотреть влияние на производительность, поддерживаемость кода, девелопер экспириенс. Рассмотрю более подробно styled-components и сравню блоки кода со стилями между styled, tailwind, module. Рассмотрю как браузер обрабатывает styled. Продемонстрирую как влияет на семантику, работает с props и theme. Добавлю к сравнению Linaria и Astroturf, как самые быстрорастущие CSS in JS библиотеки. ✔️ Что такое Sentry и почему без него тяжело — Кирилл Логачев, Level.Travel Доклад нацелен на раскрытие такого полезного инструмента, как Sentry. Из данного доклада слушатель узнает, как правильно настраивать, использовать и мониторить Sentry, что поможет уменьшить количество ошибок в продакшене, также данный сервис поможет определять и быстро устранять просочившиеся с релизом ошибки.  ✔️ По ту сторону WebView — Максим Лавренюк, UZUM TECHNOLOGIES Я бы хотел поделится некоторыми подходами и проблемами на примере встраивания сервиса доставки еды Uzum Tezkor в супер приложение Uzum Market. Я расскажу про то, что следует сделать в первую очередь при старте интеграции, как подружить нативные компоненты с вебом, как спрятать бесшовную авторизацию, а так же о чем попросить мобильных разработчиков, чтобы облегчить себе жизнь.  ✔️ Web3 для фронтенд-разработчика — Назим Гафаров, Based.link Доклады вокруг web3 обычно концентрируются вокруг рассказа об языках программирования для смарт-контрактов, которые больше интересны бэкенд-разработчикам. В своем докладе я расскажу о том, какие возможности предоставляет web3 именно для фронтенд-разработчика.  ➖➖➖ 🗓 11 октября в 19:00Регистрация - участие бесплатно! 🌐 Наш телеграм канал с анонсами митапов!

​​👨‍🔬Встраиваем JS- скрипты в PDF для социальной инженерии — пошаговое руководство В этой статье мы рассмотрим структуру PDF-файла, как и куда в него внедрять JavaScript, а также способы маскировки факта внедрения скрипта. Читать...

​​📐Простейшее решение калькулятора на js без eval(); В этой статье автор рассмотрит написания калькулятора, который будет составлять строку а позже считать её. Читать...

​​🙌Клонирование объектов JS В этой статье поговорим о глубоком и поверхностном клонировании объекта, посмотрим различные примеры и способы как это можно реализовать, а также разберём отличия, плюсы и минусы данного подхода. Читать...

​​🔒Безопасный CSS, или как писать универсальные стили В этой статье автор рассмотрит примеры универсальных CSS-стилей. Читать...

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

​​⁉️ JS-разработчик? А насколько хорошо ты знаешь Vue.js? ✔️ Пройди тест из 20 вопросов и узнай, сможешь ли ты учиться на курсе "Vue.js разработчик" от OTUS. Если правильно ответишь хотя бы на 12 вопросов - сможешь поступить на курс по специальной цене!  ⏰ Время прохождения теста ограничено 30 минут 👉 ПРОЙТИ ТЕСТ 🎫Курс можно приобрести в рассрочку Реклама. ООО «Отус онлайн-образование», ОГРН 1177746618576, www.otus.ru, erid: LjN8KCAsB

​​📱Фонетический словарь. Пет-проект в полезное приложение В этой статье я расскажу как адаптировать интерфейс под мобильные устройства, и сделать быстрый отклик сервера. Читать...

​​🧑‍💻Почему разработчики любят Bulma? В этой статье, я расскажу о пяти причинах, почему разработчики любят Bulma. Читать...

​​⁉️ Как создавать сайт быстрее? ‼️ С помощью фреймворков Astro и Vue 3! Приглашаем разработчиков на JavaScript и Vue, а также бэкенд-разработчиков на открытый вебинар «Быстрое создание сайтов с помощью Astro и Vue 3» курса «Vue.js-разработчик». ➡️ Расскажем, как комбинировать два фреймворка, чтобы улучшить UX и ускорить разработку. Разберёмся, как использовать Astro для предварительного рендеринга и статической генерации контента, а Vue 3 – для добавления динамических и интерактивных элементов.  🟠Курс «Vue.js-разработчик» можно оплатить в рассрочку. 📢📢 Занятие «Быстрое создание сайтов с помощью Astro и Vue 3» пройдёт 5 октября, в 20:00 МСК. 🟠Бесплатно. 🟠Для регистрации на вебинар необходимо пройти тест. ➡️Зарегистрироваться Реклама. ООО «Отус онлайн-образование», ОГРН 1177746618576, www.otus.ru, erid: LjN8KCAsB

​​🎧Создание музыкального инструмента с помощью Web Audio API В этой статье автор расскажет как создать веб-приложение, которое имеет открытый исходный код. Читать...

​​📁6 простых правил хорошего alt-текста В этой статье мы расскажем о том, как написать хорошее описание фотографий в атрибуте alt. Читать...

​​🧐Подключение Twig шаблонов в WordPress: Как избежать конфликтов В этой статье автор расскажет про шаблонизатор, позволяющий создавать простые и выразительные шаблоны для фронтенда. Читать...

​​🤝Svelte: Знакомство с рунами В этой статье автор расскажет про фреймворк для создания веб-интерфейса, который использует компилятор для превращения декларативного кода компонентов. Читать...

​​😶‍🌫️Tailwind не только для MVP В этой статье я распишу плюсы и минусы Tailwind и как можно минусы превратить в плюсы. Читать...