ກັບຄືນໄປບ່ອນຢູ່ໃນມື້ຂອງຂ້າພະເຈົ້າ (OK, ກ່ອນວັນຂອງຂ້າພະເຈົ້າ), ປະກອບອາຊີບຂອງການພັດທະນາເວັບໄຊຕ໌ນີ້ແມ່ນເປັນຫນຶ່ງຕ່ໍາ. ມັນຈັດອັນດັບຂ້າງລຸ່ມນີ້ Haters puppy ແຕ່ວ່າຂ້າງເທິງພັດລົມ yankees ການກ່ຽວກັບຂະຫນາດຂອງກຽດສັກສີເປັນມືອາຊີບ. ເນື່ອງຈາກວ່າ tags ທັງຫມົດແລະຮູບພາບ spacer ໂປ່ງໃສພວກເຮົາຖືກນໍາໃຊ້, ພວກເຮົາໄດ້ເຫັນວ່າເປັນແຮກເກີ crude ກັບຄວາມຮູ້ສຶກຂອງຊາດ້ວຍຄວາມງາມບໍ່ມີ.
ດີ, ພວກເຮົາອາດຈະຍັງໄດ້ຮັບການຂາດແຄນໃນຄວາມຮູ້ສຶກກ່ຽວກັບຄວາມງາມ, ແຕ່ເປັນເວັບທີ່ໄດ້ພັດທະນາສະນັ້ນມີປະກອບອາຊີບຂອງການພັດທະນາເວັບໄຊຕ໌. ມື້ນີ້ມີເຄື່ອງມືທີ່ countless ທີ່ພວກເຮົາສາມາດນໍາໃຊ້ເພື່ອເຮັດໃຫ້ດີທີ່ລາຍລັກອັກສອນ, ມາດຕະຖານ, ຕາມ, ແລະຄວາມງາມ (OK, ບາງທີບໍ່ວ່າຫນຶ່ງໃນສຸດທ້າຍ) ຫນ້າເວັບໄຊຕ໌. ສ່ວນໃຫຍ່ຂອງເວັບໄຊທ໌ທີ່ຍິ່ງໃຫຍ່ທີ່ທ່ານນໍາໃຊ້ໃນມື້ນີ້ (ສຽບ shameless: ລວມທັງຄົນນີ້) ຖືກສ້າງຂຶ້ນໂດຍນໍາໃຊ້ເຄື່ອງມືເຫຼົ່ານີ້.
bevy ຂອງພວກເຮົາຂອງເຄື່ອງມືກ່ຽວກັບການໃນຕອນທ້າຍຂອງຕົວທ່ອງເວັບໄດ້ອະນຸຍາດໃຫ້ພວກເຮົາເພື່ອສ້າງສິ່ງທີ່ກ່ຽວກັບເວັບໄຊຕ໌ທີ່ມີ unimaginable ໄດ້ພຽງແຕ່ 10 ປີກ່ອນຫນ້ານີ້, ເຊັ່ນ: ເຄືອຂ່າຍທາງສັງຄົມຫລາຍ claiming ຈະໄດ້ວິທີການທີ່ດີທີ່ສຸດກັບສິ່ງເສດເຫລືອທີ່ໃຊ້ເວລາຂອງທ່ານ, “ຮ້ອນ” ກວດເຕັກໂນໂລຊີ claiming ໄດ້ revolutionized ບາງສິ່ງບາງຢ່າງທີ່ໄດ້ຖືກເຮັດໄດ້ແລ້ວເປັນເວລາພັນ, ແລະ clones ນົກໃຈຫ້າຍ claiming ຈະມີພຽງແຕ່ເລັກນ້ອຍຮ້າຍແຮງຂຶ້ນກວ່າຕົ້ນສະບັບ. ທັງຫມົດກ່ຽວກັບເວັບໄຊຕ໌. ສະນັ້ນບາງທີເຄື່ອງມືເຫຼົ່ານີ້ບໍ່ໄດ້ຫມົດໄປກັບຍິ່ງໃຫຍ່ທີ່ສຸດໃນການນໍາໃຊ້.
ດັ່ງນັ້ນສິ່ງທີ່ມີເຄື່ອງມືເຫຼົ່ານີ້ເຮັດໃຫ້ປະລາດຂ້າພະເຈົ້າໄດ້ເວົ້າກ່ຽວກັບການ? ນໍາວິທີການນີ້ໄດ້ (ເຮັດໃຫ້ປະລາດໃຈວ່) ພາສາທີ່ເອີ້ນວ່າ HTML5, CSS3, ແລະ JavaScript, ເຊິ່ງຂ້າພະເຈົ້າຊື່ໄດ້ 3 horsemen ຂອງ webocalypse ໄດ້. ຕໍ່ໄປນີ້ແມ່ນເບິ່ງຢູ່ໃນແຕ່ລະຄົນໄດ້:
HTML
HTML (ເປັນທີ່ຮູ້ຈັກດີເປັນ HyperText Markup ພາສາ; ທ່ານສາມາດເບິ່ງວ່າເປັນຫຍັງປະຊາຊົນຜູ້ທີ່ບໍ່ໄດ້ຕ້ອງການທີ່ຈະເບິ່ງບໍ່ດີພຽງແຕ່ນໍາໃຊ້ acronym ໄດ້) ແມ່ນ ພາສາທີ່ນໍາໃຊ້ໃນການຈັດວາງຫນ້າເວັບໄຊຕ໌. ຂວາກົດຫນ້ານີ້ແລະໃຫ້ຄລິກ “ແຫຼ່ງຂໍ້ມູນເບິ່ງ”. ດັ່ງນັ້ນ, HTML ວ່າຫນ້ານີ້ໃຊ້ໄດ້.
ຈໍາເປັນ, HTML ແມ່ນຊໍ່ຂອງ tags, ເຊິ່ງຕົວທ່ອງເວັບ ແປແລະວາງ. ສໍາລັບຕົວຢ່າງ, ເບິ່ງຂໍ້ກໍານົດ HTML ນີ້:
<ຫນ້າ>ຂ້າພະເຈົ້າບໍ່ຮູ້ກ່ຽວກັບທ່ານ, ແຕ່ຂ້າພະເຈົ້າຢາກປຸ່ມກົດ.</ຫນ້າ>
<ອາຊຽນ>
<ປຸ່ມ>ຄລິກທີ່ຂ້າພະເຈົ້າ!</ປຸ່ມ>
ໂຄດ HTML ນີ້ໄດ້ຂໍ້ຄວາມຫໍ່ຢູ່ໃນວັກເປັນ (ໄດ້ <ຫນ້າ> ໂຄດຄໍາສັ່ງເລີ່ມຕົ້ນວັກເປັນ, ໄດ້ </ຫນ້າ> ໂຄດຄໍາສັ່ງສິ້ນສຸດລົງວັກເປັນ.) ມີການພັກຜ່ອນເສັ້ນເປັນ (ໄດ້ <ອາຊຽນ>) ແລະຫຼັງຈາກນັ້ນກົດປຸ່ມໃດຫນຶ່ງທີ່ທ່ານສາມາດຄລິກໃສ່ເນື້ອຫາຫົວໃຈຂອງທ່ານ. ຕົວທ່ອງເວັບຂອງທ່ານຈະຈັດວາງມັນອອກຈາກຫນ້າຈໍສໍາລັບທ່ານ.
ດັ່ງນັ້ນທັງຫມົດທີ່ດີແລະດີ. ແຕ່ຖ້າຫາກວ່າທ່ານບໍ່ມີຫຍັງມີແຕ່ HTML, you get a webpage that looks like it came straight out of the 1990’s. ຫຼາຍສິນຄ້າທີ່ບໍ່ໄດ້ມາອອກຂອງທົດສະວັດທີ່ແລ້ວ (hairstyles, ດົນຕີ, ແລະອື່ນໆ) ແຕ່ລໍຖ້າ! ມີຫຼາຍ!
CSS
ຫຍໍ້ອີກປະການຫນຶ່ງ. Summer. CSS ທີ່ຢືນສໍາລັບ ແຜ່ນແບບ Cascade, ເຊິ່ງນ້ອຍຂອງ misnomer ເປັນນັບຕັ້ງແຕ່ພວກເຂົາເຈົ້າບໍ່ cascade (ໃດກໍ່ຕາມວິທີການທີ່… ມັນເປັນລະຫັດໃນຄອມພິວເຕີ, ບໍ່ waterfall ເປັນ!) ກະແມ່ນ ພາສາທີ່ນໍາໃຊ້ກັບ webpages ແບບ. ນີ້, ເຊັ່ນດຽວກັນ, ແມ່ນການຕີລາຄາໂດຍຕົວທ່ອງເວັບຂອງທ່ານ.
CSS ແລະ HTML ການເຮັດວຽກຮ່ວມກັນ – HTML ເຮັດໃຫ້ຮູບຮ່າງຫນ້າຂອງ, ກະເຮັດໃຫ້ມັນ flair ຂອງຕົນ. ຈິນຕະນາການກໍ່ສ້າງເຮືອນ: HTML ສະຫນອງຂອບໄມ້ drab ແຕ່ມີຄວາມຈໍາເປັນ, CSS ເພີ້ມສີ neon ແລະເຄື່ອງເຟີນີເຈີ quirky.
ກະແມ່ນພາສາທີ່ງ່າຍ pretty: ສໍາລັບການໂຄດຄໍາສັ່ງຂອງ HTML ເປັນທີ່ແນ່ນອນ (ຄືວັກເປັນ), ທ່ານສາມາດກໍານົດຄຸນຄ່າສໍາລັບການຮຽນແບບຕ່າງໆ. ທ່ອງເວັບຂອງທ່ານຈະອ່ານ CSS ແລະນໍາໃຊ້ມັນກັບທຸກຄົນໄດ້ tags ຄໍາ HTML. ສໍາລັບຕົວຢ່າງ:
ຫນ້າ {
ສີ: ສີແດງ;
ຕົວອັກສອນຂະຫນາດ: 16px;
}
ວັກດັ່ງນັ້ນທຸກ (stuff ໃນ HTML ໄດ້ <ຫນ້າ> tags) ຈະມີ ສີແດງ ຕົວອັກສອນແລະຈະ 16 pixels ໃນຂະຫນາດ. ຖ້າທ່ານສັງເກດເຫັນ, ເຫຼົ່ານີ້ແມ່ນບາງສ່ວນຂອງຄໍເຕົ້າໄຂ່ທີ່ດຽວກັນທ່ານສາມາດໃຊ້ຢູ່ໃນ Microsoft Word ແລະຄໍາຮ້ອງສະຫມັກອື່ນໆ.
ດັ່ງນັ້ນໃນປັດຈຸບັນ webpages ຂອງທ່ານແມ່ນໄດ້ວາງໄວ້ແລະເຂົາເຈົ້າເບິ່ງ pretty. ແຕ່ໃນທີ່ນີ້ສິ່ງທີ່: ວ່າທັງຫມົດທີ່ພວກເຂົາເຈົ້າເຮັດແນວໃດ. ພວກເຂົາພຽງແຕ່ນັ່ງຢູ່ຊື່ໆແລະເບິ່ງ pretty. ຊຶ່ງເປັນທີ່ຍິ່ງໃຫຍ່ແລະທັງຫມົດ, ແຕ່ຜູ້ໃຊ້ຂອງເວັບໄຊຕ໌ທີ່ຕ້ອງການຫຼາຍກວ່າ. ພວກເຂົາເຈົ້າຕ້ອງການສັດ fancy. ພວກເຂົາເຈົ້າຕ້ອງການຮຽນ POP (OK, ບາງທີພວກເຂົາເຈົ້າໄດ້ກັບຄືນໄປຢູ່ໃນ 2002, ແຕ່ຂ້າພະເຈົ້ານອກເລື່ອງ.) ພວກເຂົາເຈົ້າຕ້ອງການປຸ່ມທີ່ຈະເຮັດ stuff ໃນເວລາທີ່ທ່ານຄລິກໃສ່ໃຫ້ເຂົາເຈົ້າ.
ກ່ຽວກັບທີ່ສຸດຄົນຫນຶ່ງ – ວ່າເປັນບັນຫາ. ທ່ານສາມາດເຮັດໃຫ້ມີການ <ປຸ່ມ> ໃນ HTML, ແລະທ່ານສາມາດຄລິກໃສ່ມັນອາທິດທັງຫມົດ, ແຕ່ວ່າມັນບໍ່ເຮັດສິ່ງໃດຫນຶ່ງທີ່ໃຊ້ເວລາທັນທີ. ຖ້າຫາກວ່າທ່ານຕ້ອງການກົດປຸ່ມໃນການ, ໂອ້ຍຂ້າພະເຈົ້າບໍ່ຮູ້ວ່າ, ຍ້າຍສຽງຂອງທ່ານທົ່ວຫນ້າຈໍແລະການທໍາຮ້າຍບາງສິ່ງບາງຢ່າງ, then you need something more.
JavaScript
JavaScript ແມ່ນ ບໍ່ ຫຍໍ້ເປັນ, ຖ້າຫາກວ່າທ່ານໄດ້ຖືກ wondering. ພວກເຂົາເຈົ້າເອີ້ນວ່າມັນ JavaScript ເນື່ອງຈາກວ່າມັນເບິ່ງຄ້າຍຄືພາສາທີ່ດໍາເນີນໂຄງການທີ່ເອີ້ນວ່າ Java, ຊຶ່ງເປັນສາເຫດ strange ມັນບໍ່ໄດ້. ແລ້ວ, JavaScript ແມ່ນ a proper programming language that causes all the dynamic effects ທ່ານເຫັນກ່ຽວກັບເວັບໄຊຕ໌.
ເຊັ່ນດຽວກັນກັບພາສາໃດຫນຶ່ງ, JavaScript ແມ່ນ ຊຸດຂອງຄໍາສັ່ງທີ່ເຮັດໃຫ້ຕົວປ່ຽນແປງແລະນໍາໃຊ້ປະຕິບັດຫນ້າທີ່. ສ່ວນທີ່ເຢັນກ່ຽວກັບ JavaScript (ດີ, ເປັນເຢັນເປັນພາສາໂປຣແກຣມທີ່ສາມາດຈະ) ແມ່ນວ່າທ່ານສາມາດເຂົ້າເຖິງຜູ້ປະກອບ HTML (ຄືວັກແລະປຸ່ມ) ແລະຄໍເຕົ້າໄຂ່ CSS (ຄືສີຕົວອັກສອນແລະຂະຫນາດ) ແລະມີການປ່ຽນແປງໃຫ້ເຂົາເຈົ້າ. ເບິ່ງຂໍ້ກໍານົດນີ້:
var paragraph = $(‘p’);
paragraph.css(‘color’,’blue’);
This JavaScript code will find all the paragraphs on the page – ໄດ້ $ sign tells the browser to find all matching elements, and the ‘p’ means it needs to choose paragraphs (remember the <ຫນ້າ> 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 ທີ່ນໍາໃຊ້ເພື່ອແບບມັນ. ມັນບໍ່ຄືພາສາດັ່ງກ່າວແມ່ນອົງປະກອບທີ່ແຕກຕ່າງກັນພຽງແຕ່ຂອງສິ່ງດຽວກັນ – ພວກເຂົາເຈົ້າກໍາລັງຫນຶ່ງແລະດຽວກັນ, ທັງສອງດ້ານທີ່ແຕກຕ່າງກັນຂອງເຄື່ອງເຮັດໃຫ້ປະລາດດຽວກັນ.
ສຽງ fascinating? ຂ້າພະເຈົ້າຄິດວ່າມັນບໍ່. ດັ່ງນັ້ນ, ພາກສ່ວນຫນຶ່ງຂອງຄວາມງາມຂອງເວັບໄຊຕ໌ໄດ້.
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.