Bootstrap Code Play

Code Play

Съдържа реклами

Всичко за това приложение

Научете адаптивен уеб дизайн с уроци по Bootstrap, които можете да редактирате и преглеждате. Bootstrap Code Play свързва обяснения, примерен код и площадка за игра, за да можете да изследвате как промяна в маркирането влияе на страница.

ЧЕТЕТЕ, ПРОМЕНЯЙТЕ, ПРЕГЛЕДАЙТЕ ПРЕДИ
Изберете тема, прочетете как работи, след което докоснете „Опитайте“, за да отворите примера ѝ в редактора. Променете клас, коригирайте съдържанието или добавете елемент. Отворете „Преглед“, за да проверите резултата, след което се върнете към „Код“ за друг експеримент.

НАУЧЕТЕ ОСНОВНИТЕ ЕЛЕМЕНТИ
Практикувайте адаптивни решетки, типография, бутони, сигнали, таблици и формуляри. Разгледайте компоненти като карти, навигационни ленти, акордеони и диалози в съответните учебни пътеки. Водените уроци включват стъпки, предизвикателства и често срещани грешки, които да ви помогнат да разберете кода, а не просто да го копирате. Уроците по проекти обединяват концепции в примери като раздел за ценообразуване и компактно табло за управление.

ИЗБЕРЕТЕ УЧЕБНА ПЪТЯ
Изучете пакетната пътека Bootstrap 5.3.8 или разгледайте Bootstrap 4.6.2 и 3.4.1 за по-стари проекти. По-старите версии са с изтекъл срок на експлоатация и са предоставени за обучение и миграция. Отделна алфа версия на Bootstrap 6 е експериментална; нейният преглед изисква достъп до интернет и модерен WebView.

ПРОКЪЩАЙТЕ ДА УПРАЖНЯВАТЕ
Търсете теми или разглеждайте по категория. Маркирайте уроците като завършени и вижте броя на завършените за всяка версия. Отворете площадката за вашите собствени HTML експерименти, запазете файл и се върнете към нея чрез „Запазени файлове“.

РЕДАКТИРАЙТЕ С ПОЛЕЗНИ ИНСТРУМЕНТИ
Използвайте синтактично оцветяване, отмяна и повторение, намиране и замяна и преминаване към ред, докато работите върху примери. „Запазване като“ запазва отделно копие, а „Споделяне на код“ изпраща текста на редактора чрез наличните опции за споделяне.

За студенти, самостоятелно обучаващи се и разработчици, които преглеждат адаптивни оформления, приложението предлага практичен цикъл: прочетете обяснение, направете малка промяна и проверете резултата.

Приложението включва реклама. Примерите, които препращат към външни ресурси, се нуждаят от интернет връзка; наличието на отдалечени ресурси може да варира.