Kynning til vefur þróun

Til baka í dag minn (OK, fyrir dag minn), starfsgrein vefur verktaki var lágt einn. Það sæti fyrir neðan hvolpur hater en umfram Yankees aðdáandi á mælikvarða faglega heiður. Vegna öllum merkjunum og gagnsæi spacer myndum sem við notuðum, við vorum talin grófur tölvusnápur með ekkert vit fagurfræði.

Jæja, við gætum enn verið ábótavant í fagurfræðilegu skilningi, en eins og vefnum hefur þróað svo hefur starfsgrein vefur verktaki. Þessa dagana eru óteljandi verkfæri sem við getum notað til að gera vel skrifuð, staðla í samræmi, og fallegur (OK, kannski ekki það síðasta einn) vefsíður. Flest af the mikill vefsíður sem þú notar í dag (shameless stinga: að meðtöldum this einn) eru byggð að nota þessi verkfæri.

Stór hópur okkar af verkfærum á enda vafranum hafa leyft okkur að búa til hluti á vefnum sem voru ólýsanlega bara 10 árum, svo sem óteljandi félagslegur net krafa til vera the bestur vegur til sóa tíma þínum, “heitt” Tech gangsetning segjast hafa gjörbylta eitthvað sem þegar hefur verið gert þúsund sinnum, og Angry Fuglar einrækt segjast vera aðeins örlítið verri en sú upprunalega. Allt á vefnum. Svo kannski þessi tól hefur ekki farið til hinn mesti notkun.

Svo hvað eru þessir ótrúlega verkfæri sem ég hef verið að tala um? Leiðandi leið hefur verið (hreinskilnislega furðulegur) tungumál kallast HTML5, CSS3, og JavaScript, sem ég viðurnefni 3 riddarar af webocalypse. Villutrú 'a líta á hvert og eitt:

HTML

HTML (rétt þekktur sem HyperText Markup Language; þú getur séð hvers vegna fólk sem vilja ekki að líta illa bara að nota skammstöfun) er tungumál er notað til að leggja út vefsíður. Hægri-smelltu á þessa síðu og smelltu “Skoða Source”. Það er HTML sem þessa síðu notar.

Í meginatriðum, HTML er fullt af Tags, sem vafrinn túlkar og leggur fram. Til dæmis, líta á þetta HTML kóða:

<p>Ég veit ekki um þig, en ég eins og að styðja á takka.</p>

<br>

<hnappur>Smelltu mig!</hnappur>

Þessi HTML kóða er texta vafinn í málsgrein (á <p> tag byrjar málsgrein, á </p> tag endar málsgrein.) Það er lína brot (á <br>) og þá á hnappinn sem þú getur smellt á til að efni hjarta þíns. Vafrinn þinn mun leggja það út á skjánum fyrir þig.

Svo er það allt vel og gott. En ef þú hefur ekkert annað en HTML, you get a webpage that looks like it came straight out of the 1990’s. Ekki mikið gott kom út úr því áratug samt (hairstyles, tónlist, o.fl.) En bíddu! Það er meira!

CSS

Annar skammstöfun. Sumar. CSS stendur fyrir Cascading Style Sheets, sem er a hluti af a misnomer þar sem þeir gera ekki raunverulega Cascade (hvað sem það þýðir… það er tölva númer, ekki foss!) CSS er tungumál er notað til að stíl vefsíðum. Þetta, of, er túlkuð af vafranum þínum.

CSS og HTML vinna saman – HTML gerir skipulag síðunnar, CSS gefur það hæfileiki hennar. Ímyndaðu þér að byggja hús: HTML veitir drab en nauðsynlegar tré ramma, CSS bætir neon litum og quirky húsgögn.

CSS er laglegur einfaldur tungumál: í tiltekinn HTML merki (eins og málsgrein), þú getur tilgreint gildi fyrir ýmis stíl bekkjum. Vafrinn þinn mun lesa CSS og eiga það til allra passa HTML tags. Til dæmis:

p {

litur: rauður;

font-size: 16px;

}

Svo hvert lið (efni í HTML <p> Tags) mun hafa rauður leturgerð og vera 16 punktar að stærð. Ef þú tekið eftir, þetta eru nokkrar af sömu stíll sem þú getur notað í Microsoft Word og öðrum forritum.

Svo nú vefsíður eru sett fram og þeir líta frekar. En hér er málið: það er allt sem þeir gera. Þeir sitja bara þarna og líta nokkuð. Sem er frábært og allt, en notendur á vefnum vilja meira. Þeir vilja ímynda fjör. Þeir vilja pop-ups (OK, kannski þeir gerðu aftur í 2002, en ég út fyrir efnið.) Þeir vilja hnappa sem mun gera efni þegar þú smellur á þá.

Um það síðasta – það er málið. Þú getur gert <hnappur> í HTML, og þú getur smellt á það alla vikuna, en það er ekki að gera neitt hvenær sem er bráðum. Ef þú vilt á hnappinn til að, ó ég veit ekki, færa fíl yfir skjáinn og ráðast eitthvað, then you need something more.

JavaScript

JavaScript er ekki skammstöfun, ef þú varst að spá. Þeir kölluðu það JavaScript því það leit út eins og forritunarmál sem kallast Java, sem er skrítið því það er ekki. Engu að síður, JavaScript er a proper programming language that causes all the dynamic effects þú sérð á vefnum.

Eins og allir forritunarmál, JavaScript er röð af skipunum sem gera breytur og nota virka. The kaldur hluti óður JavaScript (vel, as cool as a programming language can be) is that you can access those HTML elements (like paragraphs and buttons) and CSS styles (like font color and size) and change them. Look at this code:

var paragraph = $(‘p’);

paragraph.css(‘color’,’blue’);

This JavaScript code will find all the paragraphs on the page – á $ sign tells the browser to find all matching elements, and the ‘p’ means it needs to choose paragraphs (remember the <p> element from HTML?) Then you can store the paragraphs to a variable, and the command the browser to change their color CSS style to blár.

Hvað finnst mér áhugavert (aftur, þetta er allt frá sjónarhóli a “webdev”) er hversu glæsilegur þremur tungumálum vinna saman. Þessi síðasta lína af JavaScript unnu með HTML síðunnar og CSS notað til að stíl það. Það er ekki eins þessi tungumál eru bara mismunandi hluti af sama – Þeir eru einn og sami, mismunandi hliðar á sama ótrúlega vél.

Hljóð heillandi? Ég held að það gerir. Það er bara hluti af fegurð á vefnum.