8 โครงการด้านการศึกษา

“ผู้เชี่ยวชาญทำผิดพลาดมากกว่ามือใหม่ที่พยายาม”

เราเสนอทางเลือกโครงการ 8 โครงการที่สามารถทำได้ “เพื่อความสนุกสนาน” เพื่อรับประสบการณ์การพัฒนาที่แท้จริง

โครงการ 1. โคลน Trello

โคลน Trello จาก Indrek Lasn

สิ่งที่คุณจะได้เรียนรู้:

• องค์กรของเส้นทางการประมวลผลคำขอ (Routing)
• ลากแล้ววาง.
• วิธีสร้างวัตถุใหม่ (บอร์ด รายการ การ์ด)
• การประมวลผลและตรวจสอบข้อมูลอินพุต
• จากฝั่งไคลเอ็นต์: วิธีใช้ที่จัดเก็บในตัวเครื่อง, วิธีบันทึกข้อมูลไปยังที่จัดเก็บในตัวเครื่อง, วิธีอ่านข้อมูลจากที่จัดเก็บในตัวเครื่อง
• จากฝั่งเซิร์ฟเวอร์: วิธีใช้ฐานข้อมูล, วิธีบันทึกข้อมูลในฐานข้อมูล, วิธีอ่านข้อมูลจากฐานข้อมูล

นี่คือตัวอย่างของพื้นที่เก็บข้อมูลสร้างด้วย React+Redux

โครงการ 2 แผงผู้ดูแลระบบ

พื้นที่เก็บข้อมูล Github

แอปพลิเคชัน CRUD ที่เรียบง่าย เหมาะสำหรับการเรียนรู้พื้นฐาน มาเรียนรู้กันเถอะ:

• สร้างผู้ใช้ จัดการผู้ใช้
• โต้ตอบกับฐานข้อมูล - สร้าง อ่าน แก้ไข ลบผู้ใช้
• ตรวจสอบอินพุตและการทำงานกับแบบฟอร์ม

โครงการที่ 3 ตัวติดตาม Cryptocurrency (แอปพลิเคชันมือถือแบบเนทีฟ)

พื้นที่เก็บข้อมูล Github

อะไรก็ได้: Swift, Objective-C, React Native, Java, Kotlin

มาศึกษากันเถอะ:

• แอปพลิเคชันเนทิฟทำงานอย่างไร
• วิธีดึงข้อมูลจาก API
• เค้าโครงเพจดั้งเดิมทำงานอย่างไร
• วิธีทำงานกับเครื่องจำลองมือถือ

ลองใช้ API นี้. หากคุณพบสิ่งที่ดีกว่าเขียนความคิดเห็น

หากสนใจก็นี่เลยครับ นี่คือบทช่วยสอน.

โครงการ 4. ตั้งค่าการกำหนดค่า webpack ของคุณเองตั้งแต่เริ่มต้น

ในทางเทคนิคแล้ว นี่ไม่ใช่แอปพลิเคชัน แต่เป็นงานที่มีประโยชน์มากในการทำความเข้าใจวิธีการทำงานของ webpack จากภายใน ตอนนี้มันจะไม่ใช่ "กล่องดำ" แต่เป็นเครื่องมือที่เข้าใจได้

คุณสมบัติผู้สมัคร:

• คอมไพล์ es7 ถึง es5 (พื้นฐาน)
• คอมไพล์ jsx เป็น js - หรือ - .vue เป็น .js (คุณจะต้องเรียนรู้ตัวโหลด)
• ตั้งค่าเซิร์ฟเวอร์ webpack dev และการโหลดโมดูลใหม่ (vue-cli และ create-react-app ใช้ทั้งคู่)
• ใช้ Heroku, now.sh หรือ Github เรียนรู้วิธีปรับใช้โปรเจ็กต์ webpack
• ตั้งค่าตัวประมวลผลล่วงหน้าที่คุณชื่นชอบเพื่อคอมไพล์ css - scss, less, stylus
• เรียนรู้วิธีใช้รูปภาพและ svgs กับ webpack

นี่เป็นแหล่งข้อมูลที่น่าทึ่งสำหรับผู้เริ่มต้นโดยสมบูรณ์

โครงการที่ 5 โคลน Hackernews

เจไดทุกคนจำเป็นต้องสร้าง Hackernews ของตัวเอง

สิ่งที่คุณจะได้เรียนรู้ไปพร้อมกัน:

• วิธีโต้ตอบกับ hackernews API
• วิธีสร้างแอปพลิเคชันหน้าเดียว
• วิธีใช้งานคุณสมบัติต่างๆ เช่น การดูความคิดเห็น ความคิดเห็นส่วนบุคคล โปรไฟล์
• องค์กรของเส้นทางการประมวลผลคำขอ (Routing)

โครงการ 6. Tudushechka

TodoMVC.

อย่างจริงจัง? ทูดัชก้า? มีหลายพันคน แต่เชื่อฉันเถอะว่ามีเหตุผลที่ทำให้ได้รับความนิยมนี้
แอป Tudu เป็นวิธีที่ดีเยี่ยมในการทำให้แน่ใจว่าคุณเข้าใจพื้นฐานต่างๆ ลองเขียนแอปพลิเคชันหนึ่งตัวใน vanilla Javascript และอีกหนึ่งแอปพลิเคชันในเฟรมเวิร์กที่คุณชื่นชอบ

เรียนรู้:

• สร้างงานใหม่
• ตรวจสอบว่ากรอกข้อมูลครบถ้วนแล้ว
• กรองงาน (เสร็จแล้ว ใช้งานอยู่ ทั้งหมด) ใช้ filter и reduce.
• ทำความเข้าใจพื้นฐานของ Javascript

โครงการ 7. รายการลากและวางที่จัดเรียงได้

พื้นที่เก็บข้อมูล Github

มีประโยชน์มากในการทำความเข้าใจ ลากและวาง api.

มาเรียนรู้กัน:

• ลากและวาง API
• สร้าง UI ที่สมบูรณ์

โครงการ 8. โคลน Messenger (แอปพลิเคชันเนทิฟ)

คุณจะเข้าใจว่าทั้งเว็บแอปพลิเคชันและแอปพลิเคชันเนทิฟทำงานอย่างไร ซึ่งจะทำให้คุณแตกต่างจากกลุ่มสีเทา

เราจะศึกษาอะไร:

• ซ็อกเก็ตเว็บ (ข้อความโต้ตอบแบบทันที)
• แอปพลิเคชันเนทิฟทำงานอย่างไร
• เทมเพลตทำงานอย่างไรในแอปพลิเคชันเนทิฟ
• การจัดระเบียบเส้นทางการประมวลผลคำขอในแอปพลิเคชันดั้งเดิม

นี้จะเพียงพอสำหรับคุณเป็นเวลาหนึ่งหรือสองเดือน

ดำเนินการแปลโดยได้รับการสนับสนุนจากบริษัท ซอฟต์แวร์เอดิสันผู้ที่ทำงานอย่างมืออาชีพ พัฒนาแอพพลิเคชั่นและเว็บไซต์ด้วย PHP สำหรับลูกค้ารายใหญ่อีกด้วย การพัฒนาบริการคลาวด์และแอปพลิเคชั่นมือถือใน Java.

ที่มา: will.com