Bootstrap Code Play

Code Play

Містить рекламу

Про цей додаток

Вивчайте адаптивний веб-дизайн за допомогою уроків Bootstrap, які можна редагувати та переглядати. Bootstrap Code Play поєднує пояснення, приклади коду та ігровий майданчик, щоб ви могли дослідити, як зміна розмітки впливає на сторінку.

ЧИТАЙ, ЗМІНЮЙ, ПЕРЕГЛЯДАЙ
Виберіть тему, прочитайте, як вона працює, а потім натисніть «Спробувати», щоб відкрити її приклад у редакторі. Змініть клас, налаштуйте вміст або додайте елемент. Відкрийте «Попередній перегляд», щоб переглянути результат, а потім поверніться до «Коду» для наступного експерименту.

ВИВЧІТЬ ОСНОВНІ БЛОКИ
Практикуйте адаптивні сітки, типографіку, кнопки, сповіщення, таблиці та форми. Досліджуйте такі компоненти, як картки, панелі навігації, акордеони та діалогові вікна, у відповідних навчальних треках. Керовані уроки включають кроки, виклики та поширені помилки, які допоможуть вам зрозуміти код, а не просто копіювати його. Уроки проектів об’єднують концепції на прикладах, таких як розділ цін та компактна панель інструментів.

ВИБЕРІТЬ НАВЧАЛЬНИЙ ТРЕК
Вивчіть комплектний трек Bootstrap 5.3.8 або ознайомтеся з Bootstrap 4.6.2 та 3.4.1 для старіших проектів. Старіші версії вже не підтримуються та призначені для навчання та міграції. Окрема альфа-версія Bootstrap 6 є експериментальною; для її попереднього перегляду потрібен доступ до Інтернету та сучасний WebView.

ПРОДОВЖУЙТЕ ПРАКТИКУ
Шукайте теми або переглядайте за категоріями. Позначайте уроки як завершені та переглядайте кількість завершених робіт для кожної версії. Відкрийте ігровий майданчик для власних HTML-експериментів, збережіть файл і поверніться до нього через розділ «Збережені файли».

РЕДАГУЙТЕ ЗА ДОПОМОГОЮ КОРИСНИХ ІНСТРУМЕНТІВ
Використовуйте підсвічування синтаксису, скасування та повторення дій, пошук і заміну, а також перехід до наступного рядка під час роботи над прикладами. «Зберегти як» зберігає окрему копію, а «Поділитися кодом» надсилає текст редактора через доступні опції спільного доступу.

Для студентів, самостійних учнів та розробників, які переглядають адаптивні макети, додаток пропонує практичний цикл: прочитайте пояснення, внесіть невелику зміну та перевірте результат.

Додаток містить рекламу. Приклади, що посилаються на зовнішні ресурси, потребують підключення до Інтернету; доступність віддалених ресурсів може відрізнятися.