An introduction to pangembangan web

HTML 5 logo on an iPhone smartphone with app icons around it in a cloud
Sambutan kanggo web.

Bali ing dina Pendhaftaran (OK, sadurunge Pendhaftaran dina), profesi saka pangembang web ana siji kurang. Iku ditingkat ngisor kirik hater nanging ndhuwur Yankees penggemar ing ukuran profesional pakurmatan. Amarga kabeh tags lan transparan spacer gambar kita digunakake, kita padha katon minangka Crude peretas karo ora raos estetika.

Uga, kita bisa isih kakurangan ing estetis pangertèn, nanging minangka Web wis dikembangaké supaya wis profesi saka pangembang web. Iki dina ana kaetung pribadi kita bisa migunakake kanggo nggawe uga-ditulis, standar-manut kontek, lan ayu (OK, Mungkin ora sing siji pungkasan) kaca web. Paling saka situs web gedhe sampeyan nggunakake dina (ora duwe isin colokan: kalebu siji iki) sing dibangun nganggo pribadi.

Kita bevy pribadi ing mburi browser kang wis diijini kita nggawe iku ing web sing padha unimaginable mung 10 kepungkur, kayata kaetung jaringan sosial ngakoni dadi cara paling apik kanggo sampah wektu, “panas” tech Startups ngakoni wis nuwuhake owah-owahan bab sing wis rampung kaping ewu, lan Angry Birds turunan ngakoni dadi mung rada Samsaya Awon saka asli. Kabeh ing web. Supaya Mungkin tools iki wis ora musna kanggo paling saka ulah.

Dadi apa sing kasebut pribadi sange aku wis ngomong bab? Anjog cara wis (sakbenere sange) basa disebut HTML5, CSS3, lan JavaScript, kang julukan ing 3 jaranan saka webocalypse. Punika dipikir ing saben siji:

HTML

HTML (mlaku dikenal minangka Hypertext Markup Basa; sampeyan bisa ndeleng apa wong kang ora pengin katon ala mung nggunakake akronim) punika basa sing dipigunakaké kanggo lay metu kaca web. Klik-tengen ing kaca iki lan klik “Tampilan Sumber”. Sing paling HTML sing kaca iki migunakake.

Ateges, HTML punika Bunch saka tags, kang browser interprets lan nyeleh metu. Contone, katon ing kode iki HTML:

<p>Aku ora ngerti bab, nanging aku kaya mencet tombol.</p>

<BR>

<tombol>Klik kula!</tombol>

Iki kode HTML kasedhiya wis teks kebungkus ing paragraf (ing <p> tag miwiti paragraf, ing </p> tag ends sing paragraf.) Wonten break baris (ing <BR>) banjur tombol sing bisa klik kanggo isi atimu. Browser bakal lay metu ing layar kanggo kowe.

Supaya kabeh uga apik lan. Nanging yen sampeyan duwe nanging HTML apa, you get a webpage that looks like it came straight out of the 1990’s. Ora akeh apik medal dekade tho (rekmo, musik, etc) Nanging ngenteni! Ana liyane!

CSS

Liyane akronim. Panas. CSS stands for Runtun Gaya Sheets, kang dicokot saka teges wiwit padha ora nemen Cascade (apa wae sing liya… iku kodhe komputer, ora grojogan!) CSS punika basa sing dipigunakaké kanggo gaya kaca web. Iki, banget, dipun artosaken dening browser.

CSS lan HTML karya bebarengan – HTML damel kaca tata letak, CSS menehi iku sawijining bakat. Mbayangno bangunan house: HTML nyedhiyakake drab nanging perlu kayu-kayuan framework, CSS nambah ing werna neon lan quirky prabot.

CSS punika basa cantik straightforward: kanggo tag HTML tartamtu (kaya paragraf), sampeyan bisa nemtokake nilai kanggo macem-macem gaya kelas. Browser bakal maca CSS lan aplikasi iku kanggo kabeh tags cocog HTML. Contone:

p {

werna: abang;

font-size: 16px;

}

Supaya saben paragraf (kuwi ing HTML <p> tags) bakal abang font lan 16 piksel ing ukuran. Yen ngeweruhi, iku sawetara gaya padha sampeyan bisa nggunakake ing Microsoft Word lan aplikasi liyane.

Dadi saiki Panjenengan kaca web sing glethakaken metu lan padha katon ayu. Nanging ing kene ing bab: sing kabeh padha nglakoni. Padha mung njagong ana lan katon ayu. Kang gedhe lan kabeh, kedhaftar saka web nanging arep maneh. Padha arep apik animasi. Padha arep pop-ups (OK, Mungkin padha bali ing 2002, nanging aku digress.) Padha arep tombol sing bakal nggawe kuwi nalika klik wong.

Babagan sing siji pungkasan – iku masalah. Sampeyan bisa nggawe <tombol> ing HTML, lan sampeyan bisa klik kabeh minggu, nanging iku ora mengkono apa sembarang wektu rauh. Yen pengin tombol kanggo, oh aku ora ngerti, ngalih gajah tengen layar lan nyerang soko, then you need something more.

JavaScript

JavaScript punika ora lan akronim, yen padha pemikiran. Padha nyebut JavaScript amarga nyawang kaya language programming disebut Jawa, kang aneh sabab ora. Oalah, JavaScript punika a proper programming language that causes all the dynamic effects sampeyan ndeleng ing web.

Kaya basa pamrograman, JavaScript punika seri printah sing nggawe variabel lan fungsi digunakake. Sisih kelangan babagan JavaScript (uga, minangka kelangan minangka basa pamrograman bisa) iku sampeyan bisa ngakses aplikasi unsur 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 – ing $ sign tells the browser to find all matching elements, and the ‘pmeans 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, iki kabeh saka sudut pandang saka “webdev”) carane elegantly basa telung kadayan. Sing baris pungkasan JavaScript interaksi kaliyan HTML kaca lan CSS sing dipigunakaké kanggo Gaya dhewek. Iku ora kaya iki basa sing mung beda komponen saka bab sing padha – padha lagi siji lan padha, beda pinggir padha sange mesin.

Muni narik banget? Aku ora. Sing mung bagéyan saka kaendahan saka web.

Published by

Neel Mehta

Harvard College. Web developer. Sometime philosopher. Baseball junkie.

One thought on “An introduction to pangembangan web”

  1. wow was surprised to find out that u wrote it, good job it is a nice lead into this for me before i go to sawyer’s web programming packets.

Ninggalake Reply