bootg.com »
United States »
Библиотека фронтендера | Frontend, JS, JavaScript, React.js, Angular.js, Vue.js » Telegram Web
В первой части мы разобрали, почему старый Date — это баг на баге, и чем Temporal его превосходит.
Теперь — конкретика: примеры, как использовать его в коде:
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
❤7👍1
Service Worker — это JS-скрипт, работающий в фоне. Он позволяет кэшировать ресурсы и обслуживать запросы без подключения к сети.
Почему важно:
Как внедрить:
1. Регистрируем Service Worker:
if ('serviceWorker' in navigator) {
navigator.serviceWorker.register('/sw.js')
.then(() => console.log('SW зарегистрирован'))
.catch(err => console.error('SW ошибка:', err));
}
2. Создаем sw.js:
const CACHE_NAME = 'app-cache-v1';
const urlsToCache = ['/', '/index.html', '/styles.css'];
self.addEventListener('install', event => {
event.waitUntil(
caches.open(CACHE_NAME).then(cache => cache.addAll(urlsToCache))
);
});
3. Обслуживаем запросы:
self.addEventListener('fetch', event => {
event.respondWith(
caches.match(event.request)
.then(response => response || fetch(event.request))
);
});
4. Обновляем кэш при необходимости:
self.addEventListener('activate', event => {
event.waitUntil(
caches.keys().then(keys =>
Promise.all(keys.filter(key => key !== CACHE_NAME).map(key => caches.delete(key)))
)
);
});
#буст
Please open Telegram to view this post
VIEW IN TELEGRAM
👍14❤4🔥1
Чтобы вам было удобно ориентироваться в контенте, мы добавили навигацию по тегам. Используйте их, чтобы быстро находить нужные инструменты и туториалы:
#буст — база знаний: справочники, схемы, сравнение инструментов, полезные команды, обзоры докладов и подкастов, AI-промпты, гайды по настройке, исправлению ошибок и автоматизации
#свежак — релизы, конференции, новости, дайджест за неделю
#междусобойчик — истории подписчиков, собес-задачи, факапы, опросы, IT-игры, кроссворды, ребусы
#развлекалово — мемы
Оставайтесь с нами, чтобы получать максимум от фронтенда. А чтобы не пропустить самое интересное — включите уведомления.
Please open Telegram to view this post
VIEW IN TELEGRAM
👍6❤1
Please open Telegram to view this post
VIEW IN TELEGRAM
😁17❤2👍2
🌐 Как сделать фичу одинаково работающей в любом браузере
Разные движки (Blink, Gecko, WebKit) могут интерпретировать один и тот же CSS‑код по-разному. Этот подход помогает не искать проблему вручную, а получить готовые решения — префиксы, полифиллы и обходные пути в одном запросе.
Промпт:
Что даёт промпт:
➡️ Чёткий список необходимых вендорных префиксов (например,
➡️ Советы по использованию
➡️ Рекомендации по подключению полифиллов и проверке их работы на разных браузерах
Дополнительно можно попросить:
— Чек‑лист браузеров и версий, где фича может ломаться
— Примеры fallback‑обходов, если поддержка отсутствует
— Код для автоматической вставки префиксов через Autoprefixer
🔗 Источник
🐸 Библиотека фронтендера
#буст
Разные движки (Blink, Gecko, WebKit) могут интерпретировать один и тот же CSS‑код по-разному. Этот подход помогает не искать проблему вручную, а получить готовые решения — префиксы, полифиллы и обходные пути в одном запросе.
Промпт:
How can I make [specific feature] work across different browsers?
Please include vendor prefixes, fallbacks, feature queries (e.g. @supports) and polyfills with code examples.
Что даёт промпт:
-webkit-, -moz-, -ms
-) для устаревшего CSS @supports
для проверки поддержки функций в рантайме Дополнительно можно попросить:
— Чек‑лист браузеров и версий, где фича может ломаться
— Примеры fallback‑обходов, если поддержка отсутствует
— Код для автоматической вставки префиксов через Autoprefixer
#буст
Please open Telegram to view this post
VIEW IN TELEGRAM
👍4🔥1👏1
🧩 Как я работал с микрофронтендами
Пользователь Reddit рассказал о своём опыте работы с микрофронтендами, используя такие технологии, как Module Federation и Single-SPA. Вот его рассказ:
Как вы решаете вопросы совместимости и управления состоянием в проектах с микрофронтендами?
Поделитесь своим опытом в комментариях✏️
🔗 Источник
🐸 Библиотека фронтендера
#междусобойчик
Пользователь Reddit рассказал о своём опыте работы с микрофронтендами, используя такие технологии, как Module Federation и Single-SPA. Вот его рассказ:
«Я работал в команде, которая занималась разработкой и поддержкой внутреннего оркестратора микрофронтендов. Мы использовали Module Federation и Single-SPA для интеграции различных приложений, разработанных с использованием React и React Router. Основной проблемой было управление общими зависимостями и обеспечение совместимости между различными микрофронтендами. Мы разработали собственный инструмент для локальной разработки, который использовал http-proxy-middleware для проксирования запросов, что позволило нам тестировать микрофронтенды в изоляции. Однако самым большим вызовом было управление состоянием и данными между микрофронтендами. Мы пришли к выводу, что лучше всего передавать только минимально необходимую информацию, такую как токен авторизации, и позволить каждому микрофронтенду загружать свои данные самостоятельно.»
Как вы решаете вопросы совместимости и управления состоянием в проектах с микрофронтендами?
Поделитесь своим опытом в комментариях
#междусобойчик
Please open Telegram to view this post
VIEW IN TELEGRAM
❤6🤔3👍2
Sass — это препроцессор CSS, который помогает сделать стили более организованными, масштабируемыми и поддерживаемыми.
Как применить его в проекте:
С помощью Sass стили становятся более гибкими, повторно используемыми и проще для изменений, что ускоряет процесс разработки и улучшает поддерживаемость кода в долгосрочной перспективе.
#буст
Please open Telegram to view this post
VIEW IN TELEGRAM
❤7👍1🥱1
🌧️ Облачная терапия: время выговориться!
Знакомая ситуация? Покупаете облако как BMW, а получаете телегу с квадратными колесами. Обещают 99.9% uptime, а сервер падает на релизе. Техподдержка отвечает через сутки фразой «попробуйте перезагрузить».
Пора узнать, как обстоят дела с облаками на самом деле. Поэтому мы собираем ваши реальные истории про облачные сервисы.
🤫 О чем спросим:
— Зачем вам вообще это облако нужно
— Какие косяки достали до печенок
— Сколько денег утекает в никуда ежемесячно
— Что должно случиться, чтобы вы сменили провайдера
— И еще пару каверзных вопросов
⏱️ 2 минуты честности = большое исследование без воды → https://clc.to/nboYDA
Знакомая ситуация? Покупаете облако как BMW, а получаете телегу с квадратными колесами. Обещают 99.9% uptime, а сервер падает на релизе. Техподдержка отвечает через сутки фразой «попробуйте перезагрузить».
Пора узнать, как обстоят дела с облаками на самом деле. Поэтому мы собираем ваши реальные истории про облачные сервисы.
🤫 О чем спросим:
— Зачем вам вообще это облако нужно
— Какие косяки достали до печенок
— Сколько денег утекает в никуда ежемесячно
— Что должно случиться, чтобы вы сменили провайдера
— И еще пару каверзных вопросов
⏱️ 2 минуты честности = большое исследование без воды → https://clc.to/nboYDA
👍4❤3
Вы можете сделать идеальный интерфейс, но все потеряется, если страница загружается слишком медленно. Пользователь не будет ждать — он просто закроет вкладку.
В карточках рассказываем:
В следующей части расскажем про отзывчивость, плавность и поведение интерфейса после загрузки.
#буст
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
👍12🔥3
😱 Завтра цена на курс «AI-агенты для DS» вырастет
Пока вы думаете — другие уже покупают. Что вы теряете, откладывая решение? Как минимум — 10 000 рублей, именно столько вы переплатите завтра. Как максимум — шанс войти в топ-1% дата-сайентистов, которые умеют строить AI-агенты.
🎓 Чему вы научитесь на курсе:
— адаптировать LLM под разные предметные области и данные
— собирать свою RAG-систему: от ретривера и реранкера до генератора и оценки качества
— строить AI-агентов с нуля — на основе сценариев, функций и взаимодействия с внешней средой
Решение за вами.
👉 Купить курс по старой цене
Пока вы думаете — другие уже покупают. Что вы теряете, откладывая решение? Как минимум — 10 000 рублей, именно столько вы переплатите завтра. Как максимум — шанс войти в топ-1% дата-сайентистов, которые умеют строить AI-агенты.
🎓 Чему вы научитесь на курсе:
— адаптировать LLM под разные предметные области и данные
— собирать свою RAG-систему: от ретривера и реранкера до генератора и оценки качества
— строить AI-агентов с нуля — на основе сценариев, функций и взаимодействия с внешней средой
Решение за вами.
👉 Купить курс по старой цене
proglib.academy
Курс|AI-агенты для DS-специалистов
На курсе ты разберёшься, как работают AI-агенты и как их применять в работе — от текстовых помощников до систем, помогающих принимать решения. Разберем архитектуру агентов, связку с внешними API, пайплайны действий и популярные библиотеки. Курс включает реальные…
❤6🥱2
Please open Telegram to view this post
VIEW IN TELEGRAM
😁13👏1🥱1