Библиотека фронтендера | Frontend, JS, JavaScript, React.js, Angular.js, Vue.js
21.6K subscribers
3.01K photos
217 videos
50 files
5.28K links
Все самое полезное для фронтенда в одном канале.

По рекламе: @proglib_adv

Учиться у нас: https://proglib.io/w/77178ed4

Для обратной связи: @proglibrary_feeedback_bot

РКН: https://gosuslugi.ru/snet/67a5b6884689c2151c820bb4
Download Telegram
🩷 Как JavaScript исполняется под капотом V8

Вы пишите let x = 1 + 2, а под капотом V8 уже строит синтаксическое дерево, генерирует байт-код и думает, стоит ли компилировать это в машинный код.

➡️ Что в карточках:

— Как V8 парсит и интерпретирует код
— Что делает TurboFan и зачем нужен байт-код
— Как работает сборка мусора
— И почему порядок добавления свойств в объект — это не мелочь

🔗 Полный текст статьи по ссылке

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

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

#лучшее_из_библиотеки_2025
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
🥰52🔥2
🔥 Забываем про устаревшие доки и бесконечные вопросы в чате

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

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

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

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

#stack
Please open Telegram to view this post
VIEW IN TELEGRAM
🥰3🔥1😢1
💡 Простая шпаргалка для фронтенд-разработчика

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

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

🔗 Источник

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

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

#readme
Please open Telegram to view this post
VIEW IN TELEGRAM
👍4🥰2
В 2026 году фронтенд должен писать себя сам

Зачем вручную править стили и верстать однотипные лендинги, если можно натравить на это команду автономных агентов? Пока вы доедаете праздничные деликатесы, ваш персональный ИИ-агент на базе n8n может собирать интерфейсы и общаться с API.

Чему научим на курсе:

— оживлять интерфейсы с помощью паттерна ReAct;
— использовать n8n для автоматизации рутины фронтендера;
— строить RAG-системы, которые выдают точные данные из доков проекта;
— внедрять протокол MCP для связи фронта с целой сетью агентов.

🎄 Сделайте себе подарок, который сэкономит сотни часов работы. До 12 января действует акция «3 в 1».

Делегировать фронтенд ИИ
🥱85🌚3
🖼️ Способы разделения длительных задач в JavaScript

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

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

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

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

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

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

#лучшее_из_библиотеки_2025
Please open Telegram to view this post
VIEW IN TELEGRAM
3🥰2
👩‍💻 Базовый курс по JavaScript

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

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

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

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

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

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

#лучшее_из_библиотеки_2025
Please open Telegram to view this post
VIEW IN TELEGRAM
😁4🥰3
😄 Оптимизация загрузки сайта: что мешает скорости и как это устранить

Вы можете сделать идеальный интерфейс, но все потеряется, если страница загружается слишком медленно. Пользователь не будет ждать — он просто закроет вкладку.

В карточках рассказываем:

➡️ Как сократить количество сетевых запросов и избавиться от лишних файлов

➡️ Почему важно правильно расставить стили и скрипты

➡️ Какие форматы изображений дают меньший вес

➡️ Как собрать проект так, чтобы браузер начал работу раньше

🔗 Полный текст — по ссылке

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

#read_watch
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥4🥰3
📌 От прототипа до класса: как устроено наследование в 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
Please open Telegram to view this post
VIEW IN TELEGRAM
🥰21🔥1