Ievads interneta attīstību

Atpakaļ manā dienā (Labi, pirms manas dienas), profesija interneta attīstītājs bija zems viens. Tas ierindoti zem kucēnu hater bet galvenokārt Yankees ventilatoru mērogā profesionālo godu. Sakarā ar visiem tagiem un pārredzamība distances attēliem mēs izmantojām, mums tika uzskatīta par neattīrītu hakeri ar bez sajūtu estētika.

Labi, mēs joprojām var trūkst estētisko izjūtu, bet kā Web ir izstrādāta tā ir profesijas interneta attīstītājs. Šajās dienās ir neskaitāmi instrumenti, mēs varam izmantot, lai veiktu labi uzrakstīts, standartiem, kas atbilst, un skaisti (Labi, varbūt nav, ka pēdējais) Web lapas. Lielākā daļa no lielas mājas lapas jūs izmantojat šodien (bezkaunīgs plug: ieskaitot šo) tiek būvēti, izmantojot šos rīkus.

Mūsu bars rīkus pārlūkprogrammas beigām ir ļāvusi mums radīt lietas tīmeklī, kas bija neiedomājams tikai 10 gadiem, piemēram, neskaitāmi sociālie tīkli apgalvo, ka ir labākais veids, kā tērēt savu laiku, “karsts” tech jaunizveidotiem apgalvo, ka ir krasi kaut ko, kas jau ir paveikts tūkstoš reižu, un Angry Birds kloni apgalvo, ka ir tikai nedaudz sliktāk nekā oriģināls. Viss tīmeklī. Tāpēc varbūt šie instrumenti nav devusies uz vislielāko vajadzībām.

Tātad, kādi ir šo apbrīnojamo instrumenti, es esmu runā par? Vadošais veids ir (atklāti pārsteidzošs) valodā sauc HTML5, CSS3, un JavaScript, ko es segvārds 3 jātniekus no webocalypse. Lūk, ieskats katrā no:

HTML

HTML (pienācīgi pazīstams kā hiperteksta iezīmēšanas valoda; Jūs varat redzēt, kāpēc cilvēki, kuri nevēlas, lai izskatās slikti, tikai izmantot akronīmu) ir valoda, ko izmanto, lai likt interneta lapas, kas. Ar peles labo pogu noklikšķiniet šajā lapā un noklikšķiniet “Skatīt avotu”. Tas ir HTML, ka šīs lapas izmanto.

Būtībā, HTML ir ķekars tags, kas pārlūku interpretē un izklāsta. Piemēram, apskatīt šo HTML kodu:

<p>Es nezinu par jums, bet man patīk, nospiežot pogu.</p>

<br>

<poga>Noklikšķiniet uz me!</poga>

Tas HTML kods ir teksta ietin punktā (the <p> tag sāk punktu, the </p> tag beidzas ar punktu.) Tur rindiņas pārtraukums (the <br>) un tad pogu, jūs varat noklikšķināt, lai jūsu sirds saturu. Pārlūkprogramma noteikt to, uz ekrāna, lai jums.

Tā ka viss ir labi un labs. Bet, ja jums nav nekas, bet HTML, you get a webpage that looks like it came straight out of the 1990’s. Nav daudz laba nāca no šīs desmitgades vienalga (frizūras, mūzika, uc) Bet pagaidiet! Tur ir vairāk!

CSS

Vēl viens akronīms. Vasara. CSS stendi Cascading Style Sheets, kas ir mazliet nepareiza lietošana, jo tie nav īsti kaskādes (kāds tas nozīmē… tas ir dators kods, nav ūdenskritums!) CSS ir valoda, ko izmanto, lai stils interneta lapas. Šī, pārāk, interpretē jūsu pārlūkprogrammā.

CSS un HTML strādāt kopā – HTML padara lapas izkārtojums, CSS nosaka tā nojauta. Iedomājieties ēka māja: HTML sniedz vienmuļa, bet nepieciešamo koka struktūru, CSS piebilst neona krāsas un quirky mēbeles.

CSS ir diezgan vienkāršs valoda: noteiktu HTML tagu (kā punkts), Jūs varat norādīt vērtības dažādu stilu klasēm. Jūsu pārlūkprogramma lasīs CSS un piemērot to uz visām saskaņošanas HTML tagus. Piemēram:

p {

krāsa: sarkans;

font-size: 16px;

}

Tāpēc katru punktu (stuff HTML <p> tags) būs sarkans fontu un būs 16 pikseļu lielumā. Ja esat ievērojuši, šie ir daži no pašiem stilus varat izmantot Microsoft Word un citas programmas.

Tāpēc tagad jūsu interneta lapas ir noteikti, un tie izskatās diezgan. Bet šeit ir lieta: tas ir viss, ko viņi dara. Viņi vienkārši sēdēt tur un izskatās diezgan. Kas ir liels un viss, bet lietotāji tīmeklī vēlas vairāk. Viņi vēlas fancy animācijas. Viņi vēlas, pop-ups (Labi, varbūt tie bija atpakaļ 2002, bet es novirzīties.) Viņi vēlas, pogas, kas darīs lietas, kad jūs noklikšķiniet uz tiem.

Par to, ka pēdējais – tas ir jautājums. Jūs varat veikt <poga> HTML, un jūs varat noklikšķināt to visu nedēļu, bet tas nav darīt kaut ko jebkurā laikā drīz. Ja jūs vēlaties pogu, lai, Ak, es nezinu, pārvietot savu ziloni pa ekrānu un uzbrukt kaut, then you need something more.

JavaScript

JavaScript ir nav akronīms, ja Jums bija jautājums. Viņi to nosauca JavaScript jo tas izskatījās kā programmēšanas valodu sauc par Java, kas ir dīvaini iemesls tā nav. Katrā ziņā, JavaScript ir a proper programming language that causes all the dynamic effects jūs redzēt tīmeklī.

Tāpat kā jebkurā programmēšanas valodā, JavaScript ir virkne komandu, kas padara mainīgos un izmantot funkciju. Cool daļa par JavaScript (labi, kā atdzist, kā programmēšanas valoda var būt) ir tas, ka jūs varat piekļūt šiem HTML elementus (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 blue.

What I find interesting (atkal, tas ir viss, no viedokļa “Webdev”) ir kā eleganti trīs valodās strādāt kopā. Ka pēdējā rindā JavaScript mijiedarbojās ar lapas HTML un CSS izmanto, lai stila tā. Tas nav kā šīs valodas ir tikai dažādas sastāvdaļas un to pašu – viņi viens un tas pats, dažādās pusēs pašā pārsteidzošu mašīnas.

Skaņas aizraujoši? Es domāju, ka tas. Tas ir tikai daļa no skaistuma internetā.