Réamhrá ar forbairt gréasáin

HTML 5 logo on an iPhone smartphone with app icons around it in a cloud
Fáilte chuig an ngréasán.

Ar ais i mo lá (OK, roimh mo lá), Ba ghairm an bhforbróir gréasáin íseal amháin. Rangaithe sé faoi bhun hater puppy ach thar lucht leanúna Yankees ar an scála onóir gairmiúla. Mar gheall ar na clibeanna agus íomhánna spacer trédhearcacht a úsáid le linn, Cuireadh feicthe againn mar hackers amh gan aon tuiscint ar aeistéitic.

Bhuel, is féidir linn a bheith fós ann i ciall aeistéitiúla, ach de réir mar tá forbairt an nGréasán sin tá an ghairm an bhforbróir gréasáin. Tá na laethanta uirlisí countless féidir linn a úsáid chun a dhéanamh dea-scríofa, caighdeáin mí-nádúrtha, agus álainn (OK, b'fhéidir nach bhfuil ceann deireanach) leathanaigh ghréasáin. An chuid is mó de na láithreáin ghréasáin mór úsáideann tú inniu (breiseán shameless: lena n-áirítear an ceann seo) a tógadh úsáid as na huirlisí.

Ár bevy uirlisí ar deireadh an bhrabhsálaí tá cead dúinn chun rudaí a chruthú ar an ngréasán go raibh teora díreach 10 bliain ó shin, cosúil le líonraí sóisialta countless éileamh a bheith ar an mbealach is fearr le dramhaíl do chuid ama, “te” startups ardteicneolaíochta a éilíonn go bhfuil revolutionized rud atá déanta cheana féin míle uair, agus Cluain Eois Éin Angry éileamh a bheith ach beagán níos measa ná an bunaidh. Gach ar an ngréasán. Mar sin, b'fhéidir nach bhfuil na huirlisí imithe go dtí an mó de na húsáidí.

Mar sin, cad iad na huirlisí iontach Tá mé ag caint faoi? Ceannaireacht ar an mbealach a bheith ar an (frankly iontach) teangacha a dtugtar HTML5, CSS3, agus JavaScript, a bhfuil mé leasainm an 3 horsemen an webocalypse. Seo Féach ar gach ceann:

HTML

HTML (ar a dtugtar i gceart mar Hipirtéacs Markup Language; Is féidir leat a fheiceáil cén fáth daoine nach bhfuil ag iarraidh chun breathnú olc a úsáid ach an acrainm) Is é an teanga a úsáidtear leathanaigh ghréasáin a leagan amach. Right-click on an leathanach agus cliceáil “View Source”. Sin an HTML a úsáideann an leathanach seo.

Go bunúsach, Tá HTML a bunch clibeanna, a bhfuil an bhrabhsálaí léirmhíníonn agus a leagann amach. Mar shampla, breathnú ar an Cód HTML:

<p>Níl a fhios agam faoi agat, ach is maith liom cnaipí cnaipe.</p>

<br>

<cnaipe>Cliceáil orm!</cnaipe>

Tá an cód HTML téacs fillte i mír (an <p> Tosaíonn chlib mhír, an </p> Críochnaíonn chlib mhír.) Níl sos líne (an <br>) agus ansin an cnaipe is féidir leat cliceáil do chroí-ábhar. Dearbhófar do bhrabhsálaí a leagan amach ar an scáileán ar do shon.

Mar sin tá go léir go maith agus dea-. Ach má tá tú rud ar bith ach HTML, you get a webpage that looks like it came straight out of the 1990’s. Nach bhfuil i bhfad maith a tháinig amach as an deich mbliana ar aon nós (stíleanna gruaige, ceol, etc) Ach go fóill! Níl níos mó!

CSS

Acrainm eile. Samhraidh. Seasann CSS do Stílbhileoga Cascáideacha, a bhfuil beagán de misnomer toisc nach bhfuil siad i ndáiríre easghluaiseachta (is cuma cad a chiallaíonn… tá sé cód ríomhaire, Ní eas!) Is é CSS an teanga a úsáidtear chun leathanaigh ghréasáin stíl. Seo, ró-, atá arna léiriú ag do bhrabhsálaí.

CSS agus HTML obair le chéile – Déanann HTML an leathanaigh leagan amach, CSS dtugann sé a urlár. Samhlaigh ag tógáil tí: Soláthraíonn HTML an creat adhmaid drab, ach is gá, CSS Cuireann na dathanna neon agus troscán quirky.

CSS Is teanga deas simplí: do tag áirithe HTML (cosúil le mír), Is féidir leat a luachanna do ranganna stíl éagsúla a shonrú. Dearbhófar do bhrabhsálaí a léamh ar an CSS agus feidhm aige maidir leis na clibeanna HTML meaitseáil. Mar shampla:

p {

dath: dearg;

font-size: 16px;

}

Mar sin, gach mír (stuif sa HTML <p> clibeanna) beidh dearg cló agus a bheith 16 picteilín i méid. Má tá tú faoi deara, is iad seo roinnt de na stíleanna céanna is féidir leat é a úsáid i Microsoft Word agus iarratais eile.

Mar sin, anois do leathanaigh ghréasáin atá leagtha amach agus táim ag siad go leor. Ach anseo an rud: go léir a dhéanann siad. Siad ach suí ansin agus cuma deas. Cé acu is mór agus go léir, ach úsáideoirí an idirlín ag iarraidh níos mó. Tá siad ag iarraidh beochan mhaisiúil. Tá siad ag iarraidh pop-ups (OK, b'fhéidir rinne siad ar ais i 2002, ach digress mé.) Tá siad ag iarraidh cnaipí a dhéanamh stuif nuair a chliceálann tú ar iad.

Maidir go ceann deireanach – go saincheist. Is féidir leat a dhéanamh <cnaipe> i HTML, agus is féidir leat cliceáil air gach seachtain, ach nach bhfuil sé ag déanamh rud ar bith aon am go luath. Más mian leat an gcnaipe chun, OH níl a fhios agam, gluaiseacht do eilifint ar fud an scáileán agus rud éigin a ionsaí, ansin is gá duit rud éigin níos mó.

JavaScript

Tá JavaScript Is acrainm, má bhí tú ag wondering. Ar a dtugtar siad é JavaScript gheall ar d'fhéach sé cosúil leis an teanga cláir Java a dtugtar, atá aisteach faoi deara nach ndéanann sé. Ar aon nós, Tá JavaScript teanga cláir ceart go n-eascraíonn go léir na hiarmhairtí dinimiciúla fheiceann tú ar an ngréasán.

Cosúil le aon teanga cláir, Tá JavaScript sraith na n-orduithe a dhéanamh agus feidhmeanna athróg a úsáid. An chuid fionnuar faoi JavaScript (go maith, chomh fionnuar agus is féidir le teanga cláir a) é gur féidir leat teacht ar na heilimintí HTML (cosúil le míreanna agus cnaipí) agus stíleanna CSS (cosúil le dath cló agus méid) agus iad a athrú. Féach ar an gcód seo:

D'fhéadfadh mír a bheith; $('P');

paragraph.css('Dath','Gorm');

Beidh an cód JavaScript teacht ar na míreanna ar an leathanach – an $ Insíonn comhartha an bhrabhsálaí chun teacht ar na heilimintí go léir a mheaitseáil, agus an 'p’ ciallaíonn mór é a míreanna a roghnú (cuimhneamh ar na <p> eilimint ó HTML?) Ansin, is féidir leat a stóráil na míreanna ar athróg, agus an t-ordú an bhrabhsálaí a athrú a stíl CSS dath a gorm.

Cad a bhfaighidh mé suimiúil (arís, Is é seo go léir ó thaobh a “WebDev”) é an chaoi elegantly ag obair trí theanga le chéile. Sin an líne dheireanach na JavaScript idirghníomhú leis an leathanach HTML agus CSS a úsáidtear chun stíl sé. Níl sé cosúil go bhfuil na teangacha ach comhpháirteanna éagsúla ar an rud céanna – tá siad ar cheann agus mar an gcéanna, thaobh éagsúla an meaisín iontach céanna.

Fuaim suimiúil? I mo thuairimse, a dhéanann sé. Sin díreach cuid de na áilleacht an ngréasán.

Published by

Neel Mehta

Harvard College. Web developer. Sometime philosopher. Baseball junkie.

One thought on “Réamhrá ar forbairt gréasáin”

  1. WOW Bhí ionadh orm a fháil amach go bhfuil u scríobh sé, post maith go bhfuil sé ar luaidhe deas isteach dom sula dtéann liom a paicéid cláir gréasáin Sawyer.

Leave a Reply