Увод у веб развоју

Назад у мој дан (У реду, пре мој дан), професија веб девелопер био низак један. То рангирани испод штене мрзи али изнад Ианкеес вентилатор на скали од професионалне части. Због свих тагова и транспарентност одстојним слике које смо користили, смо видели како сирових хакера без смисла естетике.

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

Наш јато од алата на крају претраживача су нам омогућили да створи ствари на Интернету који су управо незамисливо 10 пре година, као што су безброј друштвених мрежа тврди да је најбољи начин да губите време, “врућ” тецх новооснованих тврде да су револуцију нешто што је већ урађено хиљаду пута, Ангри Бирдс и клонови тврдећи да се само незнатно лошије од оригинала. Све на Интернету. Дакле, можда ови алати нису отишли ​​на највећи од користи.

Дакле, шта су ове невероватне алатке сам говорио о? Водећа пут су (искрено невероватно) језици зову ХТМЛ5, ЦСС3, и ЈаваСцрипт, који сам надимак 3 коњаници на вебоцалипсе. Ево поглед на сваку од:

ХТМЛ

ХТМЛ (правилно познат као Хипертект Маркуп Лангуаге; можете видети зашто људи који не желе да изгледају лоше само користи акроним) је језик који се користи за нокаутирати веб странице. Кликните десним тастером миша на овој страници и кликните на дугме “Виев Соурце”. То је ХТМЛ који ова страница користи.

У суштини, ХТМЛ је гомила ознаке, који прегледач тумачи и излаже. На пример, погледајте овај ХТМЛ код:

<П>Ја не знам за вас, али ја волим горуће Дугмад.</П>

<БР>

<дугме>Кликни ме!</дугме>

Овај ХТМЛ код је текст умотан у ставу (the <П> ознака почиње пасуса, the </П> ознака завршава пасус.) Има прелом реда (the <БР>) а затим дугме можете да кликнете на садржај вашег срца. Ваш прегледач ће га нокаутирати на екрану за вас.

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

ЦСС

Још један акроним. Лето. ЦСС је скраћеница за Цасцадинг Стиле Схеетс, који се мало погрешно, јер они заправо не скоковито (ма шта то значило… то је компјутерски код, не водопад!) ЦСС је језик који се користи за стил веб странице. Ово, сувише, тумачи свалане.

ХТМЛ и ЦСС раде заједно – ХТМЛ чини распоред на страницу за, ЦСС му даје смисао. Замислите изградње куће: ХТМЛ обезбеђује једноличан, али неопходан дрвени оквир, ЦСС додаје неонске боје и необична намештај.

ЦСС је прилично једноставан језик: за одређени ХТМЛ таг (као став), можете да наведете вредности за различите класе стилу. Ваш прегледач ће прочитати ЦСС и применити га на све подударање ХТМЛ тагова. На пример:

П {

боја: црвен;

фонт-: 16пк;

}

Дакле сваки став (ствари у ХТМЛ <П> ознаке) ће имати црвен фонт и бити 16 пиксела величине. Ако сте приметили, ово су неке од истих стилова које можете да користите у Мицрософт Ворд и друге апликације.

Тако да сада ваше веб странице су постављени и они лепо изгледа. Али овде је ствар: то је све што раде. Они само седе тамо и изгледају прилично. Што је велика и све, али корисници Интернета желе више. Они желе фенси анимације. Они желе поп-упс (У реду, можда су се вратили урадили у 2002, али сам одступити.) Они желе да Дугмад ће учинити ствари када кликнете на њих.

О том последњем – то је питање. Можете направити <дугме> у ХТМЛ, и можете да кликнете целе недеље, али то не раде ништа у скорије време. Ако желите да дугме, Ох, не знам, померите слона преко екрана и нападне нешто, then you need something more.

ЈаваСцрипт

ЈаваСцрипт не акроним, ако се питате. Они су то звали ЈаваСкрипт јер изгледало је да је програмски језик Јава зове, који је чудно јер се то не деси. У сваком случају, ЈаваСцрипт a proper programming language that causes all the dynamic effects што видите на Интернету.

Као и сваки програмски језик, ЈаваСцрипт низ команди које чине променљиве и користе функције. Кул део о ЈаваСцрипт (добро, као кул као програмски језик може бити) је да можете да приступите тим ХТМЛ елементе (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 <П> 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 (Опет, ово је све са становишта “вебдев”) како елегантно три језика раде заједно. Та последња линија ЈаваСцрипт-у интеракцији са странице ХТМЛ и ЦСС се користи за то стил. То није као ови језици су само различите компоненте исте ствари – они су једно те исто, различите стране исте невероватне машине.

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