ເນື້ອຫາ
- 01. ວຽກທີ່ສັດຊື່
- 02. ຫ້ອງທົດລອງວາງແຜນທົດລອງຂອງ Jen Simmons
- 03. ລະຫັດ VS ສາມາດເຮັດໄດ້ບໍ?!
- 04. Vue ຄົນພື້ນເມືອງ
- 05. ອົງປະກອບສາຍໄຟ
- 06. ປື້ມຄູ່ມືພະນັກງານບໍລິການ
- 07. ສະໄຕລ໌
- 08. ການໃຊ້ອິນເຕີເນັດແມ່ນຍາກ
- 09. ຜູ້ຈັດການ App React
- 10. ການອອກແບບສົນທະນາ
ການບັນຈຸເຄື່ອງມືອອກແບບເວບໄຊທ໌ທີ່ດີທີ່ສຸດຮອບເດືອນນີ້ລວມມີໂປແກຼມສ້າງໂປແກຼມ CSS prewarecessor ທີ່ປັບຂະ ໜາດ ຂອງສ່ວນປະກອບ, ແລະກະດານວຽກທີ່ໃຫ້ຜູ້ສະ ໝັກ ເຂົ້າມາກ່ອນ. ທ່ານຍັງຈະໄດ້ພົບກັບຊັບພະຍາກອນການຮຽນທີ່ດີແລະສິ່ງທີ່ ໜ້າ ສົນໃຈອື່ນໆອີກຫຼາຍຢ່າງທີ່ເຮັດໃຫ້ຊີວິດເປັນຜູ້ອອກແບບເວັບຫລືນັກພັດທະນາງ່າຍຂຶ້ນຫຼາຍ. ເລີ່ມຕົ້ນແລ້ວ!
01. ວຽກທີ່ສັດຊື່
ບໍ່ວ່າທ່ານຈະຈ້າງຫລືສະ ໝັກ ວຽກທ້າຍໆ, ຂະບວນການຮັບສະ ໝັກ ເປັນເລື່ອງ ທຳ ມະດາແລະຫຍຸ້ງຍາກ. ໃນການປະມູນເພື່ອເຮັດໃຫ້ສິ່ງຕ່າງໆງ່າຍຂຶ້ນ, ທີ່ປຶກສາຈ້າງງານເຕັກໂນໂລຢີສອງຄົນໄດ້ສ້າງ Honest Work, ຄະນະ ກຳ ມະການເຮັດວຽກທີ່ເຮັດທຸກຢ່າງດີກ່ວາສ່ວນທີ່ເຫຼືອ.
ເຫດຜົນຂອງພວກເຂົາເຮັດໃຫ້ມີຄວາມ ໝາຍ: ປະຈຸບັນກະດານວຽກໄດ້ຖືກສ້າງຂຶ້ນດ້ວຍຈຸດເດັ່ນຂອງນາຍຈ້າງ, ເພາະວ່າພວກເຂົາແມ່ນຜູ້ທີ່ຈ່າຍເງິນເພື່ອໂຄສະນາ. ແຕ່ຖ້າທ່ານສ້າງເວັບໄຊທ໌້ ໜຶ່ງ ທີ່ສຸມໃສ່ຄວາມຕ້ອງການຂອງຜູ້ສະ ໝັກ, ທ່ານຈະດຶງດູດຜູ້ຄົນໃຫ້ຫຼາຍຂື້ນ, ເຊິ່ງແນ່ນອນວ່າແມ່ນສິ່ງທີ່ນາຍຈ້າງຕ້ອງການແທ້ໆ.
Honest Work ຮຽກຮ້ອງໃຫ້ນາຍຈ້າງປະກອບມີຂໍ້ມູນກ່ຽວກັບເງິນເດືອນແລະຂັ້ນຕອນການ ສຳ ພາດເຊິ່ງເຮັດໃຫ້ສິ່ງຕ່າງໆມີຄວາມໂປ່ງໃສ ສຳ ລັບຜູ້ສະ ໝັກ. ມັນຍັງມີການກັ່ນຕອງການຊອກວຽກທີ່ມີຈຸດສຸມແລະຖືກຕ້ອງຫຼາຍຂື້ນພ້ອມທັງມີຄຸນສົມບັດອື່ນໆທີ່ເຮັດໃຫ້ສິ່ງຕ່າງໆງ່າຍດາຍ ສຳ ລັບທຸກໆຄົນ.
02. ຫ້ອງທົດລອງວາງແຜນທົດລອງຂອງ Jen Simmons
Flexbox ແລະ CSS Grid ຊ່ວຍໃຫ້ພວກເຮົາມີ ກຳ ລັງທີ່ຈະແຍກອອກຈາກກອບທີ່ ໜ້າ ເບື່ອຫນ່າຍແລະເຮັດການຈັດວາງທີ່ ໜ້າ ຕື່ນເຕັ້ນຂອງພວກເຮົາເອງ, ເຊິ່ງຫວັງເປັນຢ່າງຍິ່ງທີ່ຈະ ນຳ ສະ ເໜີ ຄວາມຄິດສ້າງສັນໃນຍຸກ ໃໝ່ ໃນເວັບ. ຖ້າທ່ານຕ້ອງການທີ່ຈະໄດ້ຮັບແຮງບັນດານໃຈແລະຊອກຫາສິ່ງທີ່ເປັນໄປໄດ້, ນີ້ແມ່ນບ່ອນທີ່ດີທີ່ຈະເລີ່ມຕົ້ນ. Jen Simmons ໄດ້ສ້າງຄວາມລຶກລັບກ່ຽວກັບການຈັດວາງເວບໄຊທ໌ໃນເວລານີ້, ແລະຫ້ອງທົດລອງທົດລອງ Labout ຂອງນາງໄດ້ສະແດງບາງວຽກທີ່ ໜ້າ ປະທັບໃຈທີ່ສຸດຂອງນາງ.
ດ້ວຍເຕັກໂນໂລຍີເວັບ ໃໝ່ ກວ່າເກົ່າພວກເຮົາສາມາດແລ່ນຂໍ້ຄວາມແນວຕັ້ງຫລືມຸມ, ແລະມັນ ເໝາະ ສົມກັບຮູບພາບຕ່າງໆ; ພວກເຮົາສາມາດ ນຳ ໃຊ້ທິດທາງສິລະປະທີ່ ເໝາະ ສົມແລະປັບແຕ່ງຮູບແບບຂອງພວກເຮົາໃຫ້ ເໝາະ ສົມກັບເນື້ອຫາຂອງພວກເຮົາ. ສະຫລຸບແລ້ວ, ພວກເຮົາມີຄວາມສາມາດ ນຳ ໃຊ້ການອອກແບບກຣາບຟິກຫຼາຍວິທີທີ່ພວກເຮົາເຮັດໃນສິ່ງພິມຕ່າງໆ.ມັນຮອດເວລາທີ່ຈະຕື່ນເຕັ້ນກັບເວັບອີກຄັ້ງ.
03. ລະຫັດ VS ສາມາດເຮັດໄດ້ບໍ?!
ຖ້າທ່ານເປັນຜູ້ໃຊ້ Visual Code Studio ເວັບໄຊທ໌ນີ້ແມ່ນ ສຳ ລັບທ່ານ. ມີບາງຄົນໄດ້ສັງເກດເຫັນວ່າບັນນາທິການລະຫັດນີ້ມີຫລາຍໆຄຸນລັກສະນະທີ່ຮູ້ຈັກ ໜ້ອຍ ແຕ່ມີປະສິດທິພາບຫລາຍທີ່ບໍ່ໄດ້ຮັບຄວາມສົນໃຈຫລາຍ, ດັ່ງນັ້ນພວກເຂົາຈຶ່ງໄດ້ຮວບຮວມ ຄຳ ແນະ ນຳ ທີ່ດີທີ່ຈະຫັນປ່ຽນຄວາມ ສຳ ພັນທີ່ທ່ານເຮັດວຽກກັບຊອບແວນີ້.
ທ່ານຮູ້ບໍ່ວ່າທ່ານສາມາດເຫັນຊຸດ npm ທີ່ ໝົດ ອາຍຸທີ່ໃຊ້ກັບໂປແກຼມ Version Lense? ຫຼືວ່າລະຫັດ VS ສາມາດປັບ ໃໝ່ JavaScript ຂອງທ່ານໃຫ້ກັບ ES6? ມີ skim ຢ່າງໄວວາຂອງຫນ້າທໍາອິດໃນການເລືອກເອົາແກ້ວປະເສີດບາງຢ່າງ.
04. Vue ຄົນພື້ນເມືອງ
Vue Native ແມ່ນກອບ ສຳ ລັບສ້າງແອັບ apps ມືຖືພື້ນເມືອງຂ້າມເວທີໂດຍໃຊ້ JavaScript. ມັນລວບລວມກັບ React Native ແລະໃຫ້ທ່ານໄດ້ປຽບທັງ ໝົດ ຂອງລະບົບນິເວດວິທະຍາຂອງ Vue. ຜູ້ສ້າງຂອງມັນກ່າວວ່າພວກເຂົາຕ້ອງການ ນຳ ເອົາການສະ ໜັບ ສະ ໜູນ ສຳ ລັບການສ້າງແບບແຜນ, ການ ກຳ ນົດຮູບແບບແລະການຄຸ້ມຄອງລັດຂອງ Vue ໃນຂັ້ນຕອນການສ້າງແອັບ app. ລອງເບິ່ງທີ່ໂພສ blog ນີ້ເພື່ອຊອກຮູ້ຕື່ມ.
05. ອົງປະກອບສາຍໄຟ
ບັນດາອົງປະກອບ UI ທີ່ມີຮູບແຕ້ມແບບນີ້ທີ່ມີຮູບແຕ້ມດ້ວຍມືແມ່ນມີຄວາມມ່ວນຊື່ນ; ທ່ານສາມາດໃຊ້ມັນ ສຳ ລັບເສັ້ນລວດ, ການເຍາະເຍີ້ຍ, ຫຼືເວັບໄຊສຸດທ້າຍຖ້າເບິ່ງວ່າທ່ານ ກຳ ລັງຊອກຫາຢູ່. ທ່ານອາດຈະຄາດຫວັງວ່າແຕ່ລະຄົນແມ່ນເອກະສານຄົງທີ່, ແຕ່ບໍ່ແມ່ນ; ມັນຖືກຈັດຕັ້ງປະຕິບັດເປັນສ່ວນປະກອບຂອງເວັບແລະອອກແບບ ໃໝ່ ໂດຍສະເພາະ ສຳ ລັບທ່ານ. ນັ້ນ ໝາຍ ຄວາມວ່າບໍ່ມີສອງການຈັດຕັ້ງປະຕິບັດຈະບໍ່ຄືກັນ - ຄືກັບສິ່ງທີ່ແທ້ຈິງ. ລອງເບິ່ງຕົວຢ່າງໃນ ໜ້າ ທຳ ອິດ; ນັ້ນບໍ່ແມ່ນຮູບ, ມັນເຮັດວຽກ!
06. ປື້ມຄູ່ມືພະນັກງານບໍລິການ
ພະນັກງານບໍລິການໃຫ້ມີວິທີການທີ່ສະຫງ່າງາມໃນການເຮັດວຽກທຸກຢ່າງທີ່ເປັນປະໂຫຍດ, ແລະເວບໄຊທ໌ນີ້ຈາກ Mozilla ແມ່ນການລວບລວມຕົວຢ່າງພາກປະຕິບັດຂອງພະນັກງານບໍລິການທີ່ຖືກ ນຳ ໃຊ້ໃນເວບໄຊທ໌ ໃໝ່. ມີບັນຊີລາຍຊື່ຂອງ 'ສູດອາຫານ' ທີ່ສະແດງໃຫ້ເຫັນວິທີການ ສຳ ເລັດວຽກງານຕ່າງໆກັບພະນັກງານບໍລິການແລະຖ້າທ່ານມີບາງສິ່ງບາງຢ່າງຕື່ມພວກເຂົາຍິນດີຮັບການປະກອບສ່ວນຈາກນັກພັດທະນາຄົນໃດກໍ່ຕາມ. ລະຫັດທັງ ໝົດ ແມ່ນມີຢູ່ໃນ GitHub.
07. ສະໄຕລ໌
Stylable ແມ່ນໂປແກຼມ CSS preprocessor ທີ່ເປີດກວ້າງເຊິ່ງຂະຫຍາຍ CSS ເພື່ອໃຫ້ຮູບແບບຕ່າງໆຖືກຂະຫຍາຍໄປຫາສ່ວນປະກອບຕ່າງໆເພື່ອປ້ອງກັນບໍ່ໃຫ້ພວກມັນຮົ່ວໄຫຼຫຼືປະທະກັນກັບຮູບແບບອື່ນໆໃນແອັບ your ຂອງທ່ານ. ໃນເວລາສ້າງ, CSS Stylable ຖືກປ່ຽນເປັນ CSS ທຳ ມະດາທີ່ເຮັດວຽກໃນເບົາເຊີໃດກໍ່ຕາມ, ເຮັດໃຫ້ມັນເປັນທາງອອກທີ່ ເໝາະ ສົມກັບບັນຫາທີ່ເກີດຂື້ນກັບຮູບແບບທົ່ວໂລກ. ຖ້າທ່ານບໍ່ແນ່ໃຈວ່າມັນ ເໝາະ ສົມກັບທ່ານຫລືບໍ່, Bruce Lawson ໄດ້ສ້າງເພັງທີ່ເປັນປະໂຫຍດເພື່ອອະທິບາຍເຖິງຜົນປະໂຫຍດ.
08. ການໃຊ້ອິນເຕີເນັດແມ່ນຍາກ
ບໍ່ວ່າທ່ານຕ້ອງການທີ່ຈະສອນການພັດທະນາເວບໄຊທ໌ຂອງທ່ານເອງຈາກການຂູດ, hone ທັກສະການອອກແບບເວັບທີ່ຕອບສະ ໜອງ ຫຼືເພີ່ມທັກສະຂອງທ່ານໂດຍການຮຽນຮູ້ເຕັກໂນໂລຍີ ໃໝ່ ກວ່າເກົ່າ, ການສອນແບບບໍ່ເສຍຄ່າທີ່ໃຫຍ່ຫຼວງນີ້ຈະຊ່ວຍທ່ານໄດ້. ບົດກ່ອນ ໜ້າ ນີ້ສົມມຸດວ່າທ່ານເປັນຜູ້ເລີ່ມຕົ້ນທີ່ສົມບູນແຕ່ວ່າທ່ານສາມາດໂດດເດັ່ນໃນເວລາຕໍ່ມາຖ້າທ່ານຕ້ອງການຮຽນຮູ້ກ່ຽວກັບສິ່ງຕ່າງໆເຊັ່ນ Flexbox. ມັນຖືກຂຽນໄວ້ໃນແບບຫຍໍ້ທີ່ມີຫຼາຍແຜນວາດແລະຕົວຢ່າງລະຫັດທີ່ຈະແຈ້ງເພື່ອຊ່ວຍໃຫ້ມີຄວາມເຂົ້າໃຈ.
09. ຜູ້ຈັດການ App React
RAM ຊ່ວຍໃຫ້ທ່ານສ້າງແລະເອີ້ນໃຊ້ React applications ໂດຍບໍ່ຕ້ອງເຮັດການຕັ້ງຄ່າຫລາຍຫລືຈັດການກັບເສັ້ນ ຄຳ ສັ່ງ. ແນວຄວາມຄິດທີ່ຢູ່ເບື້ອງຫລັງມັນແມ່ນ npm ແລະສະຖານີດັ່ງກ່າວແມ່ນສິ່ງກີດຂວາງທີ່ຈະເຂົ້າມາ ສຳ ລັບຜູ້ເລີ່ມຕົ້ນ, ສະນັ້ນສິ່ງນີ້ສະ ເໜີ ວິທີການທີ່ຈະເຂົ້າໄປໃນ React ໂດຍກົງໂດຍບໍ່ມີອົງປະກອບຂົ່ມຂູ່ເຫຼົ່ານັ້ນ. ປະຈຸບັນມັນຢູ່ໃນເບຕ້າແລະບໍ່ໄດ້ຖືກທົດສອບໃນ Linux ຫລື Windows, ແຕ່ວ່າຖ້າແນວຄິດການອຸທອນພວກເຮົາເວົ້າວ່າມັນເຮັດໃຫ້ມີຄວາມກັງວົນໃຈ.
10. ການອອກແບບສົນທະນາ
Erika Hall ແມ່ນ ໜຶ່ງ ໃນເຄິ່ງ ໜຶ່ງ ຂອງ Mule Design, ແລະມີປະສົບການຫຼາຍທົດສະວັດເປັນນັກອອກແບບແລະນັກວິຊາການ. ປື້ມເຫຼັ້ມຫຼ້າສຸດຂອງນາງເບິ່ງການ ນຳ ໃຊ້ອິນເຕີເຟດສົນທະນາເພື່ອສ້າງລະບົບເປັນໃຈກາງຂອງມະນຸດເຊິ່ງຈະເຮັດໃຫ້ຜູ້ຊົມຂອງທ່ານສົນໃຈ. Hall ອະທິບາຍວິທີການສ້າງບຸກຄະລິກກະພາບທີ່ຈະດຶງດູດຜູ້ໃຊ້ຂອງທ່ານ, ວິທີການເລືອກພາສາທີ່ ເໝາະ ສົມກັບພວກເຂົາແລະວິທີການທີ່ຈະກາຍເປັນນັກຂຽນທີ່ມີຄວາມສາມາດ.
