Ang web development ay ang sining at proseso ng paglikha ng mga website. Nagbibigay-daan ito sa amin na magbahagi ng mga ideya, kwento, larawan, at laro sa internet. Sa araling ito, matututunan natin ang mga pangunahing kaalaman sa pagbuo ng web. Pag-uusapan natin ang tungkol sa mga tool at wikang ginamit at kung paano magkatugma ang lahat tulad ng mga piraso ng isang puzzle. Ang araling ito ay nakasulat sa simpleng wika upang ang lahat ay masiyahan sa pag-aaral tungkol sa pagbuo ng mga website.
Ang ibig sabihin ng web development ay paggawa ng mga website na maaaring bisitahin ng mga tao sa internet. Ito ay tulad ng paglikha ng isang digital storybook kung saan ang bawat pahina ay nagbabahagi ng isang bagay na masaya o kawili-wili. Ang mga website ay maaaring magpakita ng mga larawan, video, laro, at impormasyon, katulad ng mga picture book na kinagigiliwan mo sa paaralan.
Isipin na mayroon kang isang koleksyon ng iyong mga paboritong guhit. Kung isasama mo ang mga ito sa isang album, maaaring humanga ang ibang tao sa iyong gawa. Sa parehong paraan, ang isang web developer ay nagsasama-sama ng maraming piraso—mga salita, larawan, at code—upang lumikha ng isang website na maaaring bisitahin ng lahat.
Mahalaga ang web development dahil nagdadala ito ng impormasyon at saya sa ating buhay. Kapag naghahanap ka ng masayang laro, manood ng cartoon, o humanap ng kapaki-pakinabang na impormasyon online, gumagamit ka ng mga website. Ang mga website na ito ay binuo gamit ang web development.
Tinutulungan ng internet ang mga tao na matuto ng mga bagong bagay, ibahagi ang kanilang mga ideya, at maglaro pa nga. Ginagawang posible ng web development ang lahat ng ito. Ito ay tulad ng pagbuo ng mga makukulay na bahay sa isang digital na kalye kung saan maaaring dumaan ang mga kaibigan at masiyahan sa iyong itinayo.
Ang bawat web page ay binubuo ng iba't ibang bahagi na nagtutulungan upang magkuwento ng kumpletong kuwento. Tulad ng isang drawing na may tuktok, gitna, at ibaba, ang isang web page ay may ilang mga seksyon:
Ang mga bahaging ito ay tumutulong sa pag-aayos ng pahina upang ito ay magmukhang maayos at madaling maunawaan. Nagbibigay-daan sila sa mga tao na mabilis na makita kung tungkol saan ang isang website at mahanap kung ano ang kailangan nila.
Gumagamit ang mga web developer ng iba't ibang tool upang bumuo ng mga website. Nakakatulong ang mga tool na ito sa pagsulat ng mga code, mga layout ng disenyo, at tingnan kung gumagana nang tama ang lahat. Ang ilang mga karaniwang tool ay:
Ang paggamit ng mga tool na ito ay tulad ng paggamit ng iba't ibang mga brush at kulay upang magpinta ng isang larawan. Ang bawat tool ay may sariling espesyal na trabaho na tumutulong na buhayin ang website.
Kapag gumawa kami ng website, gumagamit kami ng mga espesyal na wika sa computer. Isipin ang mga wikang ito bilang mga sangkap sa isang recipe. Mayroong tatlong pangunahing wika sa pagbuo ng web:
Bawat wika ay mahalaga. Kung walang HTML, ang website ay walang istraktura. Kung walang CSS, ang website ay magiging simple. At kung walang JavaScript, hindi magiging interactive ang website.
Ang HTML ay kumakatawan sa HyperText Markup Language. Ito ang pangunahing tool upang lumikha ng isang website. Sinasabi ng HTML sa isang web browser ang istraktura ng isang pahina, tulad ng mga bloke ng gusali na bumubuo ng isang kastilyo.
Narito ang isang simpleng halimbawa ng HTML na gumagawa ng pangunahing web page:
<!DOCTYPE html>
<html>
<ulo>
<title>Aking Unang Website</title>
</head>
<katawan>
<h1>Welcome sa Aking Website</h1>
<p>Ito ang aking unang web page.</p>
</body>
</html>
Sa code na ito:
Ang HTML ay ang blueprint ng bawat website. Ipinapakita nito ang pagkakasunud-sunod at lugar para sa lahat ng mga bahagi.
Ang CSS ay nangangahulugang Cascading Style Sheets. Sa CSS, nagdaragdag ang mga web developer ng mga kulay, nagbabago ng mga font, at nag-aayos ng layout ng mga web page. Ang CSS ay parang pagpili ng mga kulay at dekorasyon para sa isang kwarto.
Kung gusto mong magmukhang kaakit-akit at masayahin ang iyong website, nakakatulong ang CSS diyan. Halimbawa, upang gawing asul ang isang heading at ang teksto ng isang partikular na laki, maaari mong gamitin ang sumusunod na CSS code:
h1 {
kulay: asul;
laki ng font: 24px;
}
p {
laki ng font: 16px;
kulay: itim;
}
Sinasabi ng CSS code na ito sa browser na gawing bughaw at malaki ang lahat ng h1 tag, at lahat ng p tag ay maliit na sukat na may itim na teksto. Ginagawa ng CSS ang isang website na maganda ang pagkakaayos at istilo.
Ang JavaScript ay isang espesyal na wika na nagdaragdag ng paggalaw at saya sa mga website. Ginagawa nitong interactive ang mga web page. Nangangahulugan ito na kapag nag-click ka sa isang button o nag-hover sa isang bagay, maaaring mag-react ang JavaScript at gumawa ng mga pagbabago.
Halimbawa, isaalang-alang ang isang button na nagpapakita ng mensahe kapag na-click. Narito ang isang simpleng halimbawa ng JavaScript:
<button onclick="alert('Hello, world!')">Click Me</button>
Sa halimbawang ito, kapag pinindot mo ang "Click Me" na buton, ang browser ay nagpapakita ng isang maliit na alerto na may mensaheng "Hello, world!" Ipinapakita nito kung paano makakatulong ang JavaScript sa isang web page na tumugon sa iyong mga aksyon, na ginagawa itong interactive at nakakatuwang gamitin.
Ang web browser ay isang program na tumutulong sa iyong bumisita sa mga website. Kapag nag-type ka ng address ng isang website sa isang browser, hahanapin nito ang website at ipinapakita ito sa iyong screen. Isipin ang isang browser bilang isang magic window na nagbibigay-daan sa iyong makita kaagad ang malalayong lugar.
Tulad ng isang storybook na binuksan upang basahin ang isang kuwento, ang isang web browser ay nagbubukas ng isang website para sa iyo. Nanonood ka man ng nakakatawang video o nagbabasa ng makulay na blog, ginagawang posible ng mga web browser na ma-enjoy mo ang lahat ng bagay na ito sa iyong computer o tablet.
Ang web development ay nasa paligid natin. Maraming mga website na ginagamit mo araw-araw ay ginawa gamit ang mga tool at wikang tinalakay sa itaas. Narito ang ilang halimbawa kung saan ginagamit ang web development:
Ipinapakita ng mga totoong halimbawang ito kung paano nakakatulong ang web development na gawing mas masaya, kapana-panabik, at nagbibigay-kaalaman ang pang-araw-araw na buhay.
Maaari kang lumikha ng iyong sariling web page sa pamamagitan ng pagsunod sa ilang simpleng hakbang. Ang mga hakbang na ito ay parang isang recipe na maaari mong sanayin nang paulit-ulit:
Sa paggawa ng mga hakbang na ito, gagawin mo ang unang maliit na hakbang sa paggawa ng sarili mong website. Habang nagsasanay ka pa, matututo ka ng mga bagong diskarte at ideya para magdagdag ng higit pang mga kapana-panabik na bahagi sa iyong web page.
Ang web development ay parang isang malaking kahon ng mga krayola. Sa bawat bagong piraso ng code, makakapagdagdag ka ng bagong kulay o disenyo sa iyong website. Nagsisimula ito sa mga simpleng ideya na dahan-dahang nagsasama-sama habang natututo ka pa tungkol sa HTML, CSS, at JavaScript.
Gamitin ang iyong imahinasyon. Isipin ang mga disenyo, kulay, at layout na nagpapasaya sa iyo. Tulad ng pagguhit ng isang larawan o gusali na may mga bloke, ang bawat website na gagawin mo ay maaaring maging salamin ng iyong mga natatanging ideya.
Kahit na gumawa ka ng maliit na web page ngayon, maaari kang magpatuloy na magdagdag ng higit pang mga detalye habang natututo ka. Ang bawat pagbabago ay isang hakbang patungo sa pagbuo ng isang bagay na kahanga-hanga sa internet.
Palaging marami pang dapat matutunan sa web development. Habang tumatanda ka, maaari kang mag-explore ng mga bagong paksa gaya ng:
Ang mga paksang ito ay parang mga advanced na kabanata sa isang kahanga-hangang aklat tungkol sa mga kompyuter. Sa ngayon, pinakamahusay na magsimula sa mga pangunahing kaalaman at ipagmalaki ang bawat maliit na website na iyong nilikha.
Sa tuwing bibisita ka sa isang website para manood ng video o maglaro ng isang simpleng laro, gumagamit ka ng web development. Isipin ang isang website bilang isang digital playground. Ang mga bloke ng gusali, ang mga kulay, at ang mga interactive na elemento ay nagtutulungan lahat upang lumikha ng masaya at nakaka-engganyong mga lugar online.
Kapag nakakita ka ng mga gumagalaw na larawan, mga pop-up na mensahe, o kahit na nagbabago ang mga kulay, tandaan na ang bawat isa sa mga feature na ito ay binuo gamit ang HTML, CSS, at JavaScript. Ang web development ay nagdudulot ng kaguluhan at pagkamalikhain sa pang-araw-araw na gawain sa internet.
Nangangahulugan ito na ang pag-aaral tungkol sa web development ay parang pag-aaral kung paano bumuo gamit ang LEGO blocks. Ang bawat bloke ay mahalaga, at ang bawat maliit na hakbang ay nakakatulong sa iyo na lumikha ng kamangha-manghang bagay na mae-enjoy ng lahat.
Ang mundo ng web development ay palaging lumalaki at nagbabago. Ang mga bagong tool, ideya, at disenyo ay nilikha habang ang mga tao ay nakatuklas ng mas mahuhusay na paraan upang bumuo ng mga website. Sa hinaharap, ang mga website ay maaaring makipag-usap sa iyo, matandaan ang iyong mga paboritong laro, o kahit na baguhin ang hitsura ng mga ito batay sa kung ano ang gusto mo.
Bagama't ang ilan sa mga ideyang ito ay maaaring mukhang malaki ngayon, ang pag-aaral ng mga pangunahing kaalaman ay maghahanda sa iyo para sa mas kapana-panabik na mga proyekto sa ibang pagkakataon. Ang bawat website na nakikita mo ngayon ay nagsimula bilang isang simpleng ideya. Sa paglipas ng panahon, ang mga simpleng ideyang iyon ay nagiging masaya at makabagong pakikipagsapalaran sa web.
Ang pagpapanatiling bukas sa isip at pagiging malikhain ay susi sa pagtuklas sa mga bagong ideyang ito. Habang natututo ka pa at nagsasanay sa pagbuo ng mga website, maaari kang maging bahagi ng hinaharap ng web development.
Ang isa sa mga pinakamagandang bahagi ng web development ay ang pinaghalong teknolohiya at pagkamalikhain. Kung paanong nasisiyahan ka sa pagguhit at paggawa, ginagamit ng mga developer ang kanilang mga malikhaing kakayahan upang bumuo ng mga website. Pinipili nila ang mga kulay, font, at mga layout na nagpapakita ng personalidad ng website.
Kapag nagdidisenyo ka ng isang bagay, ito man ay isang pagguhit o isang web page, gumagamit ka ng mga tool upang ipahayag ang iyong mga ideya. Sa web development, nangangahulugan iyon ng paggamit ng HTML para sa istraktura, CSS para sa mga kulay at estilo, at JavaScript para sa mga interactive na sandali. Ang bawat website ay nagiging isang natatanging piraso ng sining na maaaring tamasahin ng mga tao.
Ang web development ay isang malaking bahagi ng computer science. Ang computer science ay ang pag-aaral kung paano gumagana ang mga computer at kung paano natin magagamit ang mga ito upang malutas ang masaya at mahahalagang problema. Kapag natutunan mo ang web development, gumagamit ka ng mga kasanayan sa computer science tulad ng paglutas ng problema at lohikal na pag-iisip.
Ang paksang ito ay tulad ng pag-aaral kung paano bumuo ng mga bloke at palaisipan. Habang nagsasanay ka, natutunan mo kung paano nagsasama-sama ang iba't ibang piraso upang bumuo ng isang bagay na gumagana nang perpekto. Ang mga kasanayang ito ay kapaki-pakinabang hindi lamang para sa paglikha ng mga website kundi pati na rin para sa maraming iba pang nakakatuwang mga proyekto sa computer.
Kung nagsisimula ka pa lang, narito ang ilang simpleng tip upang matulungan ka sa iyong paglalakbay sa web development:
Tutulungan ka ng mga tip na ito na manatiling motivated at matuto nang higit pa tungkol sa web development araw-araw.
Narito ang ilang nakakatuwang katotohanan: