Web garapenerako sarrera bat

Nire eguna atzera (Ados, nire egun lehenago), web developer lanbidearen txikiko bat izan zen. Sailkapenean puppy hater azpitik baina Yankees fan gainetik da ohore profesionala eskala. Etiketa guztiak eta gardentasuna spacer irudiak erabiltzen dugu delako, no estetika zentzu gordin hacker gisa ikusten ginen.

Beno, dugu oraindik ere zentzu estetiko falta, baina amaraunean garatu du, beraz, web developer lanbidearen ditu. Egun hauek ez dira hainbat eta hainbat tresna ondo idatzitako egiteko erabili ahal izango dugu, estandarrak egokitua, eta ederra (Ados, inork ez agian hori azken) web orriak. Gaur egun erabiltzen dituzun webgune handi gehienak (lotsagabeak plug: hau barne) Tresna horiek erabiliz eraikitzen diren.

Gure nabigatzailearen muturrean tresna bevy web duten pentsaezinak ziren gauzak sortu ahal izan da, besterik gabe 10 Duela urte, hala nola, sare sozialak ugari zure denbora alferrik modurik onena izan eskatuz, “beroa” teknologiako startups duten dagoeneko egin mila aldiz zerbait irauli erreklamatzeko, eta Angry Birds klonak bakarrik pixka jatorrizkoa baino txarragoa izango erreklamatzeko. Guztiak webean. Beraz, agian, tresna horiek ez dute erabilera handiena joan.

Beraz, zer dira tresna horiek harrigarriak izan dut buruz hitz egiten? Modu liderra izan dira (Egia harrigarria) HTML5 izeneko hizkuntzak, CSS3, eta Javascript, I goitizena 3 webocalypse du zaldizko. Hemen bakoitzak begirada bat:

HTML

HTML (ongi gisa Hipertestua Markatzeko Lengoaia ezagutzen; Ikusten duzun zergatik ez duten nahi txarra begiratu pertsona besterik siglak erabili) da finkatzeko web orriak erabiltzen den hizkuntza. Eskuin-klik orri honetan eta klikatu “Kodea ikusi”. Duten duten orri hau erabiltzen HTML da.

Funtsean, HTML sorta bat da tags, Horrek nabigatzailea interpretatzen eta planoan. Adibidez, HTML kode hau begiratzen:

<p>Ez dut zuri buruzko jakin, baina presionatzeko botoiak gustatzen zait.</p>

<br>

<botoia>Egin klik ni!</botoia>

HTML kode hau testua paragrafo batean bilduta (, <p> Etiketa paragrafo bat hasten, , </p> Etiketa paragrafo bat bukatzen da.) Ez da lerro-jauzi baten (, <br>) eta ondoren botoi bat dezakezu zure bihotza eduki sakatu. Zure nabigatzaileak da etzan egingo pantailan zuretzat.

Beraz, guztiak ondo eta ona. Baina bada HTML baina ezer ez duzu, you get a webpage that looks like it came straight out of the 1990’s. Ez asko onak hamarkada horretan atera zen hala ere (orrazkera, Musika, eta abar) Baina itxaron! Ez dago gehiago!

CSS

Siglak beste. Udan. CSS stands Cascading Style Sheets, hau da misnomer bat apur bat geroztik ez dute ez da-jauzi (edozein dela ere, bide horretan… da ordenagailua kodea, ez ur-jauzia!) CSS da Erabilitako hizkuntza estilo web orrietarako. Honetan, gehiegi, Zure nabigatzaileak interpretatu.

CSS eta HTML lana elkarrekin – HTML orriaren diseinua egiten, CSS bere flair ematen dio. Imajinatu etxe bat eraikitzeko: HTML drab baina beharrezkoa egurrezko marko eskaintzen, CSS the neon koloreak eta quirky altzariak gehitzen.

CSS nahiko erraza hizkuntza bat da: HTML etiketa jakin bat (paragrafo bat bezala), hainbat estilo klaseak balioak zehaztu dezakezu. Zure nabigatzaileak CSS irakurriko eta aplikatu bat datorren XHTML etiketa guztiei. Adibidez:

p {

kolorea: gorria;

font-size: 16px;

}

Paragrafoan beraz, behin (HTML stuff <p> tags) izango dute gorria Letra eta be 16 tamaina pixel. Nabaritu baduzu, horiek dira estilo bera dezaket Microsoft Word-en erabiltzen dituzun batzuk eta beste aplikazio.

Beraz, gaur egun zure web-orriak banatuta dauden eta nahiko begiratzen dute. Baina hemen gauza: hori egiten duten guztiak. Eseri besterik ez dute eta begiratu pretty. Hau da, handia eta guztiak, baina web erabiltzaileek nahi gehiago. Fancy animazioak nahi dute. Pop-up nahi dute (Ados, agian atzera egin dute 2002, baina digress dut.) Duten gauzak egingo denean horiek klik egitean botoiak nahi dute.

Azkena buruz – duten arazo bat da. Bat egin dezakezu <botoia> HTML, eta klik egin dezakezu aste guztian, baina ez da ezer edonoiz laster egiten. Botoia nahi baduzu, oh ez dakit, mugitu zure elefante pantailan zehar eta zerbait eraso, then you need something more.

Ikusteko Javascript-a

Ikusteko Javascript-a da Ez akronimoa, galdetzen balira. Javascript-a deitzen zioten Java izeneko programazio lengoaia bezala begiratu delako, hau da, arraro ez du kausa da. Hala ere, Ikusteko Javascript-a da a proper programming language that causes all the dynamic effects web orrian ikusten duzun.

Edozein programazio lengoaia bezala, Ikusteko Javascript-a da aldagaiak osatzen duten eta erabili funtzio komando multzo bat. JavaScript buruz cool zatia (ongi, 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 urdina.

Zer interesgarria iruditzen zait (berriro, hau da, guztiak baten ikuspuntutik “webdev”) Dotorea da nola hiru hizkuntza horiek elkarrekin lan. JavaScript azken lerroa duten orriaren HTML elkarreragin eta estilo erabili CSS du. Ez da hizkuntza horiek besterik ez gauza bera osagai desberdinak dira – bat eta bera ari dira, harrigarria makina bereko aldeak.

Soinu liluragarriak? Gertatzen dela uste dut. Hori da web edertasuna zati besterik.