Repolode
agharsallah

agharsallah/esp-labs-web

Интерактивный справочник по ESP32-S3 в браузере: 32 лабораторные работы, симуляторы, распиновка, просмотрщик кода прошивки и раздел с документацией.

Звёзды
685
Форки
100
Открытые issues
1
Последний коммит
6 дней назад

Что это?

ESP32 Labs — веб-приложение на React, которое знакомит с микроконтроллером ESP32-S3 на практических лабораторных работах. Каждый урок — это отдельная страница с целью, используемыми выводами на интерактивной распиновке, инструкциями по подключению, командой для прошивки, чек-листом и симулятором. Симулятор последовательного монитора отвечает на введённые команды так же, как настоящая прошивка, поэтому можно экспериментировать, ещё не работая с реальным устройством.

В просмотрщике кода показана прошивка, которую загружает каждая лабораторная работа; исходники берутся из связанного репозитория esp-labs во время сборки. В нём есть интерактивные туры с вопросами, предлагающими сначала угадать ответ, пошаговый режим, который прослеживает выполнение программы начиная с setup(), и пояснения к любой строке по нажатию. В разделе Datasheet собраны сведения о выводах, периферии, памяти и режимах энергопотребления чипа со ссылками на документацию Espressif там, где её текст доступен локально.

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

Ключевые возможности

  • 0132 практические лабораторные работы по Wi-Fi, Bluetooth LE, RFID/NFC, звуку и дисплеям
  • 02Симулятор последовательного монитора, отвечающий на введённые команды
  • 03Интерактивная распиновка ESP32-S3 и трёхмерное изображение платы DevKitC-1
  • 04Просмотрщик кода с интерактивными турами и построчными пояснениями прошивки
  • 05Раздел Datasheet со справочными страницами о выводах, периферии и памяти
  • 06Восемь языков интерфейса, включая арабский с направлением письма справа налево

Сценарии использования

  • Изучение разработки для ESP32-S3 до покупки платы или подключения проводов
  • Самостоятельное прохождение структурированного курса лабораторных работ по встраиваемым системам
  • Изучение выполнения реальной программы прошивки ESP32 начиная с setup()
  • Поиск сведений о функциях выводов и периферии ESP32-S3 при разработке проекта

Быстрый старт

  1. 1

    Клонируйте репозиторий esp-labs firmware

    git clone https://github.com/agharsallah/esp-labs.git
  2. 2

    Клонируйте репозиторий esp-labs-web

    git clone https://github.com/agharsallah/esp-labs-web.git
  3. 3

    Перейдите в папку проекта и установите зависимости

    cd esp-labs-web && pnpm install
  4. 4

    Запустите сервер разработки на localhost:5180

    pnpm dev

Что важно знать

  • Лицензия не указана, поэтому права на повторное использование неясны.
  • Для считывателя кода нужна соседняя копия esp-labs; без неё эта функция будет недоступна.
  • Справочный текст Espressif не входит в комплект: для полноценной работы считывателя его нужно получить отдельно.

В подборках

Темы

Частые вопросы

Что такое esp-labs-web?
Интерактивный справочник по ESP32-S3 в браузере: 32 лабораторные работы, симуляторы, распиновка, просмотрщик кода прошивки и раздел с документацией. ESP32 Labs — веб-приложение на React, которое знакомит с микроконтроллером ESP32-S3 на практических лабораторных работах. Каждый урок — это отдельная страница с целью, используемыми выводами на интерактивной распиновке, инструкциями по подключению, командой для прошивки, чек-листом и симулятором. Симулятор последовательного монитора отвечает на введённые команды так же, как настоящая прошивка, поэтому можно экспериментировать, ещё не работая с реальным устройством.
esp-labs-web можно использовать бесплатно? Какая у него лицензия?
У esp-labs-web не указана лицензия. Код открыт, но без лицензии нет явного разрешения на его использование — уточните у автора, прежде чем на него полагаться.
esp-labs-web всё ещё поддерживается?
Активно поддерживается. Последний коммит в esp-labs-web — 2 нояб. 2026 г..
Для чего можно использовать esp-labs-web?
Изучение разработки для ESP32-S3 до покупки платы или подключения проводов Самостоятельное прохождение структурированного курса лабораторных работ по встраиваемым системам Изучение выполнения реальной программы прошивки ESP32 начиная с setup() Поиск сведений о функциях выводов и периферии ESP32-S3 при разработке проекта
Как установить esp-labs-web?
Клонируйте репозиторий esp-labs firmware: git clone https://github.com/agharsallah/esp-labs.git Клонируйте репозиторий esp-labs-web: git clone https://github.com/agharsallah/esp-labs-web.git Перейдите в папку проекта и установите зависимости: cd esp-labs-web && pnpm install Запустите сервер разработки на localhost:5180: pnpm dev
Где скачать esp-labs-web?
Исходный код и инструкции по установке — на GitHub: https://github.com/agharsallah/esp-labs-web

Описание создано ИИ на основе README проекта. Статистика GitHub обновляется ежедневно.

Похожие проекты

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

9,6 тыс.+6 за неделю917PythonApache-2.0Активно поддерживаетсяОбновлён 23 дня назад

Позволяет модели компьютерного зрения управлять настоящим iPhone с помощью платы ESP32-S3 за $7, которая принимает AirPlay и работает как USB HID-мышь, — без компьютера во время работы.

4,6 тыс.+472 за неделю631CMITАктивно поддерживаетсяОбновлён 4 часа назад