Bootstrap Code Play

Code Play

Sisältää mainoksia

Tietoa sovelluksesta

Opi responsiivista web-suunnittelua Bootstrap-oppituntien avulla, joita voit muokata ja esikatsella. Bootstrap Code Play yhdistää selityksiä, esimerkkikoodia ja leikkikentän, jotta voit tutkia, miten merkintöjen muutos vaikuttaa sivuun.

LUE, MUUTA, ESIKATSO
Valitse aihe, lue, miten se toimii, ja napauta sitten Kokeile avataksesi sen esimerkin editorissa. Muuta luokkaa, säädä sisältöä tai lisää elementti. Avaa Esikatselu tarkastellaksesi tulosta ja palaa sitten Koodiin toista kokeilua varten.

OPPI RAKENNUSPALAT
Harjoittele responsiivisia ruudukoita, typografiaa, painikkeita, hälytyksiä, taulukoita ja lomakkeita. Tutustu komponentteihin, kuten kortteihin, navigointipalkkeihin, harmonikoihin ja valintaikkunoihin asiaankuuluvilla oppimispoluilla. Ohjatut oppitunnit sisältävät vaiheita, haasteita ja yleisiä virheitä, jotka auttavat sinua ymmärtämään koodia sen sijaan, että vain kopioisit sitä. Projektioppitunnit yhdistävät käsitteitä esimerkeissä, kuten hinnoitteluosiossa ja kompaktissa kojelaudassa.

VALITSE OPPIMISRATA
Opiskele Bootstrap 5.3.8 -pakettirataa tai tutustu Bootstrap 4.6.2- ja 3.4.1-versioihin vanhempia projekteja varten. Vanhemmat versiot ovat elinkaarensa loppu ja ne tarjotaan oppimista ja siirtymistä varten. Erillinen Bootstrap 6 -alfaversio on kokeellinen; sen esikatselu vaatii internetyhteyden ja modernin WebView'n.

JATKA HARJOITTELUA
Hae aiheita tai selaa luokittain. Merkitse oppitunnit suoritetuiksi ja katso kunkin version suoritusmäärä. Avaa leikkikenttä omille HTML-kokeiluillesi, tallenna tiedosto ja palaa siihen Tallennetut tiedostot -kohdasta.

MUOKKAA HYÖDYLLISILLÄ TYÖKALUILLA
Käytä syntaksin korostusta, kumoa ja tee uudelleen, etsi ja korvaa sekä siirry riville työskennellessäsi esimerkkien parissa. Tallenna nimellä -toiminto säilyttää erillisen kopion, ja Jaa koodi lähettää editorin tekstin käytettävissä olevien jakamisvaihtoehtojen kautta.

Opiskelijoille, itseohjautuville oppijoille ja kehittäjille, jotka palaavat responsiivisiin asetteluihin, sovellus tarjoaa käytännöllisen silmukan: lue selitys, tee pieni muutos ja tarkista tuloste.

Sovellus sisältää mainoksia. Ulkoisiin resursseihin viittaavat esimerkit tarvitsevat internetyhteyden; etäresurssien saatavuus voi vaihdella.