Introduzzjoni għal web iżvilupp

Lura fil-jum tiegħi (OK, qabel jum tiegħi), il-professjoni ta 'web iżviluppatur kienet waħda baxxa. Hija kklassifikati taħt hater puppy iżda fuq Yankees fan fuq l-iskala ta 'unur professjonali. Minħabba l-tags u stampi spacer trasparenza we użati, aħna kienu meqjusa bħala hackers mhux raffinat bl-ebda sens ta 'estetika.

Well, aħna xorta jistgħu jkunu nieqsa sens estetiku, iżda bħala l-Web żviluppat hekk għandu l-professjoni ta 'web iżviluppatur. Dawn il-ġranet hemm għodda għadd nistgħu nużaw biex jagħmlu sew bil-miktub, standards konformi, u sbieħ (OK, forsi mhux li l-aħħar wieħed) paġni tal-web. Ħafna mill-websajts kbira li tuża llum (plug shameless: inkluża din) huma mibnija bl-użu dawn l-għodod.

Bevy tagħna ta 'għodod fuq il-għan tal-browser jkollhom permess lilna li joħolqu affarijiet fuq il-web li kienu inkonċepibbli biss 10 snin ilu, bħan-netwerks soċjali numerużi li jallegaw li huma l-aħjar mod biex iskart ħin tiegħek, “sħun” fetħu teknoloġija jallegaw li irrevoluzzjonaw xi ħaġa li diġà sar elf darbiet, u kloni Għasafar Angry jallegaw li huma biss ftit agħar mill-oriġinali. Kollha fuq il-web. Allura forsi dawn l-għodod ma marret għall-akbar ta 'użi.

Allura liema huma dawn l-għodod aqwa stajt ġiet jitkellem dwar? Jwassal il-mod kienu l- (franchement aqwa) lingwi msejħa HTML5, CSS3, u JavaScript, li I laqam l- 3 horsemen tal-webocalypse. Hawn ħarsa lejn kull wieħed:

HTML

HTML (magħrufa sew bħala HyperText Markup Language; tista 'tara għaliex nies li ma tixtieq tfittex ħażina biss tuża l-akronimu) hija l- lingwa użata biex jistabbilixxu l-paġni web. Right-click fuq din il-paġna u kklikkja “View Sors”. Dik hija l-HTML li din il-paġna juża.

Essenzjalment, HTML huwa mazz ta ' tags, li l-browser tinterpreta u jistipula. Per eżempju, ħarsa lejn din HTML kodiċi:

<p>I do not know dwarek, imma I simili buttuni ippressar.</p>

<br>

<buttuna>Ikklikkja me!</buttuna>

Dan HTML code jkun test mgeżwra paragrafu (l- <p> tag jibda paragrafu, l- </p> tag jispiċċa paragrafu.) Hemm waqfa linja (l- <br>) u mbagħad buttuna tista 'tagħfas għall-kontenut tal-qalb tiegħek. Browser tiegħek ser jistabbilixxu dan jitwettaq fuq l-iskrin għalik.

Hekk li kollox sew u tajjeb. Imma jekk għandek xejn imma HTML, you get a webpage that looks like it came straight out of the 1990’s. Mhux tajjeb ħafna ħareġ mill-għaxar snin li xorta (hairstyles, mużika, eċċ) Iżda stenna! Hemm aktar!

CSS

Akronimu ieħor. Summer. CSS stands għall- Cascading Style Sheets, li huwa daqsxejn ta 'misnomer peress li dawn ma verament kaskata (tkun xi tkun li l-mezzi… huwa kodiċi tal-kompjuter, mhux kaskata!) CSS huwa l- lingwa użata biex webpages stil. Dan, wisq, huwa interpretat mill-browser tiegħek.

CSS u HTML jaħdmu flimkien – HTML jagħmel tqassim tal-paġna, CSS jagħtiha Flair tagħha. Immaġina bini ta 'dar: HTML jipprovdi l-qafas injam drab imma meħtieġa, CSS żżid l-kuluri neon u għamara quirky.

CSS hija lingwa pjuttost sempliċi: għal ċertu tag HTML (bħal paragrafu), inti tista 'tispeċifika l-valuri għall-klassijiet stil differenti. Browser tiegħek ser jaqra l-CSS u japplikawh għad-tags kollha tqabbil HTML. Per eżempju:

p {

kulur: aħmar;

font-daqs: 16px;

}

Allura kull punt (Jittieħed fil-HTML <p> tags) se jkollhom aħmar font u tkun 16 pixels fid-daqs. Jekk inti ndunat, dawn huma xi wħud mill-istili istess tista 'tuża Microsoft Word u applikazzjonijiet oħra.

Allura issa webpages tiegħek huma stabbiliti u huma jfittxu pretty. Iżda hawn l-ħaġa: li kollox jagħmlu. Huma sempliċiment ipoġġu hemmhekk u ħarsa pretty. Li huwa kbir u kollha, iżda l-utenti tal-web trid aktar. Huma jridu animazzjonijiet fancy. Huma jridu pop-ups (OK, forsi dawn ma lura 2002, imma I digress.) Huma jridu buttuni li se tagħmel Jittieħed meta tikklikja fuqhom.

Dwar li l-aħħar waħda – li l-kwistjoni. Inti tista 'tagħmel <buttuna> HTML, u inti tista 'ikklikkja kollha ġimgħa, imma hija ma tagħmel xejn kwalunkwe ħin hekk. Jekk trid li l-buttuna biex, oh I do not know, jimxu iljunfant tiegħek madwar l-iskrin u l-attakk xi ħaġa, then you need something more.

JavaScript

JavaScript huwa mhux akronimu, jekk inti mintix kienu. Huma qalu li din JavaScript minħabba li dehru qishom l-lingwa ta 'programmar imsejħa Java, li hija stramba kawża dan ma. Xorta waħda, JavaScript huwa a proper programming language that causes all the dynamic effects tara fuq il-web.

Bħal kull lingwa ta 'programmar, JavaScript huwa serje ta 'kmandi li jagħmlu varjabbli u l-użu funzjonijiet. Il-parti jibred dwar JavaScript (ukoll, kif jiksaħ bħala lingwa ta 'programmar tista' tkun) hija li inti tista 'aċċess dawk l-elementi HTML (bħal paragrafi u buttuni) u stili CSS (bħall-kulur tat-tipa u daqs) u l-bidla. Ħares lejn dan il-kodiċi:

var paragraph = $(‘p’);

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

This JavaScript code will find all the paragraphs on the page – l- $ 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 blue.

What I find interesting (again, this is all from the viewpoint of a “webdev”) is how elegantly the three languages work together. Dan l-aħħar linja ta 'JavaScript jinteraġixxi ma' tal-paġna HTML u CSS użati stil li. Mhuwiex simili dawn il-lingwi huma biss komponenti differenti tal-istess ħaġa – dawn qed l-istess, naħat differenti tal-istess magna aqwa.

Sound affaxxinanti? Naħseb li ma. Li jinsab biss parti mill-sbuħija tal-web.