Sa prinsipyo, ang bawat website ay itinayo batay sa 3 mga teknolohiya; HTML, CSS at Javascript. Pakikipag-usap ang HTML sa pag-order ng iba't ibang bahagi ng bahagi ng site, CSS kasama ang paraan kung saan nai-render ang mga bahaging iyon at Javascript kumplikadong mga gawain tulad ng pagtugon sa mga pagkilos ng gumagamit.
En nakaraang mga artikulo Ipinaliwanag namin na ito ay isang balangkas ng CSS at binigyan ng isang listahan ng pinakamahusay na magagamit namin sa Linux. Kung paano ang papel ng Javascript ay medyo mahirap ipaliwanag, gagawa kami ng isang maliit na pagpapakilala sa paksa, bago kami magkomento sa mga balangkas nito.
Wika ng programang Javascript. Konting pagpapakilala
Ano ang Javascript?
Ang Javascript ay isang wikang nagprograma na orihinal na nilikha upang ihinto ang mga web page mula sa pagiging static, bagaman ngayon ang paggamit nito ay kumalat sa mga sektor na walang kinalaman sa web.
Lang mga programang nakasulat sa Javascript ay tinatawag na script at tumakbo sila sa loob ng isang virtual machine na kilala bilang isang Javascript engine.
Ang lahat ng mga modernong browser ay may kasamang kanilang bersyon ng Javascript engine
Para sa kaligtasan ng mga gumagamit, ang iba't ibang mga browser ay naglalagay ng mga limitasyon sa kung ano ang maaaring gawin ng Javascript code. Halimbawa, pag-access sa mga kritikal na file sa disk. Gayunpaman, maaari itong maging karagdagang limitado sa mga pagpipilian sa pagsasaayos ng bawat isa.
Ang pagpapatakbo ng Javascript code sa loob ng isang web page ay ang mga sumusunod:
- Ang engine na Javascript na naka-embed sa browser ay nagbabasa ng code.
- Ang code ay na-convert sa wika ng makina.
- Ang makina ay nagpapatupad ng code.
Bilang isang wika sa pagprograma, ang Javascript ay maaaring gumanap ng mga gawain tulad nito:
- Mag-imbak ng impormasyon sa loob ng mga variable.
- Pangasiwaan ang mga string ng teksto.
- Patakbuhin ang mga programang tumutugon sa mga kaganapan tulad ng pag-click sa isang link.
Tataas ang mga kakayahan sa Javascript sa pamamagitan ng paggamit ng Application Programming Interfaces (API)
Ang mga API ay nilikha ang mga library ng programa para sa mga tiyak na gawain na nagpapalaya sa developer mula sa pagkakaroon ng muling pagsusulat ng mayroon nang code. Sa kaso ng Javascript maaari nating pag-usapan ang dalawang uri ng APIS
Mga Browser API
Tumakbo sila sa loob ng browser at tumutugon sa kapaligiran. Mayroon kaming, halimbawa:
Modelong Bagay ng Dokumento (DOM): Ginagawa nitong posible na gumawa ng mga pagbabago sa HTML at CSS code ng pahina bilang tugon sa ilang mga kaganapan. Ito ang kaso ng mga website na pinapayagan kaming makita kung paano lilitaw ang isang pahina sa iba't ibang mga aparato.
Geolocation APIa: Ginagamit ito upang makita ang lokasyon ng gumagamit at tumugon nang naaayon. Halimbawa, ginagamit ito ng Netflix upang malaman kung anong nilalaman ang maaari mong makita sa iyong bansa o Google Maps upang maipakita sa iyo kung nasaan ka.
Canvas at WebGL: Perpekto ang mga ito para sa paglalagay ng 2d at 3d graphics
Mga Multimedia API: Pinapayagan nila ang paghahatid at pagtanggap ng nilalaman ng multimedia mula sa isang web page.
Mga API ng third-party
Sinusubukan ng iba't ibang mga serbisyo sa web na makakuha ng mas maraming mga gumagamit (at sa ilang mga kaso mas maraming impormasyon mula sa mga gumagamit na ibenta ito) Iyon ang dahilan kung bakit lumikha ng mga interface ng programa upang maisama ng mga developer ang mga pagpapaandar na ibinibigay ng mga serbisyong ito sa mga panlabas na site. Halimbawa ito ng kaso ng mga web page na nagbibigay-daan sa iyo upang magparehistro sa iyong Google o Facebook account.
Paano gumagana ang Javascript code sa loob ng isang website
Una sa lahat, dapat itong linawin na ang bawat script ng javascript ay tumatakbo sa loob ng sarili nitong runtime environment. Mayroong isang kapaligiran sa pagpapatupad para sa bawat tab (kung magbubukas kami ng iba't ibang mga site sa loob ng parehong window) o para sa iba't ibang mga bintana kung gusto namin. Walang kaso na magkakaugnay sila sa isa't isa o, tulad ng sinabi namin, sa operating system nang walang aktibong interbensyon ng gumagamit.
Una snaglo-load ang HTML code ng web page at isang modelo ng bagay ng dokumento ang nilikha upang maipakita ito sa browser. Ang mga item na ikakabit ay pagkatapos ay nai-load sa pahina bilang media, mga imahe, at style sheet. Sa wakas, ang mga istilo ay nakatalaga sa iba't ibang bahagi ng pahina tulad ng tinutukoy ng mga sheet ng estilo.
Kapag natapos ang lahat ng ito, ito ay kapag nagsimula ang engine ng Javascript pagsunod sa pagkakasunud-sunod na nabanggit sa itaas.
Sa aming susunod na artikulo pumunta kami sa ipinangakong listahan ng mga balangkas para sa Javascript.