Web inkişafı üçün giriş

Geri mənim gün (OK, Mənim gün əvvəl), web geliştirici peşə aşağı idi. Bu professional fəxri miqyasında puppy qənim aşağıda lakin Yankees fan yuxarıda yeri tutub. Biz istifadə olunan bütün yazıları və şəffaflıq spacer images Çünki, biz estetik heç bir hissi ilə xam hakerlər kimi görüldü.

Quyu, biz hələ estetik mənada olmayan ola bilər, lakin Web inkişaf kimi, belə ki, web geliştirici peşəsini var. Bu gün biz də yazılı etmək üçün istifadə edə bilərsiniz saysız alətlər var, standartlara uyğun, və gözəl (OK, bəlkə deyil, son bir) web pages. Bu gün istifadə böyük web ən (həyasız plug: Bu, o cümlədən) bu vasitələrdən istifadə inşa edilir.

Brauzerinizin sonunda tools bizim quş sürüsü us unimaginable idi ki, web şeyi yaratmaq üçün imkan yalnız 10 il əvvəl, kimi saysız-hesabsız sosial şəbəkələr sizin vaxt sərf etmək ən yaxşı yol olduğunu iddia, “isti” artıq bir min dəfə edildiyini ki, bir şey inqilabi iddia texnologiyalı startups, və Angry Birds clones orijinal daha az pis olduğunu iddia edən. Web bütün. Belə ki, bəlkə bu vasitələrdən istifadə ən böyük getdi yoxdur.

Mən söhbət etdik, bu gözəl tools nə? Yol aparıcı olmuşdur (səmimi gözəl) HTML5 adlı languages, CSS3, və JavaScript, Mən ləqəbi 3 Bu webocalypse və süvarisi. Burada hər biri bir göz var:

HTML

HTML (düzgün Hypertext Markup Language kimi tanınan; pis baxmaq istəmirəm insanlar yalnız kısaltma istifadə niyə görə bilərsiniz) edir dil web pages qoymaq üçün istifadə. Bu səhifədə sağ basın və basın “View Source”. Bu səhifə istifadə edir ki, HTML var.

Mahiyyətcə, HTML bir dəstə tags, olan browser şərh və həyata edir. Məsələn, Bu HTML kodu baxmaq:

<p>Mən sizi bilmirəm, lakin mən basaraq düymələri istəyirəm.</p>

<br>

<düymə>Məni basın!</düymə>

Bu HTML kod bənddə mətn çatıb (bu <p> tag bir paraqraf başlayır, bu </p> tag bir paraqraf bitir.) Bir xətt fasilə var (bu <br>) və sonra bir düyməsinə sizin doyunca basın. Sizin browser sizin üçün ekranda onu qoyacaq.

Belə ki, bütün yaxşı və yaxşı. Amma HTML lakin heç bir şey varsa, you get a webpage that looks like it came straight out of the 1990’s. Çox yaxşı halda ki, on çıxdı (hairstyles, musiqi, və s.) Lakin gözləyin! Daha var!

CSS

Digər acronym. Yay. CSS dayanır Cascading Style Sheets, onlar həqiqətən bir yanlış ad bir az şəlalə yoxdur ildən (nə o deməkdir ki… kompüter kod, bir şəlalə!) CSS edir dil stil web pages üçün istifadə. Bu, çox, brauzerinizin tərəfindən şərh olunur.

Birlikdə CSS və HTML iş – HTML saytın layout edir, CSS onun flair verir. Bir ev bina düşünün: HTML cansıxıcı, lakin zəruri taxta çərçivə təqdim edir, CSS neon rəngləri və quirky mebel edir.

CSS olduqca sadə dil: müəyyən bir HTML tag üçün (bir paraqraf kimi), müxtəlif stil siniflər üçün dəyərlər daxil edə bilərsiniz. Sizin browser CSS oxumaq və bütün uyğun HTML tags tətbiq edəcək. Məsələn:

p {

rəng: qırmızı;

font-size: 16px;

}

Belə ki, hər paraqraf (HTML stuff <p> tags) olacaq qırmızı font və ola 16 ölçüsü pixels. Fark əgər, Bu siz Microsoft Word istifadə edə bilərsiniz eyni üslub bəzi və digər applications.

Belə ki, indi sizin web pages həyata qoymuş və onlar olduqca baxmaq. Amma burada bir şey var: ki, onlar bütün var. Onlar yalnız orada oturmaq və olduqca baxmaq. Böyük və bütün olan, lakin web users daha çox istəyirəm. Onlar xülya animasiyalar istəyirəm. Onlar pop-up istəyirəm (OK, bəlkə onlar geri idi 2002, amma sapmaq.) Onlar onlara basın zaman stuff ki, düymələri istəyirəm.

Son bir haqqında – ki, bir məsələ var. Siz edə bilərsiniz <düymə> HTML, və bütün həftə basın, lakin tezliklə heç bir zaman bir şey etdiklərini deyil. Siz düyməsinə istəyirsinizsə, oh Bilmirəm, ekran üzerinden fil hərəkət və bir şey hücum, then you need something more.

JavaScript

JavaScript edir yox Bir kısaltma, siz merak idi əgər. Bu Java adlı proqramlaşdırma dili kimi baxdı, çünki onlar JavaScript çağırıb, Bu olmazsa səbəb qəribə olan. Hər halda, JavaScript edir a proper programming language that causes all the dynamic effects web görmək.

Hər hansı bir proqramlaşdırma dili kimi, JavaScript edir dəyişənlərin və funksiyaları istifadə əmrləri bir sıra. JavaScript haqqında cool hissəsi (quyu, bir proqramlaşdırma dili ola bilər kimi cool) bu HTML elementləri əldə edə bilərsiniz ki, (ci maddələrdə və düymələri kimi) və CSS üslub (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 – bu $ 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”) üç languages ​​birlikdə iş necə şıq edir. JavaScript ki, ötən line saytın HTML ilə qarşılıqlı və CSS stil üçün istifadə. Bu languages ​​eyni şey yalnız müxtəlif komponentləri var kimi deyil – onlar bir və eyni istəyirik, eyni gözəl maşın müxtəlif tərəflər.

Maraqlı səs? Mən bunu nə düşünürəm. Ki, web gözəllik bir hissəsidir.