Yon entwodiksyon nan devlopman sit entènèt

Retounen nan jou m ' (OK, anvan jou m '), pwofesyon an nan pwomotè entènèt se te yon yon sèl ki ba. Li klase pi ba a puppy lènmi men anwo a Yanki fanatik sou echèl la nan onè pwofesyonèl. Paske nan tout etikèt yo ak imaj transparans spacer nou itilize, nou te wè sa tankou entru gwo soulye ki pa gen okenn sans de estetik.

Oke, nou ka toujou manke nan sans ayestetik, men kòm gen entènèt la devlope pou gen pwofesyon an nan pwomotè entènèt. Jou sa yo gen inonbrabl zouti nou kapab itilize fè ki byen ekri, estanda-konfòme, yo ak bèl (OK, petèt pa sa ki yon dènye) paj wèb. Pifò nan sou sit entènèt yo gwo ou sèvi ak jodi a (sinik ploge: ki gen ladan yon sèl sa a) yo bati lè l sèvi avèk zouti sa yo.

Te group nou an nan zouti sou fen navigatè a pèmèt nou kreye bagay sa yo sou entènèt la ki te inimajinabl jis 10 ane de sa, tankou rezo inonbrabl sosyal Reklame ke yo se fason ki pi bon gaspiye tan ou, “cho” star teknoloji Reklame ke yo te revolusyone yon bagay ki nan te deja fè yon mil fwa, ak fache klon zwazo Reklame ke yo se sèlman yon ti kras pi mal pase orijinal la. Tout sou entènèt la. Se konsa, petèt zouti sa yo pa gen ale nan pi gwo a nan itilizasyon.

Se konsa, sa yo se zouti sa yo etonan mwen te pale sou? Ki mennen nan chemen an yo te nan (franchman etonan) lang yo rele HTML5, CSS3, ak JavaScript, nan Tanp kote mwen tinon a 3 kavalye nan webocalypse la. Isit la nan yon gade nan chak yon sèl:

HTML

HTML (byen li te ye tankou ipèrtèkst markeup lang; ou ka wè poukisa moun ki pa vle yo gade move jis itilize akwonim) se la lang sèvi ak kouche soti paj wèb. Dwa-klike sou sou paj sa a epi klike sou “View Sous”. Sa a HTML a ki paj sa a sèvi ak.

Esansyèlman, HTML se yon pakèt moun sou Tags, ki navigatè a entèprete ak établit deyò. Pou egzanp, gade nan sa a kòd HTML:

<p>Mwen pa konnen sou ou, men mwen renmen bouton peze.</p>

<br>

<bouton>Klike sou m '!</bouton>

Sa a kòd HTML te tèks vlope nan yon paragraf (nan <p> tag kòmanse yon paragraf, nan </p> tag fini yon paragraf.) Genyen yon ti repo liy (nan <br>) ak Lè sa a, yon bouton ou kapab klike nan kontni kè ou a. Navigatè ou a ap mete l 'soti sou ekran an pou ou.

Se konsa, ki nan tout byen ak bon. Men, si ou pa gen anyen men HTML, you get a webpage that looks like it came straight out of the 1990’s. Pa anpil bon t'ap soti kite peyi ki dekad de tout fason (kwafur, mizik, elatriye) Men, tann! Genyen plis!

CSS

Yon lòt akwonim. Pandan ete. CSS kanpe pou Dra Style kaskad, ki se yon ti jan nan yon misnomer depi yo pa vrèman Cascade (kèlkeswa sa ki vle di… li nan Kòd òdinatè, pa yon kaskad!) CSS se la lang sèvi ak paj style. Sa a, twò, se entèprete pa navigatè ou a.

CSS ak HTML travay ansanm – HTML fè Layout paj la, CSS bay li Flair li yo. Imajine bati yon kay: HTML bay fondasyon an gri bren men sa nesesè an bwa, CSS ajoute koulè yo lumineuz ak mèb orijinal.

CSS se yon lang trè dwat: pou yon sèten tag HTML (tankou yon paragraf), ou ka presize valè pou klas divès kalite style. Navigatè ou a pral li CSS la ak aplike li nan tout matche HTML Tags yo. Pou egzanp:

p {

koulè: wouj;

font-gwosè: 16PX;

}

Se konsa, chak paragraf (bagay nan HTML a <p> Tags) ap gen wouj font yo epi yo dwe 16 piksèl nan gwosè. Si ou remake, sa yo se kèk nan Styles yo menm ou ka itilize nan Microsoft Word ak aplikasyon pou lòt.

Se konsa, koulye paj ou yo mete deyò epi yo gade bèl. Men, isit la bagay la: sa a, se tout yo fè. Yo jis chita la yo epi gade bèl. Ki se gwo ansanm ak tout, Men, itilizatè yo nan entènèt la ou vle plis. Yo vle Animations anpenpan. Yo vle pop-UPS (OK, petèt yo te fè tounen nan 2002, Men, mwen digresyon.) Yo vle bouton ki pral fè bagay lè ou klike sou yo.

Sou sa yon dènye – sa a, se yon pwoblèm. Ou kapab fè yon <bouton> nan HTML, epi ou ka klike sou li tout semèn, Men, li pa nan fè anyen nenpòt ki lè byento. Si ou vle bouton an, oh mwen pa konnen, deplase elefan ou nan tout ekran an ak atak yon bagay, then you need something more.

JavaScript

JavaScript se pa yon akwonim, si ou te mande. Yo rele l 'JavaScript paske li te sanble ak lang nan pwogram yo rele Java, ki se etranj kòz li pa. De tout fason, JavaScript se a proper programming language that causes all the dynamic effects ou wè sou entènèt la.

Tankou nenpòt ki lang programmation, JavaScript se yon seri de kòmandman ki fè varyab ak itilize fonksyon. Pati a fre sou JavaScript (byen, 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 – nan $ 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 ble.

Ki sa mwen jwenn ki enteresan (ankò, sa a se tout soti nan opinyon an nan yon “webdev”) ki jan chik twa lang yo travay ansanm. Sa liy sot pase a nan JavaScript entèraksyon ak HTML paj la ak CSS la itilize a style li. Li pa nan renmen lang sa yo yo se jis eleman diferan nan menm bagay la – yo ap yon sèl ak menm bagay la tou, kote diferan nan menm machin nan etonan.

Son kaptivan? Mwen panse ke li fè sa. Se jis yon pati nan bote nan entènèt la.