Išmokite reaguojančio žiniatinklio dizaino su „Bootstrap“ pamokomis, kurias galite redaguoti ir peržiūrėti. „Bootstrap Code Play“ sujungia paaiškinimus, pavyzdinį kodą ir žaidimų aikštelę, kad galėtumėte tyrinėti, kaip žymėjimo pakeitimas veikia puslapį.
SKAITYTI, KEISTI, PERŽIŪRĖTI
Pasirinkite temą, perskaitykite, kaip ji veikia, tada palieskite „Išbandyti“, kad atidarytumėte jos pavyzdį redaktoriuje. Pakeiskite klasę, pakoreguokite turinį arba pridėkite elementą. Atidarykite peržiūrą, kad patikrintumėte rezultatą, tada grįžkite į kodą kitam eksperimentui.
IŠMOKITE STRAIPSNIUS
Praktizuokite reaguojančius tinklelius, tipografiją, mygtukus, įspėjimus, lenteles ir formas. Atitinkamuose mokymosi takuose tyrinėkite tokius komponentus kaip kortelės, naršymo juostos, akordeonai ir dialogai. Vadovaujamose pamokose pateikiami žingsniai, iššūkiai ir dažniausios klaidos, padėsiančios suprasti kodą, o ne tik jį kopijuoti. Projekto pamokos sujungia sąvokas tokiais pavyzdžiais kaip kainodaros skyrius ir kompaktiška ataskaitų sritis.
PASIRINKITE MOKYMOSI TAKĄ
Studijuokite pridedamą „Bootstrap 5.3.8“ taką arba senesniems projektams tyrinėkite „Bootstrap 4.6.2“ ir „3.4.1“. Senesnių takelių gyvavimo laikas pasibaigęs ir jie skirti mokymuisi bei perkėlimui. Atskiras „Bootstrap 6“ alfa takelis yra eksperimentinis; jo peržiūrai reikalinga interneto prieiga ir moderni „WebView“.
TOLIAU PRAKTIKAUKITĖS
Ieškokite temų arba naršykite pagal kategoriją. Pažymėkite pamokas kaip baigtas ir peržiūrėkite kiekvienos versijos baigimo skaičių. Atidarykite žaidimų aikštelę savo HTML eksperimentams, išsaugokite failą ir grįžkite į ją per „Išsaugotus failus“.
REDAGAVIMAS NAUDOJANT NAUDINGUS ĮRANKIUS
Dirbdami su pavyzdžiais, naudokite sintaksės paryškinimą, anuliuokite ir perdarykite, raskite ir pakeiskite bei eikite į eilutę. „Išsaugoti kaip“ išsaugo atskirą kopiją, o „Bendrinti kodą“ siunčia redaktoriaus tekstą per galimas bendrinimo parinktis.
Mokiniams, savarankiškai besimokantiems ir kūrėjams, kurie pakartotinai peržiūri reaguojančius maketus, programa siūlo praktinį ciklą: perskaitykite paaiškinimą, atlikite nedidelį pakeitimą ir patikrinkite rezultatą.
Programoje yra reklamos. Pavyzdžiams, kuriuose nurodomi išoriniai ištekliai, reikalingas interneto ryšys; nuotolinių išteklių prieinamumas gali skirtis.
Išmokite pritaikomus maketus naudodamiesi vedamomis pamokomis, redaguojamu HTML ir kodo peržiūromis.