🔥 Забываем про устаревшие доки и бесконечные вопросы в чате

Documentation.ai следит за коммитами, автоматически обновляет документацию, отвечает на вопросы прямо по коду и работает из браузера или VS Code. Быстро, тёмная тема есть, встраивается в фронтенд-флоу без боли.

Техдолг — минус один. Техписатель напрягся 😝

📍 Навигация: [Вакансии]

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

#stack

💡 Простая шпаргалка для фронтенд-разработчика

Object.freeze — метод JavaScript, который возвращает объект с readonly свойствами в TypeScript.

as const — полностью фича TypeScript, которая позволяет добиться глубокой неизменяемости через проверку типов (без семантики на уровне выполнения).

🔗 Источник

📍 Навигация: [Вакансии]

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

#readme

🖼️ Способы разделения длительных задач в JavaScript

Длительная задача в основном потоке легко ломает пользовательский опыт: цикл событий выполняет только одну задачу за раз, и пока она не завершится, интерфейс «замирает». Браузер не успевает перерисовать экран и обработать ввод, а обратная связь появляется лишь в конце.

Решение — разбивать большую работу на несколько тиков цикла событий, освобождая основной поток для рендера и пользовательских действий.

➡️ Существует удивительно много способов достичь этого. Автор разбирает некоторые из них:

1️⃣ setTimeout() + рекурсия
2️⃣ async/await и setTimeout()
3️⃣ scheduler.postTask()
4️⃣ scheduler.yield()
5️⃣ requestAnimationFrame()
6️⃣ MessageChannel
7️⃣ Worker

📍 Навигация: [Вакансии]

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

#лучшее_из_библиотеки_2025

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

#pixel_pause

👩‍💻 Базовый курс по JavaScript

Бесплатный курс от Академии Selectel для желающих освоить JS: «Основы JavaScript: от переменных до функций». На изучение курса уйдет около полутора часов.

➡️ С чего начать изучение:

🟡 Как использовать типы данных в JavaScript? Переменные, ввод и вывод информации

🟡 Функции в JavaScript: учимся писать структурированные программы

🟡 Как создавать HTML-элементы в JavaScript

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

#лучшее_из_библиотеки_2025

📌 От прототипа до класса: как устроено наследование в JS

Как JavaScript находит методы, кто у кого что наследует и зачем нужен extends. 5 статей, которые расставят всё по полочкам.

1. Прототипное наследование

Подробно рассказывает про механизм [[Prototype]], цепочку прототипов и делегирование свойств через proto.

2. Наследование классов

Разбирает синтаксис class и extends, эффективность и подводные камни ES6-наследования.

3. Prototypal Inheritance Explained

Свежая статья с простыми объяснениями, примерами и визуальными схемами цепочек прототипов.

4. 7 способов реализации наследования в JavaScript

Обзор альтернатив и техник: от Object.create до работы со ссылочными типами, плюсы и минусы каждого подхода.

5. MDN: Inheritance & the prototype chain

Официальная документация MDN: простое объяснение чего искать JavaScript при обращении к свойству, как работает цепочка наследования.

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

#resource_drop

⭐️ CSS: sibling-index() — stagger-анимации без JS

css.card {
  transition: opacity .3s ease;
  transition-delay: calc(sibling-index() * 100ms);

  @starting-style {
    opacity: 0;
  }
}

Каждый элемент знает свою позицию среди соседей → автоматический stagger.

🔜 Когда использовать:

— появление списков карточек
— меню, таймлайны
— простые sequence-анимации

🔜 Когда не подходит:

— старые браузеры
— сложная логика (условия, пересчёты)

⚠️ Experimental / syntax может измениться
Chrome 130+, Safari 18+
Firefox — в планах

📍 Навигация: [Вакансии]

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

#readme #css

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

#code_challenge #js