Një hyrje në zhvillimin e web

Kthehu në ditën e mia (Në rregull, para ditës sime), profesioni i web developer ishte e ulët. Ajo renditet më poshtë Hater kone por mbi Yankees tifoz në shkallën e nderit profesionale. Për shkak të të gjitha kodet dhe spacer transparenca imazhet që ne të përdorura, ne u parë si hakerat papërpunuar pa sensin e estetikës.

Mirë, ne ende mund të mungojnë në kuptimin estetik, por si Web ka zhvilluar kështu ka profesionin e web developer. Këto ditë ka mjete të panumërta që mund të përdorni për të bërë mirë-shkrim, standardet-të përshtatshme, dhe e bukur (Në rregull, ndoshta jo se e fundit) faqet e internetit. Shumica e faqet e internetit të madh që ju përdorni sot (plug paturpshëm: duke përfshirë edhe këtë) janë ndërtuar duke përdorur këto mjete.

Turmë jonë e mjeteve në fund të shfletuesit kanë lejuar që ne të krijuar gjëra në internet që ishin paimagjinueshme vetëm 10 vjet më parë, të tilla si rrjetet sociale të panumërta duke pretenduar të jetë mënyra më e mirë për të humbur kohën tuaj, “nxehtë” startups teknologjisë duke pretenduar se kanë revolucionarizuar diçka që tashmë i është bërë një mijë herë, dhe klone zemëruar Birds duke pretenduar të jetë vetëm pak më e keqe se sa origjinale. Të gjitha në web. Pra, ndoshta këto mjete nuk kanë shkuar deri te më i përdor.

Pra cilat janë këto mjete të mahnitshme që unë kam qenë duke folur për? Mënyra kryesore kanë qenë (sinqerisht e mahnitshme) Gjuhë të quajtur HTML5, CSS3, dhe JavaScript, që unë pseudonimi 3 kalorësit e webocalypse. Këtu ka një vështrim në secilin prej:

HTML

HTML (i njohur si duhet si HyperText Markup Language; ju mund të shihni se pse njerëzit që nuk duan të duken keq vetëm përdorni akronimin) është Gjuha e përdorur për të paraqitur faqet e internetit. Djathtas-klikoni në këtë faqe dhe të klikoni “View Source”. Kjo është HTML që kjo faqe përdor.

Në thelb, HTML është një bandë e tags, të cilat shfletuesi interpreton dhe parashtron. Për shembull, shikoni në këtë kod HTML:

<p>Unë nuk e di për ju, por unë si butonat ngutshme.</p>

<br>

<buton>Klikoni mua!</buton>

Ky kod HTML e ka tekstin e mbështjellë me një paragraf (the <p> tag fillon një paragraf, the </p> tag mbaron një paragraf.) Ka një pushim linjë (the <br>) dhe pastaj një buton ju mund të klikoni për të zemrën e përmbajtjes. Shfletuesi juaj do të vë atë në ekran për ju.

Pra, kjo është e gjitha mirë dhe të mirë. Por në qoftë se ju keni asgjë, por HTML, you get a webpage that looks like it came straight out of the 1990’s. Jo shumë mirë erdhi nga ajo dekade gjithsesi (hairstyles, muzikë, etj) Por prisni! Ka më shumë!

CSS

Një tjetër akronim. Verë. CSS qëndron për Cascading Style Sheets, e cila është pak e një term i gabuar që ata nuk të vërtetë ujëvarë (çfarëdo që do të thotë… kjo është kodi kompjuter, jo një ujëvarë!) CSS është Gjuha e përdorur për të webpages stil. Kjo, shumë, interpretohet nga browseri yt.

CSS dhe HTML të punojnë së bashku – HTML bën paraqitjen e faqes, CSS i jep dhunti e saj. Imagjinoni ndërtimin e një shtëpie: HTML siguron kuadrin e zymtë, por të nevojshëm prej druri, CSS shton ngjyrat neoni dhe mobilje quirky.

CSS është një gjuhë shumë e drejtpërdrejtë: për një HTML tag caktuar (si një paragraf), ju mund të specifikoni vlerat për klasat e stilit të ndryshme. Shfletuesi juaj do të lexoni CSS dhe të aplikojnë atë në të gjitha tags HTML përputhen. Për shembull:

p {

ngjyrë: i kuq;

font-madhësi: 16px;

}

Pra, çdo paragrafi (gjëra në HTML <p> tags) do të ketë i kuq font dhe të jenë të 16 pixel në madhësi. Nëse keni vënë re, këto janë disa nga të njëjtat stileve që ju mund ta përdorni në Microsoft Word dhe kërkesave të tjera.

Deri tani webpages tuaj janë të paraqitura dhe ata duken bukur. Por këtu është gjë: kjo është e gjitha ata e bëjnë. Ata rrimë atje dhe të duket si mjaft. Cila është e madhe dhe të gjithë, por përdoruesit e web duan më shumë. Ata duan animacione dashuroj. Ata duan pop-ups (Në rregull, ndoshta ata bënë përsëri në 2002, por unë dal nga tema.) Ata duan butonat që do të bëjë gjëra kur ju klikoni mbi to.

Rreth kësaj të fundit – kjo është një çështje. Ju mund të bëni një <buton> në HTML, dhe ju mund të klikoni atë gjatë gjithë javës, por kjo nuk është bërë asgjë çdo kohë të afërt. Nëse ju doni butonin për të, oh unë nuk e di, lëvizin elefant tuaj nëpër ekran dhe të sulmojnë diçka, then you need something more.

JavaScript

JavaScript është nuk një akronim, në qoftë se ju pyesin. Ata e quajtën atë JavaScript për shkak se ajo dukej si gjuhën e programimit Java e quajtur, e cila është e çuditshme shkaku se jo. Dosido, JavaScript është a proper programming language that causes all the dynamic effects ju shihni në web.

Ashtu si çdo gjuhë programimi, JavaScript është një seri e komandave që e bëjnë variablave dhe të përdorin funksionet. Më e bukura për JavaScript (mirë, 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 – the $ 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 blu.

Ajo që unë gjej interesante (përsëri, kjo është e gjitha nga pikëpamja e një “WebDev”) është se si elegante të tri gjuhët punojnë së bashku. Kjo linjë e fundit e JavaScript ndërvepruar me HTML e faqes dhe CSS përdoret për të stilit atë. Ajo nuk është si këto gjuhë janë vetëm komponente të ndryshme të së njëjtës gjë – ata janë një dhe të njëjtin, anët e ndryshme të së njëjtës makinë mahnitshme.

Sound interesante? Unë mendoj se ajo nuk. Kjo është vetëm pjesë e bukurisë së internetit.