Удивительные возможности сделают изучение
и обучение программированию лёгким и весёлым

Thimble является полнофункциональным редактором кода, который работает прямо в браузере. Он разработан, чтобы помочь новичкам в программировании создавать свои собственные сайты и веб-проекты с использованием HTML, CSS и JavaScript. Все, что вам нужно, уже есть в ваших руках, позволяя вам (или вашей аудитории), получать знания и работать как можно быстрее.

Это редактор кода, веб-сервер, веб-браузер и инструменты разработчика в одном — и это бесплатно!

Мгновенно просматривайте ваши изменения

Создавайте и экспериментируйте быстрее с предварительным просмотром. Он мгновенно показывает изменения в вашем коде.

Делайте ремикс любого Thimble-проекта

Нравится готовый проект на Thimble? Измените его, чтобы создать свою собственную версию. Вы можете отправить ваш проект своим друзьям или одногруппникам — что получится у них?

Удобные сниппеты кода

Работайте быстрее, используя удобные сниппеты кода HTML, CSS и JavaScript, которые можно встроить в ваш код.

Встроенная консоль JavaScript

Работаете с JavaScript? Встроенная в Thimble консоль облегчает проверку и отладку вашего кода.

Добавление и управление файлами

Thimble работает как настоящий веб-проект, в котором можно создавать, переименовывать, удалять и даже загружать свои собственные файлы.

  • Загрузите .zip-архив вашего проекта и просматривайте его с вашего жёсткого диска
  • Перетаскивайте файлы с вашего компьютера в Thimble

Включайте или выключайте свет

В Thimble есть тёмная и светлая темы, поэтому выбирайте лучшую для вас. Также можно изменить другие параметры, такие как размер текста.

Используйте и создавайте встроенные инструкции

Проекты могут иметь инструкции, которые помогут вам (или вашим студентам) узнать, как внести изменения в проекты.

Получайте подсказки при написании кода

Не обязательно помнить синтаксис и кучу правил. Thimble даст вам подсказки в HTML, CSS и даже JavaScript файлах.

Редактируйте CSS прямо на ваших HTML-страницах

Пишите CSS-стили для ваших элементов без переключения с HTML страницы, которую вы редактируете. Поставьте текстовый курсор на любой тег и нажмите Cmd/Ctrl + E, чтобы начать прописывать CSS-стили.

Быстро публикуйте проекты в Интернете

Вы можете опубликовать ваши проекты в Интернете в один щелчок. В дальнейшем после внесения изменений, вы можете легко обновить ваш проект.

Выбирайте цвета прямо в редакторе

Поставьте текстовый курсор на любое значение цвета в CSS файле и нажмите Cmd/Ctrl + E, чтобы открыть палитру цветов.

Тестируйте ваш проект на мобильных устройствах

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

Быстро находите HTML-элементы

Включите DOM-инспектор и понаводите курсор мыши на различные элементы в режиме просмотра. Thimble будет подсвечивать соответствующий код в HTML-редакторе.

Фильтры изображений

Добавьте веселья в свой проект с помощью фильтров для изображений. Кошки никогда раньше не выглядели так хорошо!

Сделайте селфи

Добавьте ваше селфи на любую страницу, с которой вы работаете, используя инструмент селфи Thimble — он использует веб-камеру вашего компьютера. Просто начните вводить <img src= тег на HTML-странице, и вы увидите предложение это сделать.