Bootstrap Code Play

Code Play

Утрымлівае рэкламу

Пра гэту праграму

Вывучыце адаптыўны вэб-дызайн з дапамогай урокаў Bootstrap, якія можна рэдагаваць і папярэдне праглядаць. Bootstrap Code Play аб'ядноўвае тлумачэнні, прыклады кода і гульнявую пляцоўку, каб вы маглі даследаваць, як змяненне разметкі ўплывае на старонку.

ЧЫТАЦЬ, ЗМЯНЯЦЬ, ПАПЯРЭДНІ ПРАГЛЯД
Выберыце тэму, прачытайце, як гэта працуе, а затым націсніце «Паспрабаваць», каб адкрыць прыклад у рэдактары. Змяніце клас, адкарэктуйце змест або дадайце элемент. Адкрыйце папярэдні прагляд, каб азнаёміцца ​​з вынікам, а затым вярніцеся да кода для наступнага эксперыменту.

ВЫВУЧЫЦЕ АСНОЎНЫЯ БЛОКІ
Практыкуйцеся з адаптыўнымі сеткамі, тыпаграфікай, кнопкамі, абвесткамі, табліцамі і формамі. Вывучыце такія кампаненты, як карткі, панэлі навігацыі, акардэоны і дыялогавыя вокны, у адпаведных навучальных трэках. Кіраваныя ўрокі ўключаюць крокі, праблемы і распаўсюджаныя памылкі, каб дапамагчы вам зразумець код, а не проста капіяваць яго. Урокі праектаў аб'ядноўваюць канцэпцыі ў такіх прыкладах, як раздзел цэнаўтварэння і кампактная панэль кіравання.

ВЫБЯРЫЦЕ НАВУЧАЛЬНЫ ТРЭК
Вывучыце ўбудаваны трэк Bootstrap 5.3.8 або даследуйце Bootstrap 4.6.2 і 3.4.1 для старых праектаў. Старыя трэкі больш не падтрымліваюцца і прызначаны для навучання і міграцыі. Асобная альфа-версія Bootstrap 6 з'яўляецца эксперыментальнай; для яе папярэдняга прагляду патрабуецца доступ да Інтэрнэту і сучасны WebView.

ПРАЦЯГВАЙЦЕ ПРАКТЫКУЙЦЕСЯ
Шукайце тэмы або праглядайце па катэгорыях. Адзначайце ўрокі як завершаныя і глядзіце колькасць выкананых версій. Адкрыйце пляцоўку для ўласных эксперыментаў з HTML, захавайце файл і вярніцеся да яго праз раздзел «Захаваныя файлы».

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

Для студэнтаў, самастойных навучэнцаў і распрацоўшчыкаў, якія вяртаюцца да адаптыўных макетаў, праграма прапануе практычны цыкл: прачытайце тлумачэнне, унясіце невялікую змену і праглядзіце вынік.

Праграма ўключае рэкламу. Прыклады, якія спасылаюцца на знешнія рэсурсы, патрабуюць падключэння да Інтэрнэту; даступнасць аддаленых рэсурсаў можа адрознівацца.