Материалов на эту тему много, но для начинающего фронтендера они скорее сложны и завалены лишней, несвоевременной информацией. В этой статье нет ничего такого.
Роман Андрианов, фронтенд-разработчик из компании «АйТи-Баланс» сосредоточился на базовых вещах, которые понадобятся в настоящих проектах, и отсеял то, что не нужно на первых порах. Минимум текста, много практики и всё на простом языке.
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
Команда Deno сделала перерыв в борьбе с Oracle, чтобы выпустить новую многофункциональную версию своего рантайма JavaScript.
Мы получили встроенную интеграцию с OpenTelemetry, обновления линтера, новый интерактивный способ обновления зависимостей, поддержку
node:sqlite
, TypeScript 5.7, V8 13.4 и многое другое.#новости
Please open Telegram to view this post
VIEW IN TELEGRAM
Автор рассказывает об обновлённой фиче
attr()
, которая теперь поддерживает указание типов данных для значений атрибутов, что позволяет использовать её не только для свойств содержимого.Теперь вы можете извлекать значения из HTML-атрибутов, которые на самом деле имеют типы, поэтому, если вы укажете для элемента
data-font-size="2,2rem"
, вы сможете использовать это значение.Please open Telegram to view this post
VIEW IN TELEGRAM
Media is too big
VIEW IN TELEGRAM
Простой CLI для автоматизации тестирования утечек памяти, в первую очередь актуально для SPA. Проверяет объекты, event listeners, узлы DOM и коллекции.
Please open Telegram to view this post
VIEW IN TELEGRAM
🧑💻 Статьи для IT: как объяснять и распространять значимые идеи
Напоминаем, что у нас есть бесплатный курс для всех, кто хочет научиться интересно писать — о программировании и в целом.
Что: семь модулей, посвященных написанию, редактированию, иллюстрированию и распространению публикаций.
Для кого: для авторов, копирайтеров и просто программистов, которые хотят научиться интересно рассказывать о своих проектах.
👉Материалы регулярно дополняются, обновляются и корректируются. А еще мы отвечаем на все учебные вопросы в комментариях курса.
Напоминаем, что у нас есть бесплатный курс для всех, кто хочет научиться интересно писать — о программировании и в целом.
Что: семь модулей, посвященных написанию, редактированию, иллюстрированию и распространению публикаций.
Для кого: для авторов, копирайтеров и просто программистов, которые хотят научиться интересно рассказывать о своих проектах.
👉Материалы регулярно дополняются, обновляются и корректируются. А еще мы отвечаем на все учебные вопросы в комментариях курса.
Легко «уничтожить» пользовательский опыт, позволив длительной дорогой задаче захватить основной поток. Неважно, насколько сложным является приложение, цикл событий может выполнять только одну задачу за раз. Пока выполняется одна задача, другие ждут своей очереди. Как правило, задача выполняется настолько быстро, что пользователь ничего не замечает. Но так бывает не всегда.
Браузер может не успеть перерисовать экран. Обратную связь мы получим только после завершения цикла. Если вы сталкивались с подобной ситуацией, то знайте, что решением является разделение большой задачи на несколько тиков цикла событий. Это позволяет браузеру использовать основной поток для других важных вещей, например, обработки нажатия кнопки и перерисовки.
setTimeout()
+ рекурсияasync/await
и setTimeout()
scheduler.postTask()
scheduler.yield()
requestAnimationFrame()
MessageChannel
Worker
Please open Telegram to view this post
VIEW IN TELEGRAM
🎨 ТОП-15 UI-библиотек для React в 2025 году
Подробный обзор популярных UI-библиотек для React: от Material UI до Park UI. Сравнение возможностей, статистика использования, ключевые особенности каждой библиотеки.
🔗 Читать статью
🔗 Зеркало
Подробный обзор популярных UI-библиотек для React: от Material UI до Park UI. Сравнение возможностей, статистика использования, ключевые особенности каждой библиотеки.
🔗 Читать статью
🔗 Зеркало
This media is not supported in your browser
VIEW IN TELEGRAM
В течение нескольких месяцев Josh Comeau работал над третьим онлайн-курсом Whimsical Animations. Он посвящен созданию анимации и интерактивных элементов страниц.
Под катом он делится множественными интересными наработками, включая уникальные интерактивные элементы, анимации, частицы, SVG-анимации и даже звуковые эффекты.
Please open Telegram to view this post
VIEW IN TELEGRAM
This media is not supported in your browser
VIEW IN TELEGRAM
isolation: isolate
помогает избежать неожиданных проблем со слоями (z-index
) и позволяет группировать элементы в свой стековый контекст без вмешательства других элементов страницы.#css #tip by Shripal Soni
Please open Telegram to view this post
VIEW IN TELEGRAM
Краткое введение в тему «Как использовать TypeScript» от Dr. Axel Rauschmayer, из которого вы получите ответы на следующие вопросы:
Please open Telegram to view this post
VIEW IN TELEGRAM
Представленные библиотеки являются строительными блоками для разработки крупномасштабных приложений с помощью React.
Независимо от того, являетесь ли вы новичком или опытным разрабом, руководство поможет легко ориентироваться в обширной экосистеме React.
Please open Telegram to view this post
VIEW IN TELEGRAM
Совет на 2025-й — будьте осторожнее с выбором работы.
IT-рынок штормит: массовые сокращения, заморозка найма, снижение зарплат. В такое время особенно важно отличать стоящие офферы от проходных.
Знакомо? Открываешь вакансию, а там: «Ищем middle-разработчика с опытом 10 лет, знанием 15 языков и готовностью работать за печеньки. Офис в Челябинске, релокация за ваш счет» 🤦♂️
Чтобы не тратить время на сотни сомнительных предложений, подпишитесь на IT Job Hub. Там мы отфильтровываем весь мусор и публикуем только избранные вакансии в стабильных компаниях:
— Зарплаты на уровне рынка, а не на уровне голодного студента
— Никаких «мы молодая и дружная семья» — только адекватные условия
— Проверенные работодатели, а не стартапы из сомнительных сфер
Вакансии удобно разбиты по тегам: #python #java #go #data #devops и по другим направлениям. Без воды и лишнего спама — только проверенные вакансии в знакомых компаниях.
Подписывайтесь, если не хотите упустить работу мечты → @proglib_jobs
IT-рынок штормит: массовые сокращения, заморозка найма, снижение зарплат. В такое время особенно важно отличать стоящие офферы от проходных.
Знакомо? Открываешь вакансию, а там: «Ищем middle-разработчика с опытом 10 лет, знанием 15 языков и готовностью работать за печеньки. Офис в Челябинске, релокация за ваш счет» 🤦♂️
Чтобы не тратить время на сотни сомнительных предложений, подпишитесь на IT Job Hub. Там мы отфильтровываем весь мусор и публикуем только избранные вакансии в стабильных компаниях:
— Зарплаты на уровне рынка, а не на уровне голодного студента
— Никаких «мы молодая и дружная семья» — только адекватные условия
— Проверенные работодатели, а не стартапы из сомнительных сфер
Вакансии удобно разбиты по тегам: #python #java #go #data #devops и по другим направлениям. Без воды и лишнего спама — только проверенные вакансии в знакомых компаниях.
Подписывайтесь, если не хотите упустить работу мечты → @proglib_jobs
🎙 464-й выпуск подкаста «Веб-стандарты»
Кого слушаем: Вадим Макеев, Никита Дубко, Андрей Мелихов, Полина Гуртовая.
⏱️ Таймкоды:
00:01:39 Speculation Rules
00:26:08 Popover hint
00:48:20 Иммерсивный кодек Eclipsa
01:06:06 Observable API
01:26:56 Торопливый Chrome
01:42:58 TypeScript 5.8
01:55:32 Сложный бэк на Node.js
02:07:06 Ответы на вопросы
▶️ Сайт подкаста
#подкасты #новости
Кого слушаем: Вадим Макеев, Никита Дубко, Андрей Мелихов, Полина Гуртовая.
⏱️ Таймкоды:
00:01:39 Speculation Rules
00:26:08 Popover hint
00:48:20 Иммерсивный кодек Eclipsa
01:06:06 Observable API
01:26:56 Торопливый Chrome
01:42:58 TypeScript 5.8
01:55:32 Сложный бэк на Node.js
02:07:06 Ответы на вопросы
▶️ Сайт подкаста
#подкасты #новости
Офер от Сбера за один клик 💼
Мечтаешь работать в Сбере, теперь это проще, чем когда-либо!
💡 AI-интервью за 15 минут – и ты уже на шаг ближе к своей новой работе.
Как получить офер?
📌 Зарегистрируйся
📌 Пройди AI-интервью
📌 Получи обратную связь сразу же!
После прохождения твои ответы получат рекрутеры и свяжутся с тобой в течение нескольких дней! 🚀
Реклама. ПАО СБЕРБАНК, ИНН 7707083893. Erid 2VtzqxS96Na
Мечтаешь работать в Сбере, теперь это проще, чем когда-либо!
💡 AI-интервью за 15 минут – и ты уже на шаг ближе к своей новой работе.
Как получить офер?
📌 Зарегистрируйся
📌 Пройди AI-интервью
📌 Получи обратную связь сразу же!
После прохождения твои ответы получат рекрутеры и свяжутся с тобой в течение нескольких дней! 🚀
Реклама. ПАО СБЕРБАНК, ИНН 7707083893. Erid 2VtzqxS96Na
💎📐 Ruby on Rails vs Next.js: почему дед веб-разработки до сих пор дает жару
Как винил в музыке, который снова в тренде, Rails продолжает жить и процветать в мире, где технологии меняются быстрее, чем мы успеваем о них узнать.
👉 Читать статью
👉 Зеркало
Как винил в музыке, который снова в тренде, Rails продолжает жить и процветать в мире, где технологии меняются быстрее, чем мы успеваем о них узнать.
👉 Читать статью
👉 Зеркало
Вам нравится читать контент на этом канале?
Возможно, вы задумывались о том, чтобы купить на нем интеграцию?
Следуйте 3 простым шагам, чтобы сделать это:
1) Нажмите на ссылку: Вход
2) Пополняйтесь удобным способом
3) Размещайте публикацию
Если тематика вашего поста подойдет нашему каналу, мы с удовольствием опубликуем его
Возможно, вы задумывались о том, чтобы купить на нем интеграцию?
Следуйте 3 простым шагам, чтобы сделать это:
1) Нажмите на ссылку: Вход
2) Пополняйтесь удобным способом
3) Размещайте публикацию
Если тематика вашего поста подойдет нашему каналу, мы с удовольствием опубликуем его
Telegram
Telega.in
Платформа для запуска рекламы в Telegram: продвигайтесь в проверенных каналах и чатах.
📝 Промпт для интеграции сторонних сервисов в проекты на JavaScript
Интеграция сторонних сервисов в JS-проекты — частая практика. Используйте этот промпт для ChatGPT или Claude, чтобы ускорить процесс:
➡️ Пример:
⚡️Какие промпты вы обычно используйте для таких случаев? Делитесь в комментариях👇
🐸 Библиотека фронтендера #буст
Интеграция сторонних сервисов в JS-проекты — частая практика. Используйте этот промпт для ChatGPT или Claude, чтобы ускорить процесс:
Explain the process of integrating third-party services and APIs into a custom JavaScript solution for {topic}, focusing on interoperability and seamless workflows
Building a D3.js-based data visualization tool that simplifies creating dynamic charts and graphs. The tool is designed for web designers, allowing them to effortlessly incorporate captivating visuals into projects.
⚡️Какие промпты вы обычно используйте для таких случаев? Делитесь в комментариях
Please open Telegram to view this post
VIEW IN TELEGRAM