Bootstrap Code Play

Code Play

Inneholder annonser

Om denne appen

Lær responsivt webdesign med Bootstrap-leksjoner du kan redigere og forhåndsvise. Bootstrap Code Play kobler sammen forklaringer, eksempelkode og en lekeplass slik at du kan utforske hvordan en endring i markup påvirker en side.

LES, ENDRE, FORHÅNDSVIS
Velg et emne, les hvordan det fungerer, og trykk deretter på Prøv det for å åpne eksemplet i redigeringsprogrammet. Endre en klasse, juster innholdet eller legg til et element. Åpne Forhåndsvisning for å inspisere resultatet, og gå deretter tilbake til Kode for et nytt eksperiment.

LÆR BYGGEKLOSSENE
Øv på responsive rutenett, typografi, knapper, varsler, tabeller og skjemaer. Utforsk komponenter som kort, navigasjonslinjer, trekkspill og dialogbokser i de relevante læringssporene. Veiledede leksjoner inkluderer trinn, utfordringer og vanlige feil for å hjelpe deg med å forstå koden i stedet for bare å kopiere den. Prosjektleksjoner samler konsepter i eksempler som en prisseksjon og et kompakt dashbord.

VELG ET LÆRINGSSPOR
Studer det medfølgende Bootstrap 5.3.8-sporet, eller utforsk Bootstrap 4.6.2 og 3.4.1 for eldre prosjekter. De eldre sporene er utgått og er tilgjengelige for læring og migrering. Et separat Bootstrap 6 alpha-spor er eksperimentelt; forhåndsvisningen krever internettilgang og en moderne WebView.

FORTSETT Å ØVE
Søk i emner eller bla gjennom etter kategori. Merk leksjoner som fullførte og se antall fullførte for hver versjon. Åpne lekeplassen for dine egne HTML-eksperimenter, lagre en fil og gå tilbake til den via Lagrede filer.

REDIGER MED NYTTIGE VERKTØY
Bruk syntaksutheving, angre og gjør om, finn og erstatt, og gå til linje mens du jobber med eksempler. Lagre som beholder en separat kopi, og Del kode sender tekst til redigeringsprogrammet gjennom tilgjengelige delingsalternativer.

For studenter, selvstyrte elever og utviklere som besøker responsive layouter på nytt, tilbyr appen en praktisk løkke: les en forklaring, gjør en liten endring og inspiser resultatet.

Appen inkluderer reklame. Eksempler som refererer til eksterne ressurser trenger en internettforbindelse; tilgjengeligheten av eksterne ressurser kan variere.