Вовед во Веб развој

Назад во мојот ден (Во ред, пред мојот ден), професијата на веб-развивач бил со низок една. Тоа место подолу кутре hater но пред Yankees фан на скалата на професионална чест. Бидејќи на сите тагови и транспарентност spacer слики што ги користи, ние се гледа како сурова хакери без чувство за естетика.

Добро, ние се уште може да биде во недостаток на естетска смисла, но како веб разви така има професијата на веб-развивач. Овие денови постојат безброј алатки може да се користат да се направи добро напишани, стандарди во согласност, и убави (Во ред, можеби не дека минатата еден) веб-страници. Повеќето од големите веб-сајтовите што ги користат денес (бесрамно приклучок: вклучувајќи го и овој) се изградени користење на овие алатки.

Нашите bevy на алатки на крајот на прелистувачот се ни овозможи да се создаде нешта на интернет, кои беа незамисливи само 10 години, како што безброј социјалните мрежи кои тврдат дека се најдобар начин да отпад вашето време, “топла” технологија стартап тврдат дека имаат револуција нешто што е веќе направено илјадници пати, и Лути птици клонови кои тврдат дека се само малку полошо отколку со оригиналната. Сите на интернет. Па можеби овие алатки не се качил на најголемите на употреба.

Па што се овие неверојатни алатки Сум се зборува за? Водечки начин биле (искрено неверојатни) јазици се нарекува HTML5, CSS3, и го вклучите Javascript-, која јас прекар на 3 Јавачите на webocalypse. Еве еден поглед на секој еден:

HTML

HTML (правилно познат како HyperText Markup Language; можете да видите зошто луѓето кои не сакаат да изгледате лошо само користење на акроним) е јазикот кој се користи за да се постават надвор на веб страници. Кликнете со десното копче на оваа страница и кликнете на “Видете го кодот”. Тоа е HTML кој оваа страница користи.

Суштина, HTML-от е еден куп на тагови, кој прелистувач толкува и се наведува. На пример, се погледне на овој HTML код:

<стр>Не знам за вас,, но ми се допаѓа притискање на копчињата.</стр>

<br>

<копчето>Кликнете ме!</копчето>

Овој HTML кодот е текст завиткани во став (на <стр> таг започнува став, на </стр> таг завршува став.) Има линија пауза (на <br>) а потоа на копчето можете да кликнете за содржината на срцето. Вашиот прелистувач ќе го нокаутирам на екранот за вас.

Па тоа е добро и добро. Но, ако немаш ништо, но HTML, you get a webpage that looks like it came straight out of the 1990’s. Не е многу добар излезе од таа деценија во секој случај (фризури, музика, итн) Но чекајте! Има повеќе!

CSS

Друг акроним. Лето. CSS стои за Cascading Style Sheets, која е малку на погрешна употреба на израз, бидејќи тие навистина не каскада (што и да значи… тоа е компјутерски код, не водопад!) CSS е јазик се користи за стил веб страни. Овој, премногу, се толкува од страна на вашиот интернет пребарувач.

CSS и HTML работат заедно – HTML прави распоред на страната, CSS го дава својот талент. Замислете градење на куќа: HTML обезбедува избледеа, но неопходни дрвени рамка, CSS додава неонски бои и чудат мебел.

CSS е прилично јасна јазик: за одреден HTML таг (како став), можете да наведете вредности за различни стил класи. Вашиот прелистувач ќе ги чита CSS и применува тоа да сите појавување HTML тагови. На пример:

стр {

боја: црвена;

font-size: 16px;

}

Па секој став (работи во HTML <стр> тагови) ќе имаат црвена фонт и да биде 16 пиксели со големина. Ако сте забележале, овие се некои од истите стилови можете да го користите во Microsoft Word и други апликации.

Па сега вашиот веб-страници се изложени и тие изгледаат прилично. Но, тука е нешто: тоа е сите тие го прават. Тие само седат таму и изгледаат прилично. Што е одлично и сите, но корисниците на веб сакаат повеќе. Тие сакаат фенси анимации. Тие сакаат pop-up прозорци (Во ред, можеби тие уживаше во 2002, но јас отплесвам.) Тие сакаат копчиња кои ќе го работи кога ќе кликнете на нив.

За кои траат една – тоа е прашање. Можете да направите <копчето> во HTML, и можете да кликнете на неа цела недела, но тоа не го прави ништо во скоро време. Ако сакате на копчето за да се, ох, не знам, се движите вашиот слон низ екранот и да ги нападне нешто, then you need something more.

Го вклучите Javascript-

JavaScript е не акроним, ако сте биле прашувате. Тие го нарече вклучите Javascript поради тоа што изгледаше како програмски јазик наречен Јава, што е чудно бидејќи тоа не го прави. Како и да е, JavaScript е a proper programming language that causes all the dynamic effects ќе видите на интернет.

Како и секој програмски јазик, JavaScript е серија на команди кои го прават променливи и користат функции. Кул дел за вклучите Javascript- (добро, како студена како програмски јазик може да биде) е дека можете да пристапите оние HTML елементи (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 – на $ sign tells the browser to find all matching elements, and the ‘p’ means it needs to choose paragraphs (remember the <стр> 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 (повторно, ова е од гледна точка на “webdev”) е како елегантно три јазици да работат заедно. Дека последната линија на JavaScript комуницирале со HTML страница и на CSS се користи за да ја стил. Тоа не е како овие јазици се само различни компоненти на истото – тие се едно и исто, различни страни на иста неверојатна машина.

Звучи фасцинантно? Мислам дека тоа го прави. Тоа е само дел од убавината на веб.