5 โครงการฝึกอบรมที่ท้าทายสำหรับนักพัฒนา (Layer, Squoosh, เครื่องคิดเลข, โปรแกรมรวบรวมข้อมูลเว็บไซต์, เครื่องเล่นเพลง)

เราดำเนินโครงการฝึกอบรมต่อไป

• 9 โปรเจ็กต์เพื่อฝึกฝนทักษะ Front-End ของคุณ
• หกงานสำหรับนักพัฒนา Front-End
• แบบฝึกหัดที่สนุกสนานสำหรับนักพัฒนา
• 8 โครงการด้านการศึกษา
• อีกหนึ่งโครงการที่น่าปฏิบัติ

ชั้น

www.reddit.com/r/layer

Layer คือชุมชนที่ทุกคนสามารถวาดพิกเซลบน "กระดาน" ที่ใช้ร่วมกันได้ แนวคิดดั้งเดิมเกิดขึ้นที่ Reddit ชุมชน r/Layer เป็นคำอุปมาของความคิดสร้างสรรค์ร่วมกัน ซึ่งทุกคนสามารถเป็นผู้สร้างและมีส่วนร่วมในสาเหตุที่มีร่วมกัน

สิ่งที่คุณจะได้เรียนรู้เมื่อสร้างโปรเจ็กต์เลเยอร์ของคุณเอง:

• JavaScript Canvas ทำงานอย่างไร การรู้วิธีใช้งาน Canvas ถือเป็นทักษะที่สำคัญในหลาย ๆ แอปพลิเคชัน
• วิธีประสานงานการอนุญาตของผู้ใช้ ผู้ใช้แต่ละคนสามารถวาดหนึ่งพิกเซลทุกๆ 15 นาทีโดยไม่ต้องเข้าสู่ระบบ
• สร้างเซสชันคุกกี้

Squoosh

squoosh.app

Squoosh เป็นแอปพลิเคชั่นบีบอัดรูปภาพที่มีตัวเลือกขั้นสูงมากมาย

กิฟ 20 MB

ด้วยการสร้าง Squoosh เวอร์ชันของคุณเอง คุณจะได้เรียนรู้:

• วิธีทำงานกับขนาดรูปภาพ
• เรียนรู้พื้นฐานของ Drag'n'Drop API
• ทำความเข้าใจวิธีการทำงานของ API และตัวฟังเหตุการณ์
• วิธีอัพโหลดและส่งออกไฟล์

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

เครื่องคิดเลข

มาเร็ว? อย่างจริงจัง? เครื่องคิดเลข? ใช่แล้ว เครื่องคิดเลขนั่นเอง การทำความเข้าใจพื้นฐานของการดำเนินการทางคณิตศาสตร์และวิธีการทำงานร่วมกันเป็นทักษะที่สำคัญในการทำให้แอปพลิเคชันของคุณง่ายขึ้น ไม่ช้าก็เร็วคุณจะต้องจัดการกับตัวเลขและยิ่งเร็วเท่าไรก็ยิ่งดีเท่านั้น

jarodburchill.github.io/CalculatorReactApp

ด้วยการสร้างเครื่องคิดเลขของคุณเอง คุณจะได้เรียนรู้:

• ทำงานกับตัวเลขและการดำเนินการทางคณิตศาสตร์
• ฝึกฝนกับ Event Listeners API
• วิธีจัดองค์ประกอบ ทำความเข้าใจสไตล์

โปรแกรมรวบรวมข้อมูล (เครื่องมือค้นหา)

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

เครื่องมือค้นหาของ Google

สิ่งที่คุณจะได้เรียนรู้จากการสร้างเครื่องมือค้นหาของคุณเอง:

• โปรแกรมรวบรวมข้อมูลทำงานอย่างไร
• วิธีจัดทำดัชนีไซต์และวิธีจัดอันดับไซต์ตามคะแนนและชื่อเสียง
• วิธีจัดเก็บไซต์ที่จัดทำดัชนีไว้ในฐานข้อมูลและวิธีการทำงานกับฐานข้อมูล

เครื่องเล่นเพลง (Spotify, Apple Music)

ทุกคนฟังเพลง - มันเป็นเพียงส่วนสำคัญในชีวิตของเรา มาสร้างเครื่องเล่นเพลงเพื่อทำความเข้าใจกลไกพื้นฐานของแพลตฟอร์มสตรีมเพลงสมัยใหม่กันดีกว่า

Spotify

สิ่งที่คุณจะได้เรียนรู้จากการสร้างแพลตฟอร์มสตรีมเพลงของคุณเอง:

• วิธีทำงานกับ API ใช้ API จาก Spotify หรือ Apple Music
• วิธีเล่น หยุดชั่วคราว หรือย้อนกลับไปยังเพลงถัดไป/ก่อนหน้า
• วิธีเปลี่ยนระดับเสียง
• วิธีจัดการการกำหนดเส้นทางผู้ใช้และประวัติเบราว์เซอร์

PS

โครงการใดที่คุณอยากจะแนะนำให้ "จำลอง" ด้วยตัวเองเพื่อพัฒนาทักษะของคุณ

ที่มา: will.com