Frontend Разработка | JavaScript & Верстка сайтов. HTML, CSS и React. Уроки для Фронтенд Developer. JS, Vue и Web технологии. IT Карьера, Курсы и Coding.
Frontend Разработка | JavaScript & Верстка сайтов. HTML, CSS и React. Уроки для Фронтенд Developer. JS, Vue и Web технологии. IT Карьера, Курсы и Coding.
1 607 подписчиков · @frontend_1
К каналу →
До 24 месяцев рассрочки* по карте «Халва»
Зеленая цена на Ozon - скидка до 30%
Получить карту бесплатно
07.10.2025 06:07
Современный CSS очень хорош. Отключить скролбар, когда этот диалог является одновременно модальным и открытым. Никакого JS, никакого состояния, никаких классов, никаких меток ari…
Читать далее →
1 240
Реклама
08.10.2025 07:47
Трюк по CSS ⭐ Вы можете создать этот сверкающий фон с помощью одного элемента, используя mask-composite, при этом анимируя mask-position. .canvas { background: var(--gradient);…
Читать далее →
1 296
13.10.2025 06:07

Рефлексия в JavaScript и TypeScript: обзор основных техник.

Рефлексия в JavaScript и TypeScript: обзор основных техник. Как сгенерировать CLI-интерфейс для клас
Рефлексия в JavaScript и TypeScript: обзор основных техник. Как сгенерировать CLI-интерфейс для класса

Как и в любом достаточно динамическом языке, в JavaScript из коробки есть способы разобрать в рантайме структуру его значений — определить типы, ключи объектов, получить конструкторы и прототипы.

В этой статье я хочу рассмотреть основные такие возможности, плюс показать, как можно получить ещё больше информации о типах при использовании TypeScript, и как добавить классам и их полям собственные метаданные при помощи декораторов. Каждую из техник я покажу на примере небольшого CLI-фреймворка, работа с которым к концу статьи будет выглядеть как на картинке:

https://habr.com/ru/companies/ruvds/articles/754764/

👉 @frontend_1
Открыть в Макс Найти похожие
1 290
15.10.2025 06:43
Вы можете использовать CSS-анимацию с прокруткой, например, IntersectionObserver от JavaScript 🤙 img { animation: reveal; animation-timeline: view(); animation-range: entry 0% ent…
Читать далее →
1 335
15.10.2025 15:32
Записываем музыку при помощи CSS Grid Слишком часто я наблюдал за тем, как импровизирующий музыкант трясущимися руками пытается увеличить pdf размером A4 на крошечном экране телеф…
Читать далее →
1 414
Другие главы канала «Frontend Разработка | JavaScript & Верстка сайтов. HTML, CSS и React. Уроки для Фронтенд Developer. JS, Vue и Web технологии. IT Карьера, Курсы и Coding.»
Выберите главу, чтобы продолжить чтение
Все посты →
Глава от 25.07.2026
🚀 Подборка полезных IT каналов в Max Системное администрирование, DevOps 📌 ht…
👁 200 просмотров
Глава от 22.07.2026
🔎 Как "убить" ненужный console.log в проде — элегантно Многие забывают удалять …
👁 400 просмотров
Глава от 22.07.2026
🔥 useDeferredValue: плавный UX без костылей При ререндере сложных компонентов…
👁 388 просмотров
Глава от 21.07.2026
🔥 Трюк с :has() в CSS — как маленький хак улучшает UX Селектор :has() поддерж…
👁 429 просмотров
Глава от 20.07.2026
🎥 Вебинар: Выбор между Serverless и Kubernetes для AI-ворклоадов: как определить…
👁 358 просмотров
Глава от 20.07.2026
🔥 useMemo vs useCallback — не путай! Многие React-разработчики путают useMemo и…
👁 419 просмотров
Глава от 19.07.2026
🔥 Трюк с :has() в CSS: "Родительская магия" Селектор :has() наконец стабильно…
👁 443 просмотров
Глава от 17.07.2026
Совет по HTML 💡 Возможно, ты не знал об этой HTML-сущности для вставки мягких п…
👁 508 просмотров
Глава от 15.07.2026
Совет по JavaScript 💡 Одна строка кода, чтобы определить, есть ли в массиве дуб…
👁 592 просмотров

Популярные посты канала «Frontend Разработка | JavaScript & Верстка сайтов. HTML, CSS и React. Уроки для Фронтенд Developer. JS, Vue и Web технологии. IT Карьера, Курсы и Coding.»

Используйте свойство columns, чтобы разделить статью на отзывчивые колонки 🚀. 👉 @frontend_1
👁 3 283 просмотров
Идеальные заголовки без JS: text-wrap: balance Дизайнеры ненавидят «висячие» слова. Когда длинный заголовок переносится так, что на второй …
👁 3 230 просмотров
🚀 Подборка полезных IT каналов в Max Системное администрирование, DevOps 📌 https://max.ru/i_odmin Все для системного администратора https…
👁 3 175 просмотров
🚀 Подборка полезных IT каналов в Max Системное администрирование, DevOps 📌 https://max.ru/i_odmin Все для системного администратора https…
👁 3 156 просмотров
Почему z-index: 9999 не работает (и как перестать страдать) Знакомая ситуация? У вас есть модалка, которая почему-то перекрывается хедером.…
👁 3 155 просмотров
🚀 Подборка полезных IT каналов в Max Системное администрирование, DevOps 📌 https://max.ru/i_odmin Все для системного администратора https…
👁 3 153 просмотров
any - это ложь, которую вы говорите сами себе Давайте честно: когда у вас горят дедлайны, а TypeScript ругается на несовпадение типов, рука…
👁 3 151 просмотров
🚀 Подборка полезных IT каналов в Max Системное администрирование, DevOps 📌 https://max.ru/i_odmin Все для системного администратора https…
👁 3 150 просмотров
Проект для начинающих на JavaScript – Урок по созданию игры Змейка В этом уроке программирования для начинающих вы научитесь создавать ретр…
👁 3 145 просмотров
Совет по CSS 💡 Легко реализуйте закрепленный заголовок таблицы 🤩 https://www.codewithshripal.com/playground/css/sticky-table-headers 👉 @f…
👁 3 136 просмотров
🧬 Иммутабельность из коробки: toSorted(), toSpliced() и with() Сколько раз вы ловили трудноуловимые баги в React или Redux из-за того, что …
👁 3 136 просмотров
Создааем адаптивный макет панели управления с помощью HTML и CSS 🚀 👉 @frontend_1
👁 3 135 просмотров
🛑 Хватит проверять isMounted в useEffect Вы наверняка видели (или писали) такой код, чтобы избежать ошибки "Can't perform a React state upd…
👁 3 128 просмотров
🤝 Promise.withResolvers() - конец старого костыля Если вы работали со сложными асинхронными потоками, вам наверняка приходилось «вытаскиват…
👁 3 127 просмотров
Cовет💡 Быстрый и простой совет для вложенных радиусов: ваши углы будут выглядеть намного лучше, если вы установите внешний радиус на сумму …
👁 3 124 просмотров
Синхронизация React с API браузера 👉 @frontend_1
👁 3 119 просмотров
Нативный View Transitions API Анимация перехода между страницами (или состояниями приложения) всегда была болью. Чтобы картинка из карточки…
👁 3 110 просмотров
🏗 Забудьте про z-index: 9999: Нативный <dialog> Мы годами писали сложные велосипеды для модальных окон или тянули тяжелые библиотеки. Главн…
👁 3 105 просмотров
Советы по HTML 💡 Знаете ли вы, что с помощью элемента HTML <dialog> можно легко создать модал? 👉 @frontend_1
👁 3 105 просмотров
🧬 Нативные операции с множествами (Set Methods) Классическая задача на собеседовании: «Найди общие элементы в двух массивах». Обычно мы пис…
👁 3 102 просмотров

Связанные темы в других каналах

Каналы из той же тематики, где часто появляются близкие сюжеты
Вся тема →
@matematik_andrei_channel
Математик Андрей
Основатель онлайн-школы «Точка Знаний» В канале: — короткие видео по темам 1-11 классов — разбор задач ВПР/ОГЭ/ЕГЭ — применение математики в жизни Получить консульта…
👥 319 616 · +3 529/7д
@kotikiobiasnayut
КОТЯТА ПОЯСНЯЮТ
Те самые котята пояснят тебе все что надо - легко и просто Самое большое фан сообщество рубрики «Котята поясняют» - присоединяйся! Владелец - https://iimax.ru/qwertyu…
👥 147 734 · +25 745/7д
@obr_mo
Образование Подмосковья
Новости об образовании в Московской области
👥 82 700 · +5 437/7д
@Moscow_school
Московское образование
Успех начинается здесь! Приложение «ЗОЖ с МЭШиком» https://max.ru/meshik_app_bot Для СМИ: press-donm@mos.ru Сайт: mosobr.shkolamoskva.ru ВК: https://vk.ru/educationdep…
👥 65 808 · -181/7д
@id110802233432_biz
Школы РФ
Новости школьного образования для детей и родителей # дети школа школьник новости школьное образование гдз егэ огэ дневник впр оценка учителя родители Реклама: https:…
👥 60 327 · +13 999/7д
@minprosrf
Минпросвещения России
Официальный канал Министерства просвещения России. Всё об образовании для родителей, педагогов и учащихся. Сайт edu.gov.ru ВКонтакте vk.com/minprosvet Однокл
👥 58 696 · +540/7д
🏷 Темы и теги
#html css #web development #it карьера #frontend #javascript #react #Образование
📋 О канале Frontend Разработка | JavaScript & Верстка сайтов. HTML, CSS и React. Уроки для Фронтенд Developer. JS, Vue и Web технологии. IT Карьера, Курсы и Coding.
Твой путь в веб-разработку. Основы: HTML5, CSS3, Flexbox, Grid. Адаптивная верстка (Responsive) и макеты из Figma. Глубокий JavaScript (ES6+), DOM и события. Фреймворки: React, Vue.js, Angular. Препроцессоры SCSS и стилизация Tailwind. Работа с Git и GitHub. Как пройти собеседование на Junior Frontend Developer. Задачи, тесты и создание портфолио с нуля.
🔍 Архив всех постов Макс
Поиск по 13,689,732 постам из 202,319 каналов
Подключить за 490 ₽/мес →
Удалить пост или канал с МАКСОТЕКИ
Заявка подтверждается через бота Макс: нужно быть администратором канала и добавить бота МАКСОТЕКИ в администраторы. После проверки канал или конкретный пост скрывается с сайта.
📊 Аналитика канала «Frontend Разработка | JavaScript & Верстка сайтов. HTML, CSS и React. Уроки для Фронтенд Developer. JS, Vue и Web технологии. IT Карьера, Курсы и Coding.» ➡️ Перейти в канал Макс
Заявка в МАКСОТЕКА
➕
Добавьте свой канал в каталог
Зарегистрируйтесь в личном кабинете и добавьте канал за пару кликов.
Перейти в личный кабинет →

Бесплатная регистрация, быстрая модерация.