Uvod v razvoj spletnih

Nazaj v moj dan (OK, pred moj dan), poklic spletni razvijalec, je bil nizek ena. Uvrščen pod puppy Raziskovalec ampak predvsem Yankees ventilator na lestvici poklicne časti. Zaradi vse oznake in preglednost distančnih slik smo uporabili, smo bili videti kot surove hekerji brez občutka estetike.

Dobro, smo lahko še vedno premalo estetskem smislu, ampak kot je spletna razvil ima tako poklic spletni razvijalec. Te dni, obstaja nešteto orodja, ki jih lahko uporabite, da bi dobro napisana, Standardi oporečni, in lepa (OK, morda pa tudi ne, da je zadnja) spletne strani. Večina velikih spletnih strani, ki jih uporabljate danes (Sramota čep: vključno s to) so zgrajene z uporabo teh orodij.

Naše Društvo orodij na koncu brskalnika so nam omogočili ustvariti stvari na spletu, ki so nepredstavljivo pravkar 10 Pred leti, kot nešteto socialnih omrežij trdijo, da so najboljši način, da zapravljajo svoj čas, “vroče” tech ustanavljanjem ki trdijo, da so revolucionarno nekaj, kar je že bilo narejeno že tisočkrat, in Angry Birds klone, ki trdijo, da je le nekoliko slabši od originala. Vse na spletu. Mogoče so ta orodja niso šli v največji uporab.

Torej, kaj so te neverjetne orodja, s katerimi sem govoril o? Vodilni način so bili (odkrito neverjetno) jeziki imenovani HTML5, CSS3, in JavaScript, ki sem vzdevek 3 jezdeci webocalypse. Tukaj je pogled na vsako od:

HTML

HTML (znan kot HyperText Markup Language; lahko vidite, zakaj ljudje, ki ne želijo videti slabo uporabite samo kratico) je jezik za postavitev spletne strani. Desni klik na tej strani in kliknite “View Source”. To je HTML, da ta stran uporablja.

V bistvu, HTML je kup Oznake, kateri brskalnik interpretira in, določa. Na primer, poglej te kode HTML:

<p>Ne vem o tebi, ampak mi je všeč pritiskanje gumbov.</p>

<br>

<Gumb>Klikni me!</Gumb>

Ta HTML koda je besedilo zaviti v odstavku (the <p> tag začne odstavek, the </p> tag konča odstavek.) Tam je prelom vrstice (the <br>) in nato tipko lahko kliknete na vsebino vaše srce. Vaš brskalnik bo razpostavite na zaslonu za vas.

Tako da je vse lepo in prav. Toda, če imate nič drugega kot HTML, you get a webpage that looks like it came straight out of the 1990’s. Ne preveč dobro prišel iz tega desetletja nekako (pričeske, Glasba, itd) Toda počakaj! Še več!

CSS

Še ena kratica. Poletje. CSS je kratica za Cascading Style Sheets, ki je malo napačno ime, saj v resnici ne širijo (karkoli že to pomeni… to je računalniška koda, ni slap!) CSS jezik za stil spletnih strani. To, preveč, razlagajo v vašem brskalniku.

CSS in HTML delo skupaj – HTML naredi postavitev strani, v, CSS ji daje pridih. Predstavljajte si, gradnja hiše: HTML zagotavlja sivo, vendar potrebnih lesen okvir, CSS dodaja neonskih barv in quirky pohištvo.

CSS je precej enostavna jezik: za določeno oznako HTML (kot odstavkom), lahko določite vrednosti za razrede različnih slogov. Vaš brskalnik bo prebral CSS in ga uporablja za vse oznake za ujemanje HTML. Na primer:

p {

barva: rdeča;

font-size: 16px;

}

Zato je vsaka točka (stvari v HTML <p> Oznake) bo imela rdeča pisave in se 16 pik. Če ste opazili,, To so nekatere iste sloge lahko uporabite v Microsoft Wordu in druge aplikacije.

Torej, zdaj so vaše spletne strani razporejene in so videti precej. Ampak tukaj je stvar: to je vse, kar so storili. Ti samo sedi tam in lepa. Kar je super in vse, vendar uporabniki spleta želijo več. Želijo fancy animacij. Želijo pojavna okna (OK, morda so to storili že leta 2002, ampak jaz vstran kreniti.) Želijo gumbe, ki bo naredil stvari, ko boste kliknili na njih.

O tej zadnji – to je vprašanje. Lahko naredite <Gumb> v HTML, in ga lahko kliknete ves teden, vendar pa ne opravlja nobenega časa, kaj kmalu. Če želite gumb, oh ne vem, premaknete slona po zaslonu in napad nekaj, potem morate nekaj več.

JavaScript

JavaScript je ne akronim, Če ste se spraševali. Poimenovali so jo JavaScript ker se je zdelo, kot programskega jezika Java, imenovano, kar je čudno, ker pa ne. Kakorkoli, JavaScript je Pravilno programski jezik, ki povzroča vse dinamične učinke vidite na spletu.

Kot kateri koli programskem jeziku, JavaScript je niz ukazov, ki omogočajo spremenljivk in uporaba funkcij. Zabaven del o JavaScriptu (dobro, hladen kot lahko programski jezik,) je, da lahko dostopate do te elemente HTML (kot so odstavki in gumbi) in CSS stilov (podobno barvo in velikost pisave) in jih spremenite. Poglej te kode:

var odstavek = $("P");

paragraph.css("Barva","Blue");

Ta koda JavaScript boste našli vse odstavke o strani – the $ Znak pove brskalnik najti vse ujemajoče se elemente, in "p’ pomeni, da mora izbrati odstavke (spomnim <p> element iz HTML?) Potem lahko shranite odstavke na spremenljivko, in ukaz brskalnik spremeniti svojo barvo CSS stil blue.

Kar se mi zdi zanimivo (Ponovno, vse to je z vidika “webdev”) je, kako elegantno so trije jeziki delujejo skupaj. Da je zadnja vrstica JavaScript v interakciji z HTML na strani in CSS se uporablja za to slog. Saj ne, da ti jeziki so le različne komponente iste stvari – oni so ena in ista, različni plati iste neverjetno stroj.

Zveni zanimivo? Mislim, da ne. To je le del lepote spletu.