ຢ່າງໃດກໍ່ຕາມ, ມີທັກສະບໍ່ຫຼາຍປານໃດທີ່ວຽກງານການພັດທະນາດ້ານຫນ້າຈະຕ້ອງມີ - ທັກສະ "ຫຼັກ" - ແລະອີກສອງສາມຢ່າງທີ່ທ່ານຄວນພິຈາລະນາຢ່າງຮຸນແຮງໃນການເພີ່ມປະສົບການຂອງທ່ານ.
ສິ່ງທີ່ທ່ານຕ້ອງການຮູ້
ຊອກຫາລາຍການວຽກອອນລາຍໃນການຊອກຫາສິ່ງທີ່ສໍາຄັນສໍາລັບຜູ້ພັດທະນາດ້ານຫນ້າຈະຮູ້ແລະເຂົ້າໃຈ; ມີສາມສິ່ງສໍາຄັນ.
ບໍ່ແມ່ນເຈລະຈາ.
ແລະພວກເຂົາແມ່ນ:
- HTML
- CSS
- JavaScript (jQuery)
ເຫຼົ່ານີ້ແມ່ນພື້ນຖານ. ໂຊກດີ, ມີຫຼາຍໆ ເວທີການຮຽນຮູ້ອອນໄລຫລືບໍ່ແພງ ທີ່ທ່ານສາມາດຮຽນຮູ້ທັກສະເຫຼົ່ານີ້ຖ້າທ່ານບໍ່ຮູ້ແລ້ວ.
HTML
HyperText Markup Language, ຫຼື HTML, ແມ່ນອົງປະກອບໂຄງສ້າງທີ່ສໍາຄັນຂອງເວັບໄຊທ໌ທັງຫມົດໃນອິນເຕີເນັດ. ໃນຖານະເປັນ Jennifer Kyrnin ເວົ້າວ່າ,
"ມັນເປັນພາສາຂອງຫນ້າເວັບ - ພາສາການຕີລາຄາທີ່ຕົວທ່ອງເວັບອ່ານເພື່ອສະແດງຫນ້າເວັບຕ່າງໆ."
ຫນ້າເວັບບໍ່ສາມາດໃຊ້ໄດ້ໂດຍບໍ່ມີ HTML.
CSS
CSS ແລະ HTML ເຮັດວຽກຮ່ວມກັນ: CSS ເພີ່ມຮູບແບບ HTML. ຂ້ອຍຢາກໃຊ້ການປຽບທຽບ HTML ທີ່ຄ້າຍຄືກັບໃບຫນ້າແລະ CSS ແມ່ນຄ້າຍຄືກັບດິນຟ້າ.
ເຖິງແມ່ນວ່າ CSS ບໍ່ຈໍາເປັນທີ່ຈະໄດ້ຮັບເວັບໄຊທ໌ອອນໄລນ໌, ໂດຍພື້ນຖານແລ້ວທຸກໆເວັບໄຊທ໌ອອນລາຍໃຊ້ແບບປະເພດຕ່າງໆ.
ຖ້າບໍ່ດັ່ງນັ້ນ, ມັນກໍ່ເປັນເລື່ອງທີ່ຫນ້າເບື່ອ. ມີສະບັບຫຼ້າສຸດຂອງ CSS, ທ່ານສາມາດເຮັດສິ່ງຕ່າງໆເຊັ່ນການເຄື່ອນໄຫວແລະຄໍເຕົ້າໄຂ່ທີ່ກ້າວຫນ້າທາງດ້ານຫຼາຍທີ່ມີພຽງແຕ່ JavaScript ຫຼື Flash ໃນໄລຍະຜ່ານມາເທົ່ານັ້ນ.
JavaScript
JavaScript, ຫຼື JS, ໄດ້ກ້າວຫນ້າຢ່າງໄວວາໃນໄລຍະປີ. ມັນມີຈຸດປະສົງຈໍານວນຫຼາຍໃນປະຈຸບັນແລະສາມາດນໍາໃຊ້ໃນທາງຫນ້າຫຼືດ້ານຫລັງ.
ໃນການພົວພັນກັບການພັດທະນາທາງຫນ້າ, JS ແມ່ນສໍາຄັນເພາະວ່າມັນຊ່ວຍໃຫ້ຫນ້າເວັບສາມາດຕອບສະຫນອງໄດ້. ທ່ານສາມາດເຮັດສິ່ງທີ່ຫນ້າຢ້ານກົວເຊັ່ນການສ້າງແບບສໍາຫຼວດ, ຄໍາຖາມຫລືແບບຟອມຕ່າງໆ.
ໃນປະຈຸບັນມີຫລາຍຫ້ອງສະຫມຸດ JS ອອນໄລນ໌ເພື່ອຊ່ວຍໃຫ້ທ່ານເອົາຫນ້າເວັບຂອງທ່ານໄປໃນລະດັບຕໍ່ໄປ.
ຢ່າງໃດກໍຕາມ, ເພື່ອກາຍເປັນນັກພັດທະນາດ້ານຫນ້າ, ທ່ານພຽງແຕ່ຕ້ອງເຂົ້າໃຈ JavaScript ຂັ້ນພື້ນຖານເຊັ່ນດຽວກັບຫໍສະຫມຸດ JS ທີ່ນິຍົມທີ່ສຸດ - jQuery.
Nice-to-Haves
ຫຼັງຈາກທີ່ໄດ້ຮັບການລົງພື້ນຖານ, ເຫຼົ່ານີ້ແມ່ນມີທັກສະອື່ນໆທີ່ດີທີ່ຈະມີ. (ແລະຫຼາຍວຽກເຮັດງານທໍາການພັດທະນາທາງຫນ້າຊອກຫາໃຫ້ເຂົາເຈົ້າ.)
MV * JavaScript Frameworks
ກອບພາສາ JavaScript ຊ່ວຍໃຫ້ທ່ານຈັດລະບຽບແລະລະງັບລະຫັດຂອງທ່ານ.
ເທົ່າກັບທາງເລືອກ MV * (ຫຼື MVC) ໄປ, ມີສາມສິບອອກມີ: ສອງຂອງທີ່ນິຍົມຫຼາຍທີ່ສຸດແມ່ນ backbone.js ແລະ angular.js.
ໂດຍບໍ່ຕ້ອງສົງໃສ, ການຮຽນຮູ້ກອບ JS ແມ່ນສ່ວນຫນຶ່ງທີ່ຫນັກແຫນ້ນທີ່ສຸດຂອງການກາຍເປັນນັກພັດທະນາດ້ານຫນ້າທາງດ້ານທີ່ແທ້ຈິງ, ແຕ່ມັນເປັນວິທີທີ່ດີທີ່ສຸດທີ່ຈະໃຊ້ທັກສະຂອງທ່ານໄປໃນລະດັບຕໍ່ໄປ.
CSS Tools
ເມື່ອທຽບກັບກອບ JavaScript ຂ້າງເທິງ, ເຄື່ອງມື CSS ຂ້າງລຸ່ມນີ້ແມ່ນງ່າຍຕໍ່ການຮຽນຮູ້. ມີສາມປະເພດທີ່ຈະຊອກຫາ:
Precompilers: ການນໍາໃຊ້ precompiler (ຫຼື preprocessor) ມີຫຼາຍປະໂຫຍດ, ຈາກການເຮັດໃຫ້ລະຫັດສະອາດເພື່ອຮັກສາອົງການຈັດຕັ້ງ. ມັນເປັນວິທີທີ່ງ່າຍທີ່ຈະຂຽນ CSS ແລະສົ່ງເສີມຫຼັກການພື້ນຖານ DRY (ບໍ່ເຮັດຊ້ໍາຕົວເອງ). ໂປແກຼມ precompilers CSS ທີ່ສຸດແມ່ນ Sass, Less ແລະ Stylus. ຖ້າທ່ານພຽງແຕ່ເລີ່ມຕົ້ນອອກມາ, ຈົ່ງຮຽນຮູ້ຫນຶ່ງ.
ກອບ CSS: ກອບ CSS ຊ່ວຍເພີ່ມປະສິດທິພາບການເຮັດວຽກຂອງທ່ານດ້ວຍຕາຂ່າຍໄຟຟ້າທີ່ຕິດຕັ້ງແລະອົງປະກອບ CSS ອື່ນໆ. ສອງຕົວຢ່າງແມ່ນ Bootstrap ແລະມູນລະນິທິ.
ການອອກແບບທີ່ຕອບສະຫນອງ: ໃນ ມື້ນີ້, ມີອຸປະກອນຕ່າງໆທີ່ແຕກຕ່າງກັນຫລາຍທີ່ເວັບໄຊທ໌ຂອງທ່ານສາມາດປັບຕົວເຂົ້າກັບທຸກຄົນໄດ້. ການອອກແບບທີ່ຕອບສະຫນອງຊ່ວຍໃຫ້ທ່ານສ້າງເວັບໄຊທ໌ທີ່ເຮັດວຽກໃນທຸກຂະຫນາດຫນ້າຈໍ - desktop, ແທັບເລັດແລະ smartphone. ກອບຄື Bootstrap ແລະມູນລະນິທິມີການອອກແບບທີ່ຕອບສະຫນອງ, ດັ່ງນັ້ນຖ້າທ່ານຮຽນຮູ້ຫນຶ່ງໃນນັ້ນ, ທ່ານກໍານົດ.
ເຄື່ອງມືສ້າງຫນ້າທາງຫນ້າ
ໃນຖານະເປັນນັກພັດທະນາ, ທ່ານຄວນຈະສາມາດຈັດການກັບການເພີ່ມປະສິດທິພາບຂະຫນາດໄຟລ໌ແລະຜົນປະໂຫຍດຂອງ workflow. ເຄື່ອງມືເຫຼົ່ານີ້ສາມາດຊ່ວຍໄດ້.
ການຄຸ້ມຄອງການຫຸ້ມຫໍ່: ມັນສາມາດມີຄວາມຫຍຸ້ງຍາກໃນການຈັດຕັ້ງຫ້ອງສະຫມຸດທັງຫມົດ, ຊັບສິນແລະອື່ນໆ, ໂດຍສະເພາະແມ່ນສໍາລັບໂຄງການຂະຫນາດໃຫຍ່ຫຼືບ່ອນທີ່ທ່ານກໍາລັງເຮັດວຽກກັບທີມງານ.
ໃຊ້ຜູ້ຈັດການຊຸດ, ເຊັ່ນ: Bower, ເພື່ອໃຫ້ທຸກສິ່ງທຸກຢ່າງຖືກຈັດຮຽງແລະຮັກສາບັນທຶກຂອງການປັບປຸງຂອງທ່ານ.
Yeomanio: ຖ້າທ່ານບາງຄັ້ງມີບັນຫາໃນການເອົາໂຄງການອອກຈາກພື້ນດິນ, ໃຊ້ Yeoman ເພື່ອເລີ່ມຕົ້ນຢ່າງວ່ອງໄວກັບໂຄງການແລະຈະສືບຕໍ່ຜະລິດຕະພັນ. ມັນດໍາເນີນການຢູ່ໃນເສັ້ນຄໍາສັ່ງ.
Task Runners: ໃຊ້ Grunt ຫຼື Gulp, ເຊິ່ງຍັງດໍາເນີນການຢູ່ໃນບັນທັດຄໍາສັ່ງ, ເພື່ອ compress ໄຟລ໌ແລະ optimize workflow. ພວກເຂົາສາມາດປະຕິບັດເປັນ compilers ສໍາລັບ Sass ຫຼືຫນ້ອຍ preprocessors, ແລະຍັງມີລະດັບຄວາມກ້ວາງຂອງ plugins boasting ລັກສະນະອື່ນໆ.
ສະຫຼຸບ
ໃນຂະນະທີ່ຄົນທີ່ມີຄວາມສຸກຫລາຍອາດເບິ່ງຄືວ່າຫຼາຍ, ຄິດວ່າພວກເຂົາເປັນທັກສະທີ່ທ່ານຄວນຈະເພີ່ມເວລາ. ສິ່ງທີ່ສໍາຄັນທີ່ທ່ານຕ້ອງການຮູ້ແມ່ນ HTML, CSS ແລະ JavaScript.
ຖ້າທ່ານມີ ທັກສະໃນເວັບອື່ນ ໃດກໍ່ຕາມ, ເຖິງແມ່ນວ່າພວກມັນບໍ່ກ່ຽວຂ້ອງກັບທາງຫນ້າ, ເອົາມາໃຫ້ເບິ່ງໃນຮູບແບບເຊັ່ນການອອກແບບ, ແກ້ໄຂວິດີໂອ, SEO, ແລະອື່ນໆ. ທ່ານບໍ່ເຄີຍຮູ້ວ່າ ບໍລິສັດຈະຊອກຫາ ຫຍັງ.
ແລະເດົາຫຍັງ? ທ່ານອາດຈະເປັນຄົນທີ່ສົມບູນແບບ.