📌 Интерактивная шпаргалка для веб-разработчика

Здесь есть подсказки по HTML, CSS, JavaScript, PHP, jQuery и SEO — всё разложено по категориям и с примерами.

🔗 Ссылка

🐸 Библиотека фронтендера

#буст

🔥 Что нового в Svelte

Фреймворк снова радует свежими апдейтами:

➡️ Svelte 5.38.0

Теперь в шаблонах можно использовать await прямо внутри @const -объявлений. Асинхронщина стала ещё удобнее.

➡️ Svelte CLI 0.9.0

Флаги --no-preconditions ушли в прошлое. На смену пришёл --no-git-check, позволяющий работать без чистой git-директории.

➡️ SvelteKit

— Появилась поддержка OpenTelemetry через instrumentation.server.ts → больше контроля и прозрачности при мониторинге.

— Добавили возможность использовать Deno как пакетный менеджер → гибкость и лёгкая настройка окружения.

⚡️ Больше инструментов для масштабных проектов, лучшее наблюдение за системой и удобнее рабочие процессы.

🔗 Источник

🐸 Библиотека фронтендера

#свежак

📌 Команда дня: оптимизация SVG прямо из CLI

SVG из Figma или Illustrator часто весят в несколько раз больше из-за мусорных тегов и метаданных. Это замедляет загрузку и раздувает бандл. Решение простое — оптимизировать иконки через CLI:

npx svgo logo.svg -o logo.min.svg

➡️ svgo — инструмент для чистки и сжатия SVG

➡️ -o logo.min.svg — сохранить результат в новый файл

💡 После прогонки иконка выглядит так же, но вес может упасть на 30–70%.

Можно оптимизировать сразу папку:

npx svgo -f icons/ -o icons-optimized/

Используйте флаг --multipass для более глубокого сжатия

🐸 Библиотека фронтендера

#буст

🐸 Библиотека фронтендера

#развлекалово

👋 AI-фишки, которые стоит попробовать

Генерация кода, тестов, рефакторинг и документация — всё в одном репозитории.

➡️ Awesome AI for Programmers — must-have закладка для разработчика.

🐸 Библиотека фронтендера

#буст

⚡️ Svelte под капотом

Подборка статей для быстрого понимания, чем Svelte отличается и где он выигрывает:

⭐️ Svelte, Astro, Qwik & Solid: обзор фреймворков

➡️ Обзор топ-фреймворков 2025 года. Почему Svelte остаётся одним из самых лёгких и быстрых.

⭐️ Миграция на Svelte 5 и новый CLI

➡️ Переход без боли, автоматические codemods и новый интерфейс.

⭐️ Обновления Svelte/SvelteKit

➡️ Асинхронные компоненты, Remote Functions и runes с приростом производительности.

⭐️ Svelte 4 vs Qwik

➡️ Технический разбор: компиляция (Svelte) vs Resumability (Qwik), плюсы и минусы.

⭐️ Svelte против React

➡️ Простое сравнение: чем отличается подход Svelte без виртуального DOM от React.

🐸 Библиотека фронтендера

#свежак

🧩 Скрытый баг в списке

{items.map((item, index) => (
  <input
    key={index}
    defaultValue={item.name}
  />
))}

На тесте замечено:

— При удалении элемента данные «съезжают» — значения в инпутах не совпадают с item.name.

— Иногда при редактировании одного поля меняется значение в другом.

❓ В чём настоящая проблема? Отвечайте правильным эмодзи 👋

🐸 Библиотека фронтендера

#междусобойчик

😎 Топ-вакансий для фронтендеров за неделю

Frontend-разработчик — от 250 000 ₽, гибрид (Москва)

Middle React Developer — удаленно

JavaScript Developer — гибрид (Москва)

Frontend-разработчик (TypeScript) — от 150 000 до 200 000 ₽, офис (Санкт-Петербург)

Junior Frontend Developer (React) — от 160 000 ₽, офис/гибрид (Москва/Санкт-Петербург)

➡️ Еще больше топовых вакансий — в нашем канале Javascript jobs

🐸 Библиотека фронтендера

#свежак

⚛️ Шпаргалка по ключевым фичам React

В гайде собраны основные примеры: server components, useOptimistic, работа с формами, ошибки, контекст и многое другое.

🔥 Удобный способ быстро освежить в памяти ключевые фичи без перелопачивания доков.

Ниже — полная шпаргалка с примерами, которую удобно держать под рукой 📌

🐸 Библиотека фронтендера

#буст