8 ໂຄງການການສຶກສາ

“ນາຍຊ່າງເຮັດຜິດຫຼາຍກວ່າຜູ້ເລີ່ມຕົ້ນພະຍາຍາມ”

ພວກເຮົາສະເຫນີ 8 ທາງເລືອກໂຄງການທີ່ທ່ານສາມາດເຮັດໄດ້ "ເພື່ອຄວາມມ່ວນ" ເພື່ອໃຫ້ໄດ້ຮັບປະສົບການການພັດທະນາທີ່ແທ້ຈິງ.

ໂຄງການ 1. Trello clone

Trello clone ຈາກ Indrek Lasn.

ສິ່ງ​ທີ່​ທ່ານ​ຈະ​ໄດ້​ຮຽນ​ຮູ້​:

• ການຈັດຕັ້ງການຮ້ອງຂໍການປຸງແຕ່ງເສັ້ນທາງ (Routing).
• ລາກແລະວາງ.
• ວິທີການສ້າງວັດຖຸໃຫມ່ (ກະດານ, ລາຍການ, ບັດ).
• ກຳລັງປະມວນຜົນ ແລະກວດສອບຂໍ້ມູນການປ້ອນຂໍ້ມູນ.
• ຈາກຝ່າຍລູກຄ້າ: ວິທີການໃຊ້ການເກັບຮັກສາທ້ອງຖິ່ນ, ວິທີການບັນທຶກຂໍ້ມູນໃສ່ບ່ອນເກັບຂໍ້ມູນທ້ອງຖິ່ນ, ວິທີການອ່ານຂໍ້ມູນຈາກການເກັບຮັກສາທ້ອງຖິ່ນ.
• ຈາກຝ່າຍເຊີຟເວີ: ວິທີການໃຊ້ຖານຂໍ້ມູນ, ວິທີການບັນທຶກຂໍ້ມູນໃນຖານຂໍ້ມູນ, ວິທີການອ່ານຂໍ້ມູນຈາກຖານຂໍ້ມູນ.

ນີ້ແມ່ນຕົວຢ່າງຂອງ repository, ເຮັດໃນ React+Redux.

ໂຄງການ 2. ກະດານບໍລິຫານ

Github Repository.

ຄໍາຮ້ອງສະຫມັກ CRUD ງ່າຍດາຍ, ເຫມາະສົມສໍາລັບການຮຽນຮູ້ພື້ນຖານ. ມາຮຽນຮູ້:

• ສ້າງຜູ້ໃຊ້, ຈັດການຜູ້ໃຊ້.
• ພົວພັນກັບຖານຂໍ້ມູນ - ສ້າງ, ອ່ານ, ແກ້ໄຂ, ລຶບຜູ້ໃຊ້.
• ກວດສອບການປ້ອນຂໍ້ມູນ ແລະເຮັດວຽກກັບແບບຟອມ.

ໂຄງການ 3. ຕົວຕິດຕາມ Cryptocurrency (ແອັບພລິເຄຊັນມືຖືພື້ນເມືອງ)

ຄັງເກັບຂໍ້ມູນ Github.

ທຸກຢ່າງ: Swift, Objective-C, React Native, Java, Kotlin.

ມາສຶກສາ:

• ຄໍາຮ້ອງສະຫມັກພື້ນເມືອງເຮັດວຽກແນວໃດ.
• ວິທີການດຶງຂໍ້ມູນຈາກ API.
• ການຈັດວາງໜ້າເດີມເຮັດວຽກແນວໃດ.
• ວິທີການເຮັດວຽກກັບ simulators ໂທລະສັບມືຖື.

ລອງ API ນີ້. ຖ້າທ່ານພົບສິ່ງທີ່ດີກວ່າ, ຂຽນໃນຄໍາເຫັນ.

ຖ້າທ່ານສົນໃຈ, ນີ້ແມ່ນ ນີ້ແມ່ນການສອນ.

ໂຄງການ 4. ຕັ້ງຄ່າ webpack config ຂອງທ່ານເອງຈາກ scratch

ທາງດ້ານເທກນິກ, ນີ້ບໍ່ແມ່ນແອັບພລິເຄຊັນ, ແຕ່ມັນເປັນວຽກທີ່ມີປະໂຫຍດຫຼາຍທີ່ຈະເຂົ້າໃຈວິທີການເຮັດວຽກຂອງ webpack ຈາກພາຍໃນ. ໃນປັດຈຸບັນມັນຈະບໍ່ເປັນ "ກ່ອງດໍາ", ແຕ່ເປັນເຄື່ອງມືທີ່ເຂົ້າໃຈໄດ້.

ຄວາມຕ້ອງການ:

• ລວບລວມ es7 ຫາ es5 (ພື້ນຖານ).
• ລວບລວມ jsx ເປັນ js - ຫຼື - .vue ກັບ .js (ທ່ານຈະຕ້ອງຮຽນຮູ້ຕົວໂຫລດ)
• ຕັ້ງຄ່າ webpack dev server ແລະ hot module reloading. (vue-cli ແລະ create-react-app ໃຊ້ທັງສອງຢ່າງ)
• ໃຊ້ Heroku, now.sh ຫຼື Github, ຮຽນຮູ້ວິທີນຳໃຊ້ໂຄງການ webpack.
• ຕັ້ງຄ່າ preprocessor ທີ່ທ່ານມັກເພື່ອລວບລວມ css - scss, ຫນ້ອຍ, stylus.
• ຮຽນຮູ້ວິທີການນໍາໃຊ້ຮູບພາບແລະ svgs ກັບ webpack.

ນີ້ແມ່ນຊັບພະຍາກອນທີ່ຫນ້າປະຫລາດໃຈສໍາລັບຜູ້ເລີ່ມຕົ້ນທີ່ສົມບູນ.

ໂຄງການ 5. clone Hackernews

ທຸກໆ Jedi ແມ່ນຕ້ອງການເພື່ອເຮັດໃຫ້ Hackernews ຂອງຕົນເອງ.

ສິ່ງ​ທີ່​ທ່ານ​ຈະ​ໄດ້​ຮຽນ​ຮູ້​ໃນ​ທາງ​:

• ວິທີການພົວພັນກັບ hackernews API.
• ວິທີການສ້າງຄໍາຮ້ອງສະຫມັກຫນ້າດຽວ.
• ວິທີການປະຕິບັດລັກສະນະເຊັ່ນ: ການເບິ່ງຄໍາເຫັນ, ຄວາມຄິດເຫັນສ່ວນບຸກຄົນ, ໂປຼໄຟລ໌.
• ການຈັດຕັ້ງການຮ້ອງຂໍການປຸງແຕ່ງເສັ້ນທາງ (Routing).

ໂຄງການ 6. Tudushechka

TodoMVC.

ຢ່າງຮຸນແຮງ? Tudushka? ມີຫລາຍພັນຄົນຂອງພວກເຂົາ. ແຕ່ເຊື່ອຂ້ອຍ, ມີເຫດຜົນສໍາລັບຄວາມນິຍົມນີ້.
ແອັບ Tudu ເປັນວິທີທີ່ດີທີ່ຈະເຮັດໃຫ້ແນ່ໃຈວ່າເຈົ້າເຂົ້າໃຈພື້ນຖານ. ພະຍາຍາມຂຽນຄໍາຮ້ອງສະຫມັກຫນຶ່ງໃນ vanilla Javascript ແລະຫນຶ່ງໃນກອບທີ່ທ່ານມັກ.

ຮຽນຮູ້:

• ສ້າງໜ້າວຽກໃໝ່.
• ກວດເບິ່ງວ່າຊ່ອງຂໍ້ມູນຖືກຕື່ມໃສ່.
• ການກັ່ນຕອງວຽກງານ (ສໍາເລັດ, ການເຄື່ອນໄຫວ, ທັງຫມົດ). ໃຊ້ filter и reduce.
• ເຂົ້າໃຈພື້ນຖານຂອງ Javascript.

ໂຄງ​ການ 7. ລາກ​ແລະ​ການ​ຫຼຸດ​ລົງ​ຄັດ​ເລືອກ​

ຄັງເກັບຂໍ້ມູນ Github.

ເປັນປະໂຫຍດຫຼາຍທີ່ຈະເຂົ້າໃຈ ລາກແລະວາງ api.

ມາຮຽນຮູ້:

• ລາກແລະວາງ API
• ສ້າງ UI ທີ່ອຸດົມສົມບູນ

ໂຄງ​ການ 8. ການ​ໂຄ​ນ Messenger (ຄໍາ​ຮ້ອງ​ສະ​ຫມັກ​ພື້ນ​ເມືອງ​)

ທ່ານຈະເຂົ້າໃຈວິທີການທັງຄໍາຮ້ອງສະຫມັກເວັບໄຊຕ໌ແລະຄໍາຮ້ອງສະຫມັກພື້ນເມືອງເຮັດວຽກ, ເຊິ່ງຈະກໍານົດທ່ານອອກຈາກມະຫາຊົນສີຂີ້ເຖົ່າ.

ສິ່ງທີ່ພວກເຮົາຈະສຶກສາ:

• ເຕົ້າຮັບເວັບ (ຂໍ້ຄວາມທັນທີ)
• ຄໍາຮ້ອງສະຫມັກພື້ນເມືອງເຮັດວຽກແນວໃດ.
• ແມ່ແບບເຮັດວຽກແນວໃດໃນແອັບພລິເຄຊັນພື້ນເມືອງ.
• ການ​ຈັດ​ຕັ້ງ​ເສັ້ນ​ທາງ​ການ​ປຸງ​ແຕ່ງ​ຄໍາ​ຮ້ອງ​ສະ​ຫມັກ​ໃນ​ຄໍາ​ຮ້ອງ​ສະ​ຫມັກ​ພື້ນ​ເມືອງ​.

ນີ້ຈະພຽງພໍສໍາລັບທ່ານສໍາລັບເດືອນຫຼືສອງເດືອນ.

ການແປພາສາໄດ້ຖືກປະຕິບັດໂດຍການສະຫນັບສະຫນູນຂອງບໍລິສັດ ຊອບແວ EDISONຜູ້ທີ່ປະກອບອາຊີບ ການພັດທະນາຄໍາຮ້ອງສະຫມັກແລະເວັບໄຊທ໌ໃນ PHP ສໍາລັບລູກຄ້າຂະຫນາດໃຫຍ່, ເຊັ່ນດຽວກັນກັບ ການພັດທະນາການບໍລິການຄລາວແລະແອັບພລິເຄຊັນມືຖືໃນ Java.

ແຫຼ່ງຂໍ້ມູນ: www.habr.com