FRUNTEND Articles
3 subscribers
15 photos
16 links
Свежие статьи с fruntend.com - CSS, JS, Vue, перфоманс, доступность. Туториалы, шпаргалки и разборы интересных тем.
Download Telegram
Channel created
Неожиданные моменты JavaScript: разбираем по шагам

Шесть групп классических странностей JavaScript: ==, typeof, унарный +, сравнение объектов, Math.max() и var в замыкании. Что делает движок на каждом шаге.

#js

Читать дальше →
Советы по верстке под клавиатурную навигацию на чистом HTML и CSS

Практический гайд по клавиатурной доступности на чистом HTML и CSS: tabindex, focus-visible, outline, skip-link, details/summary и подводные камни flex/grid.

#css #html #www

Читать дальше →
REST API с нуля — курс для новичка

Курс по REST API для джуниор-фронтендера: что это, как устроены HTTP-запросы, fetch на практике, авторизация, CORS и мини-проект на JSONPlaceholder.

#js #www #html

Читать дальше →
Как приручить сторонние скрипты: загрузка, безопасность, приватность

Стратегии для async/defer, ленивой загрузки iframe, CSP, SRI и sandbox — чтобы аналитики, чаты и виджеты не топили сайт, не подсаживали XSS и не штрафовали по GDPR.

#js #html #www

Читать дальше →
📡 Чтобы не пропустить ничего из мира фронтенда

Этот канал — наши собственные публикации. Дополнительно у нас есть:

🌐 @fruntend_news — туда курируем лучшие внешние статьи о фронтенде

🔖 RSS-фид (fruntend.com/rss.xml) — для тех, кто читает через ридеры типа Feedly, Inoreader

💻 fruntend.com — главный дом FRUNTEND: посты, мануалы, дайджесты, обзоры и готовые решения

Спасибо что читаешь нас 🙌
FRUNTEND Articles pinned «📡 Чтобы не пропустить ничего из мира фронтенда Этот канал — наши собственные публикации. Дополнительно у нас есть: 🌐 @fruntend_news — туда курируем лучшие внешние статьи о фронтенде 🔖 RSS-фид (fruntend.com/rss.xml) — для тех, кто читает через ридеры типа…»
Тёмная сторона вайбкодинга: пять паттернов AI-долга

Как нейросеть копит технический долг в вашем репозитории: пять паттернов с разбором, почему джун страдает первым, и что делать на code review.

#js #www

Читать дальше →
Как повесить тултип на нативный <progress> без скриптов

Как читать значение прямо в CSS-переменную через scroll-driven animation и привязывать тултип к концу заливки через anchor positioning.

#css #html

Читать дальше →
aspect-ratio: всё, что нужно знать о CSS-пропорциях

Что такое CSS-свойство aspect-ratio, как его правильно писать, где оно реально экономит код и на какие подводные камни наступают чаще всего.

#css

Читать дальше →
Сертификаты для фронтендера: бесплатные курсы, skills-тесты и официальные экзамены

Разбор курсов и сертификатов для фронтендера: бесплатные completion-сертификаты, skills-тесты, платные курсы и официальные экзамены — что реально смотрит наниматель.

#www #css #js

Читать дальше →
Почему sticky не работает и как починить

Полный гайд по position: sticky — что это, чем отличается от fixed, почему не работает и 7 живых примеров для практики.

#css

Читать дальше →
overflow: clip в CSS: обрезка без контейнера прокрутки

Разбираем CSS-значение overflow: clip: чем оно отличается от hidden, что такое overflow-clip-margin и почему именно clip спасает залипающие элементы.

#css

Читать дальше →
Арсенал фронтендера: сайты и сервисы, которые экономят часы работы

Подборка сайтов и сервисов для веб-разработки: документация, песочницы, тестирование адаптива, конвертеры, заглушки картинок, деплой и автоматизация.

#www

Читать дальше →
Из чего состоит движок JavaScript и как он работает

Понятное объяснение, как работает JS-движок: от текста программы до машинного кода. Зачем нужны AST, байткод, JIT-компилятор и сборщик мусора.

#js

Читать дальше →
Tree shaking: как сборщик выбрасывает мёртвый код из бандла

Почему tree shaking работает только с ES-модулями, чем мешают побочные эффекты и поле sideEffects, как чинить импорты CommonJS-библиотек и проверять размер бандла.

#js #www

Читать дальше →
Топ-5 языков программирования в 2026: что осталось после AI-агентов и Vision Pro 2

Пять языков в 2026: где мы после трёх лет AI-агентов, war JS-рантаймов и первого года Vision Pro 2. TypeScript, Python, Rust, Go, Swift — куда двигается каждый.

#www

Читать дальше →
Как передавать данные между окнами и вкладками браузера

Четыре штатных способа передать данные между окнами и вкладками браузера: postMessage, opener, BroadcastChannel и событие storage

#js

Читать дальше →