Cyflwyniad i ddatblygiad ar y we

Yn ôl yn fy niwrnod (OK, cyn fy niwrnod), y proffesiwn datblygwr ar y we yn un isel. Mae'n rhestru isod hater ci bach ond yn uwch gefnogwr Yankees ar y raddfa o anrhydedd proffesiynol. Oherwydd yr holl y tagiau a delweddau spacer tryloywder a ddefnyddiwyd gennym, rydym yn eu gweld fel hacwyr crai heb unrhyw ymdeimlad o estheteg.

Wel, efallai y byddwn yn dal i fod yn brin yn yr ystyr esthetig, ond gan fod y We wedi datblygu felly mae gan y proffesiwn datblygwr ar y we. Y dyddiau hyn, mae offer di-ri gallwn ei ddefnyddio i wneud ysgrifennu'n dda-, safonau-cydymffurfio, a hardd (OK, efallai nad yw yr un olaf ei) tudalennau gwe. Mae'r rhan fwyaf o'r gwefannau gwych yr ydych yn ei ddefnyddio heddiw (plwg digywilydd: gan gynnwys yr un yma) yn cael eu hadeiladu gan ddefnyddio offer yma.

Mae ein bevy o offer ar ben y porwr wedi ein galluogi i greu pethau ar y we a oedd yn annirnadwy dim ond 10 flynyddoedd yn ôl, megis rhwydweithiau cymdeithasol di-ri yn honni i fod y ffordd orau i wastraff eich amser, “poeth” startups dechnoleg honni i wedi chwyldroi rhywbeth sydd eisoes wedi cael ei wneud fil o weithiau, a clonau Adar Angry yn honni mai dim ond ychydig yn waeth na'r gwreiddiol. I gyd ar y we. Felly, efallai nad offer hyn wedi mynd at y mwyaf o ddefnydd.

Felly, beth yn arfau anhygoel hyn, rwyf wedi bod yn siarad am? Arwain y ffordd wedi bod yn (dweud y gwir anhygoel) ieithoedd a elwir yn HTML5, CSS3, a JavaScript, yr wyf ffugenw y 3 gwŷr meirch y webocalypse. Dyma edrych ar bob un:

HTML

HTML (a elwir yn briodol fel HyperText Markup Iaith; gallwch weld pam y mae pobl nad ydynt am i edrych yn wael jyst arfer yr acronym) yw'r iaith a ddefnyddir i osod allan tudalennau gwe. Dde-gliciwch ar y dudalen hon a chliciwch “Gweld Ffynhonnell”. Dyna'r HTML fod y dudalen hon yn defnyddio.

Yn y bôn, HTML yn criw o tagiau, y mae'r porwr dehongli ac yn gosod allan. Er enghraifft,, edrych ar y cod HTML:

<p>Nid wyf yn gwybod amdanoch chi, ond yr wyf yn hoffi botymau pwyso.</p>

<br>

<botwm>Cliciwch i mi!</botwm>

Mae'r cod HTML wedi destun lapio mewn paragraff (y <p> tag yn dechrau paragraff, y </p> tag yn dod i ben paragraff.) Mae toriad llinell (y <br>) ac yna botwm gallwch glicio to content eich calon. Bydd eich porwr yn ei osod allan ar y sgrin i chi.

Felly dyna i gyd yn dda ac yn dda. Ond os oes gennych ddim ond HTML, you get a webpage that looks like it came straight out of the 1990’s. Daeth Dim llawer da allan o'r degawd beth bynnag (steiliau gwallt, cerddoriaeth, ac ati) Ond arhoswch! Mae mwy!

CSS

Acronym arall. Haf. CSS yn sefyll am Taflenni Arddull Rhaeadrol, sydd yn dipyn o gamarweiniol gan eu bod yn ddim wir yn rhaeadru (beth bynnag yw ystyr… mae'n god cyfrifiadurol, Nid yw rhaeadr!) CSS yw'r iaith a ddefnyddir i dudalennau gwe arddull. Mae hyn yn, yn rhy, yn cael ei ddehongli gan eich porwr.

CSS a HTML yn gweithio gyda'i gilydd – HTML yn gwneud gosodiad y dudalen, CSS rhoi iddo ei dawn. Dychmygwch adeiladu tŷ: HTML yn darparu'r fframwaith pren salw ond yn angenrheidiol, CSS yn ychwanegu lliwiau neon a dodrefn hynod.

CSS yn iaith eithaf syml: ar gyfer tag HTML penodol (fel paragraff), gallwch nodi gwerthoedd ar gyfer dosbarthiadau gwahanol arddull. Bydd eich porwr yn darllen y CSS a'i gymhwyso i'r holl tagiau HTML cyfateb. Er enghraifft,:

p {

lliw: coch;

font-maint: 16px;

}

Felly pob paragraff (pethau yn y HTML <p> tagiau) Bydd yn rhaid i coch ffont a bod yn 16 picsel o ran maint. Os ydych yn sylwi, dyma rai o'r un arddulliau gallwch eu defnyddio yn Microsoft Word a cheisiadau eraill.

Felly nawr eich tudalennau gwe yn cael eu gosod allan ac maent yn edrych 'n bert. Ond dyma y peth: dyna i gyd maent yn ei wneud. Maent yn unig yn eistedd yno ac yn edrych 'n bert. Pa yn wych ac mae pob, ond defnyddwyr y we am gael rhagor o. Maent am animeiddiadau ffansi. Maent am pop-ups (OK, efallai eu bod yn gwneud yn ôl yn 2002, ond yr wyf yn crwydro.) Maent am botymau a fydd yn gwneud pethau pan fyddwch yn clicio arnynt.

Tua'r un olaf – mae hynny'n fater. Gallwch wneud <botwm> yn HTML, a gallwch glicio drwy'r wythnos, ond nid yw'n gwneud unrhyw beth unrhyw adeg cyn bo hir. Os ydych am i'r botwm i, oh Nid wyf yn gwybod, symud eich eliffant ar draws y sgrin ac yn ymosod ar rhywbeth, then you need something more.

JavaScript

JavaScript yn Ni acronym, os eich bod yn pendroni. Maent yn ei alw JavaScript oherwydd ei fod yn edrych fel y iaith raglennu Java o'r enw, sydd yn rhyfedd achosi nad yw'n. Beth bynnag, JavaScript yn a proper programming language that causes all the dynamic effects byddwch yn gweld ar y we.

Fel unrhyw iaith raglennu, JavaScript yn cyfres o orchmynion sy'n gwneud newidynnau ac yn defnyddio swyddogaethau. Mae'r rhan cŵl am JavaScript (yn dda, mor oer ag y gall iaith raglennu yn) yw y gallwch gael gafael ar elfennau HTML hynny (fel baragraffau a botymau) ac arddulliau CSS (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 – y $ 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”) yw pa mor gain y tair iaith yn gweithio gyda'i gilydd. Bod llinell olaf o JavaScript rhyngweithio â HTML y dudalen a'r CSS a ddefnyddir i arddull ei. Dyw hi ddim yn hoffi ieithoedd hyn yn unig yn wahanol elfennau o'r un peth – eu bod yn un a'r un, gwahanol ochr i'r un peiriant anhygoel.

Sain diddorol? Rwy'n credu ei fod yn. Dyna dim ond yn rhan o harddwch y we.