Enkonduko al araneaĵa evoluado

Reen en mia tago (OK, Antaŭ ol mia tago), La profesio de araneaĵa ellaboranto estis malalta unu. Ĝi rangis sub hundido hater sed supra Usonana fervorulo sur la skalo de profesia honoro. Pro ĉiuj la etikedoj kaj malkaŝemeca interaĵo bildoj ni uzis, Ni estis vidita kiel kruda hackers kun neniu sento de estetiko.

Puto, Ni ankoraŭ povas esti mankantaj en estetika sento, Sed kiel la Araneaĵo evoluigis sekve havas la profesion de araneaĵa ellaboranto. Ĉi tiuj tagoj estas nenombreblaj iloj ni povas uzi fari bone-skribita, Normoj-konformiĝanta, Kaj bela (OK, Eble ne tiu lasta unu) Retpaĝoj. Plejparto de la grandaj retejoj vi uzas hodiaŭ (Senhonta ŝtopilo: Inkluzivanta ĉi tiu unu) Estas konstruita uzanta ĉi tiujn ilojn.

Nia bevy de iloj sur la retumilo’s fino permesis nin krei aferojn sur la araneaĵo kiu estis neimagebla nura 10 Jaroj antaŭe, Kiel nenombreblaj sociaj retoj asertanta esti la plej bona vojo malŝpari vian tempon, “Varma” Tech noventreprenoj asertanta revolucii ion kiu’s jam estita farita mil fojoj, Kaj Koleraj Birdoj klonas asertanta esti nur iomete pli malbona ol la originalo. Ĉiuj sur la araneaĵo. Tiel eble ĉi tiu ila rifuĝejo’t irita al la plej granda de uzoj.

Do kio estas ĉi tiuj mirindaj iloj I’ve estita parolanta proksimume? Gvidanta la vojon estis la (Malkaŝe miranta) Lingvoj vokis HTML5, CSS3, Kaj JavaScript, Kiu I kromnomo la 3 Horsemen de la webocalypse. Ĉi tie’s rigardi ĉiu unu:

HTML

HTML (Konvene sciita kiel HyperText Markup Lingvo; Vi povas vidi kial homojn kiu surmetas’t deziras rigardi malbone nur uzi la akronimon) Estas la Lingvo uzita meti ekstere retpaĝojn. Ĝusta-klako sur ĉi tiu paĝo kaj klako “Vida Fonto”. KE’s la HTML ke ĉi tiuj paĝaj uzoj.

Esence, HTML estas aro de Etikedoj, Kiu la retumilo Interpretas kaj elmetas. Ekzemple, Rigardi ĉi tiun HTMLan kodon:

<P>Mi surmetas’t scias pri vi, Sed mi ŝatas premanta butonojn.</P>

<Br>

<Butono>Klaki min!</Butono>

Ĉi tiu HTMLa kodo havas tekston volvita en alineo (La <P> Etikedo komencas alineon, La </P> Etikedo finas alineon.) Tie’s linia rompiĝo (La <Br>) Kaj tiam butono vi povas klaki al via koro’s enhavo. Via retumilo metos ĝin ekstere sur la ekrano por vi.

Por ke’s ĉiuj puto kaj bona. Sed se vi havas nenion sed HTML, you get a webpage that looks like it came straight out of the 1990’s. Ne tre bone eliris de tiu jardeko ĉiuokaze (Hairstyles, Muziko, Ktp.) Sed atendo! Tie’s pli!

CSS

Alia akronimo. Yay. CSSaj starejoj por Kaskadanta Stilajn Foliojn, Kiu estas iom de misnomer pro tio ke ili surmetas’t vere kaskado (Kio ajn kiu signifas… Ĝi’s komputila kodo, Ne akvofalo!) CSS estas la Lingvo uzita al stilo webpages. Tio ĉi, Tro, Estas interpretita de via retumilo.

CSS kaj HTMLa laboro kune – HTML faras la paĝon’s plano, CSS donas ĝin ĝia talento. Imagi konstruanta domon: HTML provizas la senkoloran sed necesa ligna kadro, CSS aldonas la neonajn kolorojn kaj idiosinkrazia meblo.

CSS estas sufiĉe simpla lingvo: Por certa HTMLa etikedo (Kiel alineo), Vi povas specifi valorojn por diversaj stilaj klasoj. Via retumilo legos la CSS kaj apliki ĝin al ĉiuj la egalaj HTMLaj etikedoj. Ekzemple:

P {

Koloro: Ruĝa;

Fonto-grandeco: 16Px;

}

Do ĉiu alineo (Aĵo en la HTML <P> Etikedoj) Havos Ruĝa Fonto kaj esti 16 Pikseloj en grandeco. Se vi rimarkis, Ĉi tiuj estas kelkaj de la samaj stiloj vi povas uzi en Microsoft Vorto Kaj aliaj aplikoj.

Tiel nun via webpages estas elmetita kaj ili rigardas sufiĉe. Sed ĉi tie’s la afero: KE’s ĉiuj ili fari. Ili nur sidas tie kaj rigardi sufiĉe. Kiu estas granda kaj ĉiuj, Sed uzantoj de la araneaĵo deziras pli. Ili deziras elegantajn vivecojn. Ili deziras popmuzikon-ups (OK, Eble ili faris reen je 2002, Sed mi digress.) Ili deziras butonojn kiu faros ŝtopi kiam vin klakas sur ili.

Pri tiu lasta unu – KE’s afero. Vi povas fari <Butono> En HTML, Kaj vi povas klaki ĝin ĉiuj semajno, Sed ĝi’s ne faranta ion ajn ajna tempo baldaŭ. Se vi deziras la butonon al, Oh mi surmetas’t scias, Movi vian elefanton trans la ekrano kaj ataki ion, then you need something more.

JavaScript

JavaScript estas Ne Akronimo, Se vi estis scivolanta. Ili vokis ĝin JavaScript ĉar ĝi similis la programaran lingvon vokis Java, Kiu estas stranga afero ĝi doesn’t. Ĉiuokaze, JavaScript estas a proper programming language that causes all the dynamic effects Vi vidas sur la araneaĵo.

Kiel ajna programara lingvo, JavaScript estas Serio de komandoj kiu faras variables kaj uzaj funkcioj. La freŝa parto pri JavaScript (Puto, Kiel freŝa kiel programara lingvo povas esti) Estas ke vi povas aliri tiujn HTMLajn elementojn (Kiel alineoj kaj butonoj) Kaj CSSaj stiloj (Kiel fonta koloro kaj grandeco) Kaj ŝanĝi ilin. Rigardi ĉi tiun kodon:

Var alineo = $(‘p’);

Alineo.Css(‘koloro’,’blue’);

Ĉi tiu JavaScript kodo trovos ĉiuj la alineoj sur la paĝo – La $ Signo diras la retumilon trovi ĉiuj egalaj elementoj, Kaj la ‘p’ Signifas ĝin devas elekti alineojn (Memori la <P> Elemento de HTML?) Tiam vi povas enteni la alineojn al varia, and the command the browser to change their color CSS style to Blua.

Kio mi trovas interesanta (Denove, Tio ĉi estas ĉiuj de la vidpunkto de “Webdev”) Estas kiel elegantly la tri lingvoj laboras kune. KE lasta linio de JavaScript interrilatita kun la paĝo’s HTML kaj la CSS uzita al stilo ĝi. Ĝi’s ne ŝatas ĉi tiujn lingvojn estas nur malsamaj eroj de la sama afero – Ili’re unu kaj la sama, Malsamaj flankoj de la sama mirinda maŝino.

Soni fascinanta? Mi pensas ĝin faras. KE’s nura parto de la beleco de la araneaĵo.