Tip:
Highlight text to annotate it
X
>> Neel Mehta: Torej Pozdravi vsakdo, ki je gledal tu,
ali gledanje online, ali na daljavo.
Moje ime je Neel, to je CS50.
In današnji seminar je Responsive Web Design z Bootstrap.
To je tema, ki je zelo pri srcu.
Upajmo, da bo blizu svojega srca
kot tudi do konca današnjega seminarja.
Torej Bootstrap.
Koliko od vas naredil koli vrste razvoj spletnih prej?
Dobra znesek?
Malo.
>> Torej Bootstrap je svetovno najbolj priljubljena, okvir front-end.
To se uporablja by-- sem izbrana Nekaj naključnih websites--
Lyft, Newsweek, in Vogue.
To ga je število spletnih strani je uporabljena.
To je okvir, web design, ki vam omogoča, da vaše spletne strani
tako lepa in odziven.
In jaz bom šel čez to dva koncepta tukaj.
Lepa.
Torej imate normalno spletno stran na levi, ki je izdelan s samo HTML.
HTML, da ste se naučili v razredu in v oddelku v dolžino.
Bootstrap je način, da bi vaše spletne strani lepa.
Lahko se, kaj je na levi strani zaslona
in jo spremeniti v kaj je na desno stran zaslona z zelo,
Zelo, zelo malo kode.
>> Dobiš lepo modri gumb, boste dobili fancy, zaobljeni robovi na zaslonu,
dobiš pogled seznama, boste dobili kartice, in tako naprej z zelo malo kode.
Tam je pravzaprav ni CSS, da boste morali napisati sami.
Torej Bootstrap vam omogoča, da imajo te pre-zidava CSS
komponente, ki jih lahko dajo znotraj vaše spletne strani
da bi bilo videti lepo, brez zelo veliko dela na svoje.
To je res bootstrap, izhodišče,
za razvoj spletnih avanture.
In tako, ko ste pravkar posmehoval do spletne strani,
to je zelo dober kraj za začetek.
Lahko dobite dobro videti spletne strani z zelo, zelo malo dela.
In res, gremo to storiti sami
v teku kot pet minutes-- v 10 minutah.
Torej, to je zelo enostavno da nekatere velike spletne strani.
Tako da je prvi del.
>> Drugi part-- odziven.
Ljudje, danes, ne samo dostop do spleta na svojih prenosnih računalnikov.
Pravzaprav je od leta 2014 več ljudi dostop do spleta prek mobilnih naprav,
kot telefoni, ali tablet ali storitev ali tako na kot spletne strani.
In so spletne strani tradicionalno zasnovan s prenosnimi računalniki ali namiznih računalnikov
v mislih.
In tako spletne strani pogosto niso Zelo primerna za vaš telefon.
Če ste že kdaj obiskali harvard.edu na telefonu,
to je vrsta siten izkušnje, kajne?
To je zato, ker to ni odziven.
Poskušamo narediti spletne strani, ki se odzivajo,
da se odzove na velikosti ljudskih zaslonom.
>> Torej, če je telefon, to je dogaja, da gredo na telefonu.
Če je tableta, je dogaja, da gredo na tableto.
Prilagaja, da bi ustrezale zaslon, ki se uporablja.
In tako Bootstrap zagotavlja tudi nekatere Zelo, zelo koristnih pripomočkov za to.
In bomo razpravljali, da kot dobro.
Torej spet obstajajo deli na dva dela Bootstrap-- lepa in odgovorno.
Bomo govorili o tistih.
Najprej, lepo.
In potem odziven.
>> Torej, vse je koda, ki smo govorili o today--
bomo imeli veliko primerov, Veliko izzivov, in tako on-- njo
vsi živi na tej spletni strani tukaj.
Ta slide je tisto, kar smo poslali ven.
Torej, če ste tukaj, lahko občutite prosimo, da ne bi bilo treba zapisati.
In če gledate na daljavo, občutek prosimo, da to pull up na vašem računalniku
kot dobro.
Verjetno boste potrebovali med potek tega seminarja.
>> Torej bomo uporabite Spletna stran se imenuje CodePen,
ki je sodelovalno kodiranje okolje, v tem seminarju.
In CodePen-- in bom vam pokažem tukaj real fast--
to vam omogoča, da napišete HTML skupinsko.
Znam napisati, mi lahko pošljete na vidva, lahko vi uredite.
Tudi če ste oddaljeni, vas Še vedno lahko dostopate na tak način.
Lahko vnesete HTML koda na top in ga bomo samodejno
se pretvorijo v Spletna stran na dnu.
Torej, to je način za vas hitro preizkusite kodo
ne da bi morali storiti vse vrste stvari na IDE, ali vaše lastno spletno stran,
ali karkoli.
>> Torej, pojdi naprej in dvigni to Spletna stran, če ste na daljavo
ali če ste tu, še posebej, če ste oddaljeni.
is.gd/cs50boostrap.
Ni kape, brez podčrtaj, ni nič.
Torej tiste, ki so tukaj, daj mi samo thumbs
gor, ko ste potegnil up to spletno stran.
Dobra?
>> OBČINSTVO: Ja.
>> Neel Mehta: Torej bomo dobili tistemu v samo sekundo.
Torej, najprej, da bomo dobili, kako vam bo vaše spletne strani lepo?
Bomo naučili, kako se bo dolgočasno, stara HTML, kot sem ti pokazala prej,
in pa, da je v res lepo komponente,
kot lepo widgets, lepo, obarvan gumbi in nalepke, in mize,
in vsi, ki uporabljajo Bootstrapa.
Torej, če smo lahko vsi iti čez na CodePen ki ste jo pravkar potegnil gor.
To je treba videti malo, kot je ta.
Ali je videti takole za vsakogar?
>> OBČINSTVO: Ja.
>> Neel Mehta: Če ste oddaljeni, da je treba videti kot, da je to dobro.
Če ne, vam bom pokazal, kako hitro lahko dobite je videti takole
v prihodnjem delu videa.
Torej, tukaj smo pisno zelo osnovni HTML,
kot vrste ste uporabljali v razredu.
To je precej osnovna.
Ni posladek.
In imamo nekaj stvari.
Smo zasnovali zelo, zelo osnovni zagon
pokličite Yalp! s katero lahko našli restavracije na tem območju,
in najti pregledi, in Smeri za vse tiste.
To je zelo dober koncept.
To je bilo nikoli storil.
To je zelo edinstveno ime, preveč.
>> Torej, kaj bomo poskušali storiti, je pomagati lastnika
od Yalp! bi svojo spletno stran poglej res, res kul.
Torej, za začetek, lastnika Yalp! je dosegla malo iskanje
box, in malo gumb, in nato morda malo
poudarjeno področje za uporabo Označeni restavracija, nato pa
seznam drugih restavracij da so v tem območju.
Tako bomo lahko šele iti skozi HTML koda resnično hitro.
Kako prijetno ste fantje s HTML?
Naredili smo malo oddelek in tudi v razred.
Dostojno?
>> Torej samo kot Rekapitulacija, HTML je vse okoli ob
oznake ali elemente, ki povej Računalnik, kako za postavitev spletne strani.
Torej here-- to h1 začeti h1, Dobrodošli da Yalp !, konec h1-- pove računalnik,
pripraviti veliko glavo je pravi, Dobrodošli v Yalp!
notri.
Imamo tudi obrazce.
Mi lahko vhodi, kot je ta, besedilna vhodi, ki bo postala kot polja z besedilom
pišete na.
Imate tudi gumba.
Dobiš lepo, klikniti na gumb.
To ne naredi ničesar prav zdaj, ampak boste dobili na gumb.
Lahko imaš Divs ali delilniki, na razbije svojo stran v različne skupine.
>> Lahko imaš odstavke, imaš gumbe.
Če imate odstavke, nato imate neurejen sezname, ul,
in seznamov znotraj tega, Li.
Torej, to so zelo osnovni gradniki spletne strani.
In res, precej vsaka spletna stran vidite
se bo treba zgraditi uporabo teh istih orodij.
Seveda ne vsi poglej to slabo, ker smo
tekoč, da ga začiniti malo.
Torej, kaj je zdaj to dolgočasno staro HTML in začetek njegovo preoblikovanje v prelepem mestu
da smo pravkar videl nekaj minut nazaj.
>> Torej začnimo zelo preprosta.
Torej imamo ta gumb tukaj.
V Bootstrap, kot smo videli, smo lahko imajo lepo, lepo, moder gumb.
In to ni bilo storjeno s tem meri CSS.
Ni običaj CSS tukaj.
To je storil z dodajanjem razredov vašim HTML elementov.
Če ste poskusili razredih, ali hrefs, ali sidra, ali type = "text" za inputs--
HTML elementi imajo lahko te atribute.
Imajo lahko dodatne informacije da si jih lahko dal.
>> In tako, v tem primeru, razredi so atribut.
Torej boš napisal, gumb class = nekaj znotraj nizov.
In da atribut bo povedal z računalnikom, to ni nič, stari gumb.
To je gumb, ki je ta razred gumbov.
In tako Bootstrap, če si jo dal določen slog na vašem element,
jo bo pripraviti na določen način.
Zato sem napisal "btn btn-primarni.
btn čemer je kratica za gumb.
Opazili boste, sedaj, moja grda gumb obrnil
v lepo, lepo, modri gumb.
To izgleda zelo lepo, ko smo ga kliknite.
>> In kaj se zgodi, imamo btn razred in btn-primarni razred
na naši element.
In Bootstrap bo šel v in reči, OK, sem vedo, da obstaja ta dva razreda.
Vsak element, ki ima te dve razredi bi bilo treba pripraviti, kot je ta.
Torej, to je bistvo, kako si pripisujejo stili do elementov v Bootstrap.
Pravkar ste priložite razrede z njimi in ga bo teže, kot se mu zdi primerno.
Torej, tukaj je še en primer.
Pri vhodu, lahko dodamo razred = "oblika-control".
In bom kmalu pokazale, kjer ste Lahko ugotovim, kaj razredov
Na voljo so za vsako vrsto elementa.
Ampak razred, ki smo ga pravkar dodana ima lepe, zaokrožene vogale,
ima lepo oblazinjenje, da ima lepo, modra sijaj z njim.
>> Lahko gremo tudi v tej obliki.
In class = "oblika-inline", ki bo naša oblika, kot si lahko predstavljate, inline.
Torej, to je videti malo bolj kot tisto, kar smo imeli prej že.
Torej, preden gremo na stil ostalo stran, na vsa vprašanja o tem, kaj smo
naredil?
Pravkar smo priložene razredi do naših različnih elementov.
In ti bom pokazal kasneje, kako lahko ugotovimo, kaj razredov so na voljo.
Pritrjena smo razrede, ki imajo določene sloge.
In to pove brskalnik kako postavitev strani s pomočjo
Predvideni stilov Bootstrap je.
Vsa vprašanja iz občinstva?
>> Dobro tako daleč?
Cool.
Veliko izzivov z Bootstrap je samo
vedel, kaj komponente na voljo in kako jih uporabiti.
In da se vsi naučili z izkušnjami in tudi
z branjem dokumentacije, ki bomo govorili o tem kmalu.
Torej imamo to div.
To je samo dolgočasno, stara stvar.
Želimo, da se poudari nekako.
Torej, v Bootstrap, obstaja Veliko komponent, ki so na voljo.
In to je getbootstrap.com.
To je zelo koristna referenca.
Vsebuje stvari like-- tukaj je, kako si narediti gumb.
In lahko naredite nav palice, lahko nalepke, lahko napreduje palice,
lahko naredite seznam skupin.
V bistvu, to je vse vrste od vas morda videli spletno stran.
>> Tukaj je ena, da bomo poskušali zdaj.
To se imenuje plošča.
Če ste že kdaj uporabili Google Sedaj imajo kartice.
Ali Android naprava ima kartic.
Imajo majhne bele škatle da imajo stvari znotraj njega.
In tako bomo poskušali narediti da sami tukaj pomočjo stvar
imenuje senat.
Torej, če smo pripisujejo class = "plošča plošča-default ", da naši zunanji div,
potem smo priložite razred div = - dovolimo Samo preverite to dokumentacijo.
div class = "plošča-naslov" in potem div class = "paneli-telo".
Še enkrat, ne skrbi zapomniti to kodo.
To bo na voljo na spletu.
>> Tako smo to storili in zdaj našo dolgočasno, old div obrnil v to lepo, malo kartico.
Ima lepo oblazinjenje je, je meja, da izstopa
od preostalega strani, kar je precej kul.
Torej, pojdimo in spremenite to Get Gumb smeri videti lepo.
Kdo v občinstvu želi povedati me, kaj lahko storim, da gumb
da bi bilo videti lepo uporabo Bootstrapa?
Ja?
>> OBČINSTVO: Mi lahko dodate razred.
In lahko naredimo class = "btn btn-primarni".
Neel Mehta: Da.
Tam je kup drugih Barve na voljo za buttons--
ali za karkoli, za to zadevo.
Mi lahko naredimo btn-nevarnost in da je rdeča.
Tam gremo.
Mi lahko naredimo btn-uspeh, da bi bilo zeleno.
Mi lahko naredimo btn-info-- tam je kup stvari, ki so vam na voljo.
Tako da imam malo izziv za vas zdaj.
Torej, obstaja ena stvar da sem zapustil un-styled.
Ta Top restavracije.
>> In želimo uporabiti stvar imenovano skupino seznam, da ga slog.
Torej, moj izziv za vas je, pojdi na getbootstrap.com--
Bom dvigni tukaj.
getboostrap.com.
Pojdi na getbootstrap.com, našli oddelek, kjer gredo čez seznama skupin.
In videli boste tukaj Primer in prave razrede
ki jih lahko uporabite, da bi vaš Seznami v teh lepih seznam skupin.
Te so izdelali primere primerov kod, kaj
koda, ki jo uporabljate, kaj HTML kodo uporabljate, in kaj, da izhodi.
>> Torej, moj izziv za you-- pojdi na getbootstrap.com,
ali ste tukaj ali doma, in poskusiti in dodate sloge za to ul
da bi bilo videti lepo.
In uporabite slog seznam skupine.
Hočeš, da si vzamete nekaj minut, in iskanje dokumentacijo,
Poskusite to sami?
Saj, kot delaš web development, boste spoznali veliko svojega dela
se bo branje ta dokumentacija.
Zato mislim, da je dobro, da se navadim s tem, kako brati dokumentacijo,
kako, da ugotovimo, kaj je kje, Kaj je koda primerov lahko uporabite,
kaj lahko izkoristite.
>> Torej še enkrat, getbootstrap.com, pojdite na zavihek Komponente
nato pa se pomaknite navzdol na seznam skupin.
In boste videli primere kode, ki lahko uporabite, da bi vaš HTML fit to.
Torej, vzemite nekaj minut in poskusite in ga raziskujejo sami,
ali ste tukaj ali doma.
Če ste doma, pavza video, morda, in ga preizkusite sami.
Če ste tukaj, če greš na naše website-- če osvežite stran,
boste videli tam.
To je zelo ista koda je pravkar dodajanje novih stilov tam.
Torej traja nekaj minut.
Dovolite mi, da vem, če se počutite dobro o tem, ali ko ste popolnoma izgubljeni.
Zvok dober?
Cool.
Hitro rezerviran za tiste, ki ste doma, medtem ko sva čakala,
Če greste na spletno stran GitHub da sem dal gor nekaj diapozitivov nazaj,
proti začetku videa, Imam GitHub repo, skladišče,
za ta pogovor.
Vsi ti code primeri, da bomo govoriš so shranjene tukaj.
Torej, če greš za izpodbijanje-1.html, to je vse kode, da imamo zdaj
na naši CodePen.
Tako da lahko samo pojdi naprej in kopiranje to, in ga prilepite v svoj CodePen.
In na ta način, lahko vodijo do s tem, kar delamo tukaj.
Torej imajo te strani odprte, kakor tudi mi iti skozi preostali del seminarja.
Again, si želim, da bi izgledal, kaj vas glej dol na dnu zaslona
tam.
Počutiti se dobro?
Trdna.
Počakajmo za vsakogar drugega, da končal s tem, kar počnejo.
>> Ja?
>> OBČINSTVO: Recimo, da sem si želel uporabiti Bootstrapa na home--
Neel Mehta: Da.
OBČINSTVO: Vidim, na spletni strani, Getting Started stran.
Dajo mi možnosti Bootstrap, Source Code ali Sass.
Kateri od teh si želim?
>> Neel Mehta: Da.
Torej, vprašanje je, kako si dobil začel uporabljati Bootstrap sami?
To se zgodi le na čudežno delati tukaj.
Torej, če imamo čas konec seminarja,
Pokazal vam bom, kako lahko priti na svojo spletno stran.
Tako kot pri nas, pravzaprav sem res dal v nekaj nastavitev, ki
ga bodo morali samodejno naložen, ampak bom
kažejo, da to storite od praska na svojih spletnih straneh.
>> OBČINSTVO: Hvala.
>> Neel Mehta: Da.
Dobro vprašanje.
Počutiti se dobro?
Počutiti se dobro?
Cool.
Torej, kdo me hoče kako narejen povem ta stvar videti lepo in Boostrappy?
Kakšen je prvi razred smo dodali v ul?
OBČINSTVO: class = "Seznam skupina".
Neel Mehta: Da. seznam-skupine.
In potem kaj bomo pripisujejo lis?
Nekdo drug?
OBČINSTVO: In potem, ko da, class = "list-group-točka".
>> Neel Mehta: Da.
>> OBČINSTVO: In to je Enako za naslednjo.
>> Neel Mehta: li class = "list-group-točka".
Izvolite.
Imamo lepo seznama skupino, tako kot smo pričakovali.
Torej greš.
V 10 minutah, smo naredili to dolgočasno, stara Yalp! Stran
videti lepo in strokovno.
In to je šele začetek.
Torej sedaj, da se počutite dobro o tem, kaj je
samo pojdi naprej in govori o Nekaj več komponent, ki
morda prišel prav kot ti iti skozi vaše avanture.
>> Seveda, tam je veliko tistih tukaj.
In sedaj, ko ste se naučili kako narediti seznam skupin,
lahko precej nauči sami, kako narediti karkoli od naštetega.
Ampak, seveda, kaj je samo poskusiti in narediti nekaj več sebe,
samo zato, da boste dobili občutek za kako bi jih uporabili.
Jaz sem samo šel na ta primer tukaj.
Again, koda, ki sem prilepili Tukaj je na voljo tukaj.
Torej, vas prosimo, da ga potegnite navzgor.
>> Torej smo že šli skozi Nekaj od teh primerov.
Torej imamo gumbe, ki smo že videli, kako to storiti.
Mi lahko gumbi večji.
Gumb, ki ga class-- gre, btn btn-lg in btn-default česar je bela.
Torej to pomeni, da je naša gumb večji kot bi bilo sicer.
To bi lahko prišel prav, če imate Velik gumb ali kaj predložiti.
Videli smo primer seznam skupine, smo videli primer obliko.
>> Zelo pomemben je eden ikone.
In ikone so način za vas, da dodate zanimivih stvari, kot check
znamke ali pluse, ali prijatelj ikone, ali ponovno ikone,
ali karkoli na vašo spletno aplikacijo.
Torej še enkrat, če smo v tukaj, so komponente, glyphicons,
so ikone na voljo za Bootstrap.
Tam je izčrpen Seznam vseh tistih tukaj.
Torej samo kot primer, poskusimo in dodajte eno.
>> Torej, kot so Facebook, smo na težaven da imajo gumb za dodajanje prijatelju.
Poglejmo najprej dodati nekaj slog.
Gumb class = "btn btn-uspeh".
In tam gremo.
Dodajmo še ikono tukaj.
Kaj ikona, misliš, bi bilo smiselno postaviti tukaj?
Verjetno ste že videli na nekatere spletne strani ali karkoli,
ampak kaj je zgled ikono, ki Morda gre tudi znotraj tega gumba?
Vas prosimo, da brskate to stališče, če potrebujete navdih.
Veliko koristnih tisti, ki so na voljo tukaj.
Ja?
>> OBČINSTVO: Mogoče uporabnik glyphicon ena?
Neel Mehta: OK.
Tale.
To je zelo dobro.
Da.
Na Facebooku sem jo mislim bi bilo videti malo všeč.
Torej, tukaj je, kako bomo šli o dodajanje ikone na naših straneh.
Pravkar smo imeli span-- kalibrirnega je nevtralen posoda za nekaj.
Div je posoda za nekaj, kalibrirnega je drugo posodo.
Divs imajo prelome vrstic okrog njih, razteza pa ne.
Torej je različne načine ob generičnih posode.
Kot da nima smisla, da ga znotraj odstavka ali karkoli.
Moramo ga znotraj nečesa, čeprav,
zato smo pravkar dal znotraj razpona.
Torej span class = glyphicon glyphicon uporabniku "blizu span.
In imamo zdaj icon notranjosti gumb.
>> Tako da ne izgleda povsem v nasprotju Kaj lahko vidite na facebook.com.
In zato je lepo, da te lahko dejansko se postavi kjerkoli želite.
V vaši glavi palice, V vašem seznamu skupin.
Karkoli.
To ni nujno, da je Notranjost gumb.
Tako kot na primer, sem lahko dal tukaj isti razred.
"glyphicon glyphicon uporabnik".
In zdi se samo isto.
Torej ti icons-- lahko uporabite dobo class = "glyphicon glyphicon-karkoli".
In da bo vam omogočajo dodajanje Ikone kjerkoli želite.
In ikone so zelo pomembna del izdelavo spletne strani videti
strokovno in dobro opravljeno.
Torej, ne pretiravajte, vendar je Pogosto je dobra stvar, da veš.
>> Plošče, spet.
Jaz bom samo to ponovi kot Rekapitulacija ker oni nekako vpleten.
Opazili boste, da v obračanja svoj običajni HTML
stran v bootstrap-afied Spletna stran, boste imeli
dodati dodatno strukturo na spletni strani.
Na primer, imamo pomožno Divs tukaj samo zato, ker tisti,
so potrebni, da bi ploščo.
Torej, samo da se vodijo v mislih, da boste morali imeti dodatno strukturo.
Torej "plošča plošča-default".
Mogoče je plošča-glava.
Mislim, da je plošča-naslov.
Da.
Tam gremo.
Torej, še enkrat, da je naš svet.
>> Še ena stvar, ki smo ni zajela še tabel.
Tabele, ki ga privzeto look vrste grda.
Všečkaj to.
Toda mize so, seveda, zelo pomemben del
o tem, kaj boste storili v razvoj spletnih strani.
V Pset7, na primer, CS50 Finance, ki bo prišel kmalu,
boste uporabili veliko tabel.
In veliko web dev porabijo veliko tabel za prikaz informacij,
kot so delnice, ali rezultati, ali karkoli.
>> Torej styling tabel je pravzaprav zelo preprost.
Dodate razred mizo na vašo mizo.
In, upam si reči, da izgleda zelo lepo.
To lahko storite dodatnih stvari, kot "miza miza-črtasto".
In boste videli rezultate tukaj.
To lahko storite miza meji.
Obstaja veliko možnosti, ki jih lahko.
Ampak v bistvu, dodajanje miza, razred miza,
bo vaše mize videti zelo lepo.
Tako, da je kratek potek nekaterih pomembnejših stilov
in komponente, ki jih bom morali uporabiti za Bootstrap.
Zato mislim, da obloge up našem prelepem delu.
Vsa vprašanja zdaj o tem, kako da bo vaše spletne strani lepo?
Kako lahko uporabite te komponente v vašo korist?
Počutiti se dobro?
Ja?
OBČINSTVO: Morda je neumno vprašanje,
vendar lahko uporabite Bootstrapa na Wikipediji?
Če ste urejanjem Wikipedia stran?
Neel Mehta: Da.
Torej je vprašanje, jaz sem urejanjem Wikipedia stran,
lahko vključujejo Bootstrap sloge tam?
>> OBČINSTVO: Ja.
>> Neel Mehta: In tako Bootstrap je v bistvu velik CSS slogi.
CSS slogi samo pravi, kadarkoli Imam ta razred, priložite teh stilov.
Torej CSS slogi za Bootstrap se bo nekaj podobnega .btn,
razred gumb, boste dobili Like zaobljen vogal meje ali karkoli.
Torej v bistvu, ga bootstrap samo kup razredov in kup stilov
določeno za tiste razrede.
Tako dolgo, kot ste to CSS, ta seznam pravil v svojo stran,
boste dobili bootstrap styling.
To je, seveda, odvisna od ob sloge Bootstrap na vaši strani
začeti z.
>> In tako v Wikipediji, vam verjetno ne bi
storiti, ker Wikipedia nima Bootstrapa v njem.
Ampak, če bi imela Bootstrapa, ti bi verjetno to naredil.
In če boste želeli, lahko vključiti, ampak da bi
prekinil obstoječo postavitev strani.
Vendar zelo dobro vprašanje.
Lahko uporabite Bootstrapa povsod, kjer je vključen,
vendar to ni zgrajen v privzeto.
>> OBČINSTVO: Hvala.
>> Neel Mehta: Da.
Vsa več vprašanj?
Da.
Torej, ali ste tukaj ali doma, Samo spomnite getboostrap.com-- spet,
getboostrap.com-- je tvoj prijatelj.
Kadarkoli boste uporabljali Bootstrap, to vam bo dala
navodila o tem, kako priti začel, kako uporabiti komponent.
Tukaj je nekaj kul JavaScript plug-ins, da ne bo šel več kot tukaj,
ampak oni so vredno preverjanje ven, kot dobro.
Torej je to tvoj prijatelj.
To je samo pomembno, da se uporablja za kako uporabljati to.
>> Torej, kaj je klepet malo o izdelavo odzivne spletne strani.
Torej, kot sem že dejal, uporabljajo ljudje njihovih prenosnih računalnikov, ki jih uporabljajo svoje telefone.
In kot si lahko predstavljate, da je to zelo drugačno velikost zaslona od tega.
In zato je isti spletni strani da izgleda dobro na mojem telefonu
ne bo videti dobro, nujno, na računalniku.
Torej, kaj morate storiti, je, da vaše spletne strani prilagodijo.
To je, da se prilagodijo na različne Zaslon velikosti, da je na.
>> Treba je reči, vem, da sem na računalnik, velik laptop, jaz bi moral razširiti.
Vem, da sem na telefonu, naj se skrči.
In tako Bootstrap ponuja nekaj Zelo, zelo uporabno orodje, da to storijo.
Torej Bootstrap Oglejmo zlomiš spletna stran v 12 stolpcev.
Lahko naredite vrstic in imajo 12 stolpcev.
In lahko razdelite tiste, kakorkoli želite.
Lahko imaš eno, velika stvar, kar je 12 stolpci širok.
Lahko imate dve stvari da so šest vsak.
Lahko naredite eno stvar, ki je štiri, tista, ki je dva, ali tista, ki je šest.
Lahko naredite tri, tri, tri, tri.
To lahko storite karkoli razčlenitev, ki jo želite.
>> Tako da morda vaša spletna stran mora imeti levi stolpec, ki je eno tretjino širine.
Torej, da bi štirje stolpci širok in preostali strani
bi bilo osem stolpci širok.
Torej je to primer.
Oglejmo dvigni še en primer.
>> OBČINSTVO: To počne vedno morajo biti enakomerno razdeljeno?
Bi bilo sedem, pet split?
>> Neel Mehta: Da.
Lahko bi bilo sedem, pet.
Da.
Dokler to dodaja do 12, to je v redu.
Torej, pojdimo nazaj.
Again, koda, ki je Tukaj je na voljo tudi tukaj,
pod odzivnim npr.
Torej sem potegnil nekaj Primer odzivno kodo tukaj.
Torej, to storite s pomočjo stvar se imenuje vrstica.
Vrstica je samo še en razred.
To je še en slog, ki ga dodate na vaš Divs, da jim svoje komponente.
>> Torej pravite, div class = "vrstica", da bi vrstico,
da si 12 stolpcev prostora.
In potem si dal stolpce znotraj tega.
Torej, tukaj smo Col-XS-6.
Ne skrbite XS.
O tem bomo govorili v sek.
Ampak v bistvu, imamo eno stvar, ki je šest širok.
Kličemo ga zapustil.
In tako, da je levo polje tukaj.
Imamo eno stvar, ki je šest od 12 stolpcev svetu.
In da je eden je na desni strani.
>> tudi samo daje naredi Vaše div jo zapolnili sivo.
Torej, to je samo zato, da bomo lahko vidim, da si različni.
In zato je to prvi primer.
To je zelo preprost primer, kako se bi uporabil svoje vrstice in stolpce tukaj.
Določite vrsto pomočjo class = "vrstico".
In potem vam class = "col-XS-6" ne pol, "col-XS-6" narediti drugo polovico.
Tukaj je bolj zapleten primer.
Oglejmo si Tiny, Ogromna, ostalo ena.
>> Mi lahko Tiny dva stolpca širok, lahko naredimo Ogromna šest stolpcev širok,
In ostali štirje stolpci širok.
Ki dodaja do 12.
In zato ti končajo segajo širina strani.
Spet imamo vrstico zunaj.
Potem imamo div class = "col-XS-2" in nato 6, nato pa 4.
In da bo zagotovil struktura za nas.
In tako bomo lahko karkoli za vraga želimo notranjosti tukaj.
Namesto, Tiny, lahko postavimo na gumb.
Gumb class = "btn btn-primarni".
In tako opazili, da je naša gumb ne prevzamejo vso širino,
najmanj pa je to omejeno s tem veliko prostora.
>> Tako, da je vse lepo in prav.
Tako bomo lahko sedaj razbiti našo spletno Stran v koščkih, širina pametno.
Lahko rečemo, želimo, da imajo levo stolpec, in desni stolpec, in tako naprej.
Ampak nismo šli čez kako si bo lahko odzivalo.
In tako Bootstrap naredimo tudi to.
Ima te stvari, imenovane mejne vrednosti.
Torej, to je način vedeti, ali ste na prenosnem računalniku, ste na tabličnem računalniku,
ste na telefon vodoravno, ali ste na telefon navpično.
To ve velikost zaslona.
In razbije to v štirih categories-- velika ali lg, ki je prenosni računalniki, običajno.
md ali medij, ki je tableta.
sm, majhen.
Ali xs, ekstra majhen.
In tako, ko podate stolpec, praviš,
bi moralo biti šest stolpcev široka na dodatnem majhno napravo.
Zato smo naredili col-XS-6.
Mi smo pravi, da bi morala bilo šest od 12 stolpcev širokih
na dodatnem majhno napravo.
In če je kaj večji, bomo samo privzeto uporabi dodatne majhnost.
Če je kaj večji od extra majhna, to bo šest širok.
In tako smo lahko vzvod to, da bi naše stolpcev
zavzamejo različno količino stebri, ki temelji na velikosti zaslona.
Pojdimo na to odzivno spreminjanje velikosti.
Torej imamo stolpce.
In pravi: "col-lg-6 col-XS-12".
Torej, glede na to, kaj veste doslej, kaj počnete
mislim, se bo zgodilo na velikem platnu?
No, to je nekako dana način, ampak kaj storiti
misliš, da bo videti kot na velikem platnu?
In zakaj je to?
>> OBČINSTVO: Je to, da na velikem zaslonu, to je
gre samo vzeti del celotnega prostora?
Tako kot polovico tega, mislim?
>> Neel Mehta: Da.
>> OBČINSTVO: In na manjše zaslona, da se dogaja
da zavzamejo celoten zaslon, 12.
Neel Mehta: Da.
Prav.
Torej, kot primer, recimo, samo poglej tukaj.
Da.
Torej, na vse, kar je lg ali bigger-- tako da moj računalnik se zgodi
se lg, ker je Precej wide-- da bo
je ob bok, ker je col-lg-6.
Zato, ker je na velika, da omogoča šest stolpcev širok in šest stolpcev širok.
Poglejmo, kaj se zgodi, če I da to v manjši enega.
Jaz sem le, da bo un-celozaslonsko tem.
In grem naprej krčila zaslon.
Jaz grem naprej krčila zaslon, tako da Izgleda da sem na manjši napravi.
Torej grem, da ga skrči, kot je ta.
>> In voila.
Zdaj je zložen ker zdaj smo šli
od velikega to-- je to verjetno ekstra majhna velikost zaslona.
In tako zdaj pravi, OK, ne bomo V velik, smo v ekstra majhni deželi.
Torej, bomo uporabili ekstra majhnost.
In bomo XS-12, XS-12.
Tako se dogaja, da se zloži.
In samo obvestilo, da obstaja stvar imenovano prelomne točke.
Prekinitveno točko je, če ste naredili prehod
od extra majhna, da majhne, majhnih do velikih, in tako naprej.
>> Torej samo obvestilo, da je, kot sem slide to ven, na koncu, boste prišli do točke
kjer jih bomo skoči, da bo ob bok.
Izvolite.
Torej, tam je prekinitvena točka tam.
Tako smo lahko bi bilo še bolj zapleteno.
Zdaj lahko rečemo, to Stvari morajo biti štiri tarče.
To pomeni, da naj traja približno tretjino
govora o zelo velikih napravah.
Na srednji napravi, bi morala biti največ polovico zaslona, ker je MD-6.
Na zelo majhno napravo, pa naj bi do 12.
In tako to izgleda precej naravno.
Naj samo poskusiti tole za nas.
>> Torej, na velikem zaslonu, oni so štiri tarče.
Shrink It malo.
In so zdaj šest širok.
To je torej šest, šest, šest.
Shrink je še bolj in potem bodo povsem zloženi.
Torej to, na primer, je smiselno, če imate karte, kot so novice kartic,
na primer, če se uporablja je na zelo velikem zaslonu,
da je v redu, če imate več drug ob drugem ker bi vsi dobili dovolj prostora.
Vendar pa morajo imeti dovolj prostora.
Torej na manjšem zaslonu ki ste jo želeli, da se jim
več prostora, proporcionalno, strani.
>> Tako kot v realnem svetu na primer, recimo, imamo Twitter.
In imamo besedilno polje, da lahko tweet na strani.
In imamo seznam trending teme na desni strani.
Torej, na velikem zaslonu, bi morali ju je drug ob drugem,
tako da jih lahko vidite na kozarec.
Ampak na manjšem zaslonu, moramo storiti, 12 in 12,
tako, da se teme trending so pod površino tweet.
Ker je območje tweet je Glavna stvar in na majhnem zaslonu
teme trending ne glede na to, kar toliko.
In tako smo jih dal spodaj desno, tako da da lahko tako dobite dovolj prostora.
Smisla tako daleč?
>> OBČINSTVO: Ja.
>> Neel Mehta: Solid.
Torej, to je vsi primeri imam tukaj.
Poskusimo narediti izziv.
Torej še enkrat, to je izziv, 2.html za tiste, ki ste po skupaj doma.
Torej, moj prijatelj, Mark Zuckerberg, je prišel k meni ondan.
In on je všeč, Neel, imam gotten dober v web design.
Lahko storim HTML.
Naredil sem to malo, novo uredi na Facebooku.
Imam novo idejo, kako moramo slog Facebook.
In tukaj je.
Točno tukaj.
Tukaj je nekaj primer kode.
Tako se imenuje Fancybook.
>> Imamo nekaj posodobitve stanja.
Imamo Nemo, Mike Kosowski, ***-- tri posodobitve statusa.
In potem imamo seznam spletne prijatelje desno pod njo.
Torej je naredil svojo domačo nalogo.
On ve malo o Bootstrap, on je na pogled seznama,
je naredil malo HTML.
Torej ima spletno stran.
Ampak on je kot, Neel, jaz ne razumeti odziven dizajn sploh.
Ali imate kakšne strokovnjake, ki bi mi pomagal pri tem?
In na srečo, ste sedaj strokovnjaki v odzivnem oblikovanju.
>> Torej, kaj mi je rekel je, da je on želi Fancybook videti takole.
Na zelo majhno napravo, kot telefona, vsega
zložiti, kot tukaj.
Torej imate časovnico vnaprej, do vrha, nato pa
bi morali imeti chat bar na dnu.
Toda na tablete ali medij Naprava mora biti pol in pol,
kot v časovnici bi morala biti pol in seznam chat prijatelji
mora biti na drugi polovici.
>> Potem pa na laptop je časovnica naj bi tri četrtine
in nato hedge chat smeli traja eno četrtino.
In zato se je kot, Neel, imam to Koda tukaj, ampak to ni odziven.
Treba da se obnašajo, kot je ta.
Torej, moj izziv za vas je dal to kodo here--
če si osvežite vaš CodePens, boste videli.
Ali pa, če ste le prilepite kodo na izziv-2, boste videli.
>> Tukaj je ta primer kode.
Videli boste nekaj XXXS.
Želim si, da bi spremenili XXXS, tako da Časovni načrt in seznam prijateljev
sledi teh očala tukaj.
Ne skrbite o tem, kaj je znotraj časovnici za zdaj.
Bomo dobili, da se v naslednjem koraku.
Ampak za zdaj, da vidimo, če bomo dobili te stvari, da se razideta, kot je ta.
Da ne bi bilo smiselno?
Torej, če ste doma, ustavite video in poskusite
da bi svojo spletno stran poglej odziven, kot je ta.
Če ste tukaj, vzemi kot dve, tri minute.
Vas prosimo, da klepet s sosedom, in poskusite in popraviti gospod Zuckerberg je
odzivno konstrukcijskih problemov.
Če imate kakršnakoli vprašanja, vas prosimo, da mi sporočite.
Počutiti se dobro?
Opravljeno?
Lepo.
>> OBČINSTVO: [neslišno].
Neel Mehta: Kaj?
>> OBČINSTVO: Jaz sem dober.
>> Neel Mehta: Oh, dobro.
Lepo.
OBČINSTVO: Stvar 12, je to, da Bootstrap
obravnava določenega prostora na zaslonu kot 12 Enote prečno ter deli, ki up?
Kako točno počne doziranje dela za to?
>> Neel Mehta: Da.
Torej, vprašanje je, kako does doziranje
delo za Bootstrap, kajne?
>> OBČINSTVO: Ja.
Neel Mehta: Torej, ko imate div class = "vrstic",
ne glede na to, kako velik je zaslon, Bootstrap vam bo dal 12 enot
iste velikosti do prevzame, da je veliko velikost.
Torej, v col 1, je vedno 8,33% velikosti zaslona
ali da je to po vsej ali pa, da je to širok.
In tako, seveda v manjši zaslon, vsak stolpec je manjša.
Še vedno imaš 12 stolpcev širok, to je manjši.
Torej, to je do vas, da poskrbite, da da stvari zasedejo več stolpec,
sorazmerno nadomestilo za ta pomanjkanja prostora.
Ali to smiselno?
>> OBČINSTVO: Ja.
Hvala.
Neel Mehta: Dobro vprašanje.
OBČINSTVO: Na velika zaslon, lahko imate
Časovnica traja do tri četrtine?
>> Neel Mehta: Da.
Neel Mehta: Kako se fantje počutiš?
Dobra?
Cool.
Torej, kaj je prišel nazaj.
In kaj je poskusila popraviti ta del Spletne strani gospoda Zuckerberg je.
Torej roki je tukaj, na top, in seznam prijateljev
je na dnu.
In tako smo morali dodeliti stebri, z velikosti sorazmerna,
V vsakem od njih.
Torej, ta prvi *** je za časovni premici.
Kaj razredi storimo dal noter?
Kaj si fantje dal noter?
Torej, ne pozabite, na velikem zaslonu, ki jo potrebuje vzeti tri četrtine širine.
In kaj slog vam bo dal to?
Na velikem zaslonu, tri četrtine širine.
Kaj razred ne uporabljamo tam?
OBČINSTVO: Torej smo šele bo urejanje, da je prvi primerek razreda.
Neel Mehta: Za zdaj.
Da.
>> OBČINSTVO: Nismo urejanje vsakega, individualna značilnost časovnici?
Neel Mehta: Ne zdaj, vsaj.
Torej, vsa ta stvar je blok.
Mi samo spreminjanje oblikovanje bloka.
Torej, tukaj nimamo Col-lg-9, ker je devet od 12 široka na velikem zaslonu.
In potem na srednji zaslon, Koliko stolpcev naj dobim?
OBČINSTVO: To naj da bo polovico in pol.
Neel Mehta: Right.
Torej, koliko je to?
>> OBČINSTVO: Torej šest.
Neel Mehta: Six.
In potem extra majhna morala be-- če nje povzema celotno širino zapored
koliko naj bi bilo?
OBČINSTVO: 12.
Neel Mehta: 12.
Da.
In zdaj smo prišli do to spremenili drugi tisti,
tako da prevzame preostali prostor.
Torej col-lg--
OBČINSTVO: To se dogaja, zavzamejo celoten zaslon?
Neel Mehta: Zavzema četrtino zaslona na veliki napravi,
kot smo pokazali tukaj.
>> OBČINSTVO: Tri.
>> Neel Mehta: Tri.
In potem col-MD-6, da sprejmejo se preostali prostor.
Col-XS-12.
Torej, zdaj imamo časovnico ob tri četrtine
stranice v velikem zaslonu in nato četrtina na strani.
In potem, če velikost zaslona navzdol, je treba ustrezno velikost.
Torej, to je zdaj zložene, na zelo majhnem zaslonu.
In če jo velikosti do malo, morajo biti natančno pol in pol.
Tako smo storili doslej.
Zelo kul.
In zato ne bomo storili drugi del izziva.
To lahko storite sami.
Ampak v bistvu, boste morali poskusite in se ti odzivajo
kot well-- bi časovnico predmetov, sami, odziven.
Torej, zdaj smo šli skozi vse, kar morate vedeti
o odzivno strani Bootstrap.
Vsa vprašanja o odziven dizajn z Bootstrap
in kako bi šel o tem?
Ja?
>> OBČINSTVO: Je podobno, če smo imeli videoposnetek
in smo želeli, da se nadzor *** skala, na kateri video was--
velikost video gredo iz prenosnika na telefonu.
Neel Mehta: Da.
Bolj ali manj.
To bi morali povedati videoposnetek zavzamejo toliko prostora, kot je to dano,
ki je malo nadležno včasih.
Toda jedro ideja je enaka.
Video, kot kateri koli drug predmet v stran, kot gumb ali karkoli,
Dokler boste uporabili stolpce in vrstice,
lahko ga je dal določena količina prostora.
In zato, da bi jo v čast, da je Drugo vprašanje, ker, kot YouTube
vdela imajo določeno, želeno velikost.
Ampak teoretično na najmanj, bi to delo.
Cool?
>> OBČINSTVO: Najbrž takrat, za sliko, kajne dejansko
morajo imeti različic isto sliko v različnih velikostih
za prenosni računalnik v primerjavi z iPhone?
Ja Vprašanje je, ali moramo imajo slike, ki so odziven kot dobro.
In res, lahko to storite.
Mislim, da je v CSS.
Ampak Bootstrap omogoča ste za to, kot dobro.
Lahko imaš odzivne slik.
Lahko imaš svoje slike spremenite velikost glede na velikost strani.
In tam je zelo nova stvar HTML5, najnovejša različica HTML,
in CSS3, najnovejši različica CSS, ki
vam bo zahteva različne slike ki temelji na velikosti zaslona, ki ste ga na.
Običajno je dovolj dober, da le imeti vašo sliko samo skrči ali rastejo
Vendar velika mora biti.
Vendar pa lahko, če želite, da, imate 32 za 32
za zelo majhne zaslone, in 64 za 64 pri velikem zaslonu,
in nato služijo tiste selektivno.
Lahko to storite.
To je naredil z nekaj ljudmi.
To je še vedno precej rezalni rob.
Ampak kratek odgovor, odziven images-- Bootstrap lahko shranite dan tam.
Cool?
>> OBČINSTVO: Hvala.
>> Neel Mehta: Torej, kaj je govori zelo hitro o tem, kako
da se to v svojo spletno stran.
Recimo, da želite, da vaše lastno spletno stran z uporabo Bootstrapa.
In je tako pustil samo samo sprehod skozi to skupaj.
Recimo, da bi samo normalen HTML stran.
Vas prosimo, da sledite skupaj v ne glede na vaš najljubši urejevalnik.
Torej imamo samo nekaj HTML strani.
Mi lahko naredimo! DOCTYPE html.
To je tudi html, naša stran.
Nič novega.
Mi smo to že storili.
Torej, tukaj imamo HTML in lahko postavimo stvari v notranjosti tukaj.
Lahko imamo našo gumb.
In kot sem že rekel, je to ni nujno, da bo delovalo.
Zakaj bi to ne deluje?
Zakaj ne bomo dobili našo Lepo, barvita gumb?
>> OBČINSTVO: Ker ga niso povezali k projektu Bootstrap ali datoteko?
Neel Mehta: Da.
Pravilno.
Ker Bootstrap-- je samo fancy CSS datoteko.
To je serija stilov, ki so pritrjeni na vaše elementov.
Tu smo jo povedali, da smo želite uporabiti te sloge.
Bom velikost, da se malo.
Smo jo povedali želimo uporabiti ti stili, vendar ne bomo nikoli
je povedal, kaj so slogi so.
In to je, kaj je tvoj Vprašanje je prej bilo.
To je odgovor na to.
Moramo najti način, da bi dobili sloge in jih vključiti v našo stran na nek način.
In tako Bootstrap volja nam pokaže, kako to storiti.
>> Torej, če greš na vrh tukaj, Getting Started.
Obstaja več načinov, da jo naložite.
To ne bi bilo smiselno nujno.
Bootstrap-- to bo pustil ste zgrabi sam CSS datoteko.
In ga vključiti v svojo lastno stran.
Izvorna koda je, če želite vdreti na njej sami.
Vi ne potrebujete to res.
Sass je jezik da pripravlja v CSS.
Think of it kot Preprocessor.
Podobno kot PHP je Predprocesor od HTML, Sass je Predprocesor za CSS.
Torej, če želite, da to storite na ta način, lahko to storite.
>> Najlažji način je z uporabo CDN, ali dostava vsebine omrežja.
To je spletna stran, ki pravkar služi up kopijo Bootstrap
zelo hitro, za vas, da vključujejo v svoje strani.
Torej, tukaj je primer.
To vam bom dal to povezavo elementa.
Povezava element pove brskalnik sprejeti vse potrebne datoteke so shranjene tukaj
in jo vključujejo v naši spletni strani.
In v tem primeru je to CSS datoteka Bootstrap.
Torej bomo samo kopirajte ta URL, ali da besedilo in ga bomo vrgli v notranjosti
naše glave.
>> In jaz se ne bo zagnal stran za to, vendar lahko zaupate, da to deluje.
Povezava boste dobili CSS.
Ga vključite v vašem stran in potem boste
sposobni uporabljati vse Bootstrap Razredi, ki jih poznate in ljubezen.
Če želite, da ostane na lokalni ravni in ga imate na vašem datotečnem sistemu
Namesto da bi šel do internet, da ga zgrabi,
všeč, če želite, da uporabite spletno stran brez povezave,
lahko uporabite možnost prenosa.
Toda v večjem delu, z uporabo CDN je precej hitro, ker na ta način,
to je posodablja tudi za vas.
Moraš ga posodobiti ročno bodisi.
Ima smisel?
>> Torej, veliko orodij bosta to zgradili v privzeto. V vašem Pset7 in Pset8,
Verjamem Bootstrap je samodejno vključi.
In v CodePen, za Na primer, to je že
vključene, ker I Dodana dodati to nastavitev.
Torej, če si kdaj želeli igrati okrog z njim, lahko greš na CodePen,
ali pa pojdite na vašem ID, ali karkoli.
In boste morda lahko Dostop Bootstrap tam,
vendar to ni vedno zgrajena v privzeto na spletu.
Ima smisel?
>> Da.
tako kot recap-- imamo kot pet minut tekme.
Ampak kot Rekapitulacija, na novih spletnih straneh, lahko vključujejo Bootstrapa takole.
In ko imate vključen, lahko narediš vse zabavne stvari se tukaj.
Lahko greš naprej, in si lahko samo seznanijo z vsebino CSS, lahko dodate nekaj kul sloge,
lahko imate komponente kot so gumbi,
in mize, in seznam postavke, ki smo jih omenili.
Tukaj je nekaj kul JavaScript plugins, ki boste morda želeli raziskati.
Dodajajo nekaj kul interaktivnost na spletni strani.
Kot je ta naredi modalno dialog.
>> Torej je nekaj zabavne stvari lahko to storite z Bootstrap.
Torej moj nasvet je iti naprej in jo uporabite v svojih projektih,
sledite navodilom smo pravkar storil, kako ga dobiti,
in samo prebrati Bootstrapa, ker je boste izvedeli več o tem, kaj storiti.
In tako smo šli več, je danes, kako uporabljati
dokumentacija, kakšna stavba bloki so, in kako je konceptualno.
Torej, zdaj je moj izziv za vas je, narediti spletno stran z uporabo Bootstrapa.
Pojdite v docs.
In uporabljati orodja, ki smo jih naučil tako daleč, da poskusite in jih razčleniti
in jih razumejo.
In uporabo teh stilov in orodja vidite tam v vašo spletno stran.
In to je samo velika, Eksperimentalni postopek.
>> Preizkusite določen stil.
Ali deluje?
Ali ne?
Poskusite dajanje stvari skupaj.
Poglejte, kaj se dogaja.
To je zelo veliko self voden, odkritje proces.
Ampak danes, smo se naučil zelo osnove, kar je Bootstrap?
Zakaj ne deluje?
Kako deluje?
Kako začeti uporabljati je, v prvi vrsti?
In zdaj, da ste *** to grba, si
bi morali imeti možnost, da to storite precej gladko sami.
>> Torej še enkrat, vse koda smo naredili, je tu.
Torej, če si kdaj želeli da bi dobili krtačo gor na,
všeč, kaj hitro goljufija list za vse sloge?
Lahko greš v ta vzorec tukaj.
Imamo nekaj primerov sloge tukaj.
Če želite, da poskusite izzivi, spet po sebi,
jih lahko poskusite tukaj in odjaviti rešitve.
Tako da bo ta povezava bo vključene na straneh, ki
bo poslano ven, da vas seveda.
Vendar je tudi tu gor.
Lahko ustavite video, če želite.
Vse informacije, ki jih potrebujete, je bo prav tukaj, na tej spletni strani.
Torej, če ima kdo kakšno vprašanje, smo lahko jih bo v naslednjih nekaj minutah.
Sicer pa hvala vsem zelo veliko za gledanje.