An Introduction to Web զարգացմանը

Դեռ իմ օրը (Լավ, մինչեւ իմ օրը), Մասնագիտության վեբ մշակողի էր ցածր է. Այն զբաղեցնում է ստորեւ puppy Hater սակայն վերը Yankees երկրպագուն է Գիտական ​​պատվի. Քանի որ բոլոր թեգերը եւ թափանցիկության spacer պատկերներ էինք, մենք որպես կոպիտ հաքերների առանց իմաստով Գեղագիտության.

Լավ, մենք կարող ենք դեռ պակասում է գեղագիտական ​​առումով, բայց քանի որ Web մշակել, որ ունի մասնագիտություն վեբ մշակողի. Այս օրերին կան բազմաթիվ գործիքներ, մենք կարող ենք օգտագործել, որպեսզի նաեւ գրավոր, Չափորոշիչների համապատասխանեցնելու, եւ գեղեցիկ (Լավ, Գուցե չէ, որ վերջին մեկ) վեբ էջեր. Առավել մեծ կայքերի համար օգտագործվում է այսօր (անամոթ plug: այդ թվում, այս մեկը) կառուցված օգտագործելով այս գործիքները.

Մեր երամ գործիքների վրա բրաուզերի վերջ որոնք թույլ են տալիս ստեղծել բաներ ոստայնում, որ էին պատկերացնել ընդամենը 10 տարի առաջ, ինչպես, օրինակ, բազմաթիվ սոցիալական ցանցերի պնդում է, որ լավագույն միջոց է վատնել Ձեր ժամանակը, “տաք” tech սկսնակ պնդելով, որ հեղափոխել մի բան, որ դա արդեն արել է մի հազար անգամ, եւ Angry Birds clones, պնդելով, որ միայն մի փոքր ավելի վատ, քան բնօրինակը:. Բոլոր ոստայնում. Այնպես որ, գուցե այդ գործիքները չեն գնացել ամենամեծ օգտագործման.

Այսպիսով, ինչ են այդ զարմանահրաշ գործիքները: Ես խոսում? Առաջատար ճանապարհը եղել (Անկեղծ զարմանալի) Լեզուներ անվանել HTML5, CSS3, եւ JavaScript, որը ես մականունը 3 ձիավոր է webocalypse. Ահա մի նայում յուրաքանչյուր մեկ:

HTML

HTML (հայտնի է որպես պատշաճ HyperText նշում լեզուն; դուք կարող եք տեսնել, թե ինչու մարդիկ, ովքեր չեն ուզում վատ պարզապես օգտագործել հապավումը) է լեզուն օգտագործվում է դնելու դուրս էջեր. Աջ - կտտացրեք այս էջը եւ սեղմեք “Դիտել ելատեքստը”. Դա HTML, որ այս էջը հղվում է.

Էականորեն, HTML մի փունջ Tags, որը զննարկիչը մեկնաբանում է եւ սահմանում է. Օրինակ,, նայեք այս HTML կոդը:

<P>Ես չգիտեմ, թե ձեր մասին, բայց ես սիրում եմ սեղմելով կոճակները.</P>

<BR>

<կոճակ>Սեղմեք ինձ!</կոճակ>

Այս HTML կոդը դարձել տեքստը փաթաթված մի պարբերություն (The <P> Tag սկսում է պարբերություն, The </P> Tag ավարտվում է մի կետ.) Կա մի գիծ ընդմիջում (The <BR>) եւ ապա կոճակը կարող եք սեղմել ձեր սրտի պարունակությունը. Ձեր բրաուզերը կդնի այն դուրս էկրանին ձեզ համար.

Այնպես որ, բոլոր լավ ու բարի. Սակայն, եթե դուք ոչինչ, բայց HTML, you get a webpage that looks like it came straight out of the 1990’s. Ոչ շատ լավ, դուրս եկավ այդ տասնամյակում, այնուամենայնիվ, (գիտնականներ, երաժշտություն, եւ այլն:) Բայց սպասեք! Կա ավելի!

CSS

Another հապավումը. Ամառ. CSS հանդես է գալիս Cascading Style Sheets, որը մի քիչ ավելի misnomer, քանի որ նրանք իրականում չեն cascade (ինչ է, որ միջոցներ… դա Համակարգիչ կոդը, ոչ մի ջրվեժ!) CSS է լեզուն օգտագործվում է ոճի էջերի. Այս, նույնպես, մեկնաբանվում է ձեր բրաուզերում.

CSS եւ HTML աշխատում են միասին – HTML ստիպում էջի դասավորությունը, CSS տալիս այն իր հոտառություն. Պատկերացրեք կառուցելու տուն: HTML ապահովում գորշ բայց անհրաժեշտ փայտե շրջանակը, CSS ավելացնում նեոնային գույները եւ quirky կահույք.

CSS Սա բավականին պարզ լեզու: համար որոշակի HTML tag (նման պարբերություն), Դուք կարող եք նշել արժեքները տարբեր ոճի դասերի. Ձեր զննարկիչը չի կարդալ CSS եւ կիրառել այն բոլոր դասավորվել HTML-թեգերը. Օրինակ,:

P {

գույն: կարմիր;

տառաչափ: 16px;

}

Այնպես որ, ամեն կետ (stuff է HTML <P> Tags) պետք կարմիր Տառատեսակի եւ պետք է 16 փիքսել չափի. Եթե ​​դուք նկատել, դրանք մի քանիսն են նույն ոճերի դուք կարող եք օգտագործել Microsoft Word եւ այլ ծրագրեր.

Այնպես որ, հիմա ձեր webpages են դրված, եւ նրանք նայում գեղեցիկ. Բայց ահա մի բան: որ բոլոր նրանք. Նրանք պարզապես նստել ու նայում գեղեցիկ. Որը մեծ եւ, բայց օգտվողները համացանցում եք ավելին. Նրանք ցանկանում են դիմակահանդեսի անիմացիա. Նրանք ցանկանում են, pop-ups (Լավ, Գուցե նրանք դեռեւս 2002, բայց ես շեղվել:) Նրանք ուզում են կոճակները, որոնք կարող են անել stuff այն ժամանակ, երբ դուք սեղմեք նրանց վրա.

Օգտվողի մասին, որ վերջին մեկ – դա մի խնդիր է. Դուք կարող եք կատարել <կոճակ> Հայաստանի HTML, եւ դուք կարող եք սեղմել այն բոլոր շաբաթ, բայց դա չի անում ոչինչ ցանկացած պահի շուտով. Եթե ​​ցանկանում եք կոճակը, ախ ես չգիտեմ, տեղափոխել ձեր փիղ ամբողջ էկրանին եւ հարձակվել ինչ - որ բան, then you need something more.

JavaScript

JavaScript - ը ոչ անվանման հապավումը, եթե դուք հետաքրքրում. Այն դարձել է Javascript-ին, քանի որ դա նայեցի նման ծրագրավորման լեզվով կոչվում Java, ինչը տարօրինակ է պատճառը, որ չի. Համենայն դեպս, JavaScript - ը a proper programming language that causes all the dynamic effects տեսնում եք ոստայնում.

Ինչպես ցանկացած ծրագրավորման լեզվի, JavaScript - ը մի շարք հրամանների, որ փոփոխականները եւ օգտագործել գործառույթներ. Որ թույն մասը javascript մասին: (լավ, որպես թույն է ծրագրավորման լեզու կարող է լինել) է, որ դուք կարող եք մուտք գործել այդ HTML տարրեր (նման կետերի եւ կոճակները) եւ CSS ոճերի (ինչպես տառատեսակի գույնի եւ չափի) եւ փոխել նրանց. Նայեք այս 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 (again, this is all from the viewpoint of a “webdev”) is how elegantly the three languages work together. Որ վերջին գիծը JavaScript պատկանող էջի HTML, եւ CSS օգտագործվում է այն ոճը. Դա նման է, որ այդ լեզուները պարզապես տարբեր բաղադրիչների նույն բանը – նրանք մեկ եւ նույն, տարբեր կողմերում նույն զարմանալի մեքենայի.

Հնչել հետաքրքրաշարժ? Ես կարծում եմ, որ դա անում է. Դա ընդամենը մի մասն է գեղեցկությունը համացանցում.