โครงการ JavaScript
คู่มือนี้มีไว้สำหรับผู้ที่ต้องการทำงานในโครงการเพื่อรับประสบการณ์การเรียนรู้แบบภาคปฏิบัติ แต่ออกจากความคิด JavaScript ใช้งานง่ายมาก สิ่งที่คุณต้องทำคือใส่รหัสของคุณในเอกสาร HTML และบอกเบราว์เซอร์ว่าเป็น JavaScript มันทำงานกับคอมพิวเตอร์ของผู้ใช้เว็บ - แม้ว่าจะออฟไลน์และช่วยให้คุณสร้างอินเทอร์เฟซที่ตอบสนองได้ดีซึ่งปรับปรุงประสบการณ์การใช้งานของผู้ใช้และให้ฟังก์ชั่นการทำงานแบบไดนามิกโดยไม่ต้องรอให้เซิร์ฟเวอร์ตอบสนองและแสดงหน้าอื่น
โครงการสำหรับผู้เริ่มต้น
- สร้างกระดานนิ้วเท้า tic tac
- สร้างเครื่องคิดเลขบนเว็บ
- สร้างรายการสิ่งที่ต้องทำด้วยที่เก็บเบราว์เซอร์ที่ยังคงอยู่โดยใช้ LocalStorage API
- สร้างตัวแปลงหน่วย (เวลาระยะทางสกุลเงิน ฯลฯ )
- เครื่องกำเนิดเขาวงกตแบบสุ่มเป็นเกมออนไลน์
- สร้างนาฬิกาดิจิตอลบนเว็บ
- อัปเดตตัวแปร CSS ด้วย JS
- ทำผีเสื้อเปลี่ยนสีบินด้วย JS โดยใช้ Canavas API
- ทำกลองบนเว็บด้วยเสียงและอินพุตแป้นพิมพ์โดยใช้ JS
- ทำรถม้าหมุน
- สร้างเกม XO
- สร้างตัวแก้ไขพิกเซล
- สร้างเว็บไซต์ง่าย ๆ โดยใช้ HTML, CSS และ JavaScript
- สร้างสติกเกอร์หุ่นยนต์สนุก
โครงการระดับกลาง
- สร้างสคริปต์ที่มีฟิลด์การลงทะเบียนทั่วไปโดยใช้ข้อมูลแบบสุ่ม
- ใช้ Yahoo! สภาพอากาศ API เพื่อสร้างวิดเจ็ตสภาพอากาศ
- รวม SoundCloud บนหน้าเว็บเพื่อเล่นเพลงตามอารมณ์ของผู้ใช้
- ใช้ Starwars-API เพื่อสร้างโปรไฟล์ของตัวละครทั้งหมดและอาวุธ/ยานพาหนะของพวกเขา
- ใช้ unsplash-api เพื่อสร้างภาพหมุนภาพ
- ใช้ Paper.js เพื่อสร้างกราฟิกที่น่าทึ่ง
- ใช้ parallaxjs เพื่อสร้าง full page parallax boilerplates
- ใช้ API Data Football เพื่อสร้างหน้าเว็บที่จะช่วยให้คุณสามารถย้อนกลับได้ทุกตารางของลีกฟรี
- สร้างสวิตช์ทั้งกลางวันและกลางคืน
- สร้างแอพ Tode
- สร้างแอป Notes
โครงการระดับสูง
- ใช้ Gene Lab API ของ NASA เพื่อสร้างเครื่องมือในการแสดงภาพและแสดงข้อมูลในลักษณะการโต้ตอบ
- ใช้ API ของ USGS เพื่อแสดงข้อมูลมรดกของแผ่นดินไหวด้วยตัวกรองต่าง ๆ (ขนาดวันที่พื้นที่ที่ได้รับผลกระทบ
- ใช้ Google MAP API และ API Data ของ World Bank เพื่อสร้างเครื่องมือแบบโต้ตอบเพื่อแสดงข้อมูลสภาพภูมิอากาศในอดีตโดยประเทศภูมิภาค ฯลฯ
- ใช้ API ของ Twitter พร้อมกับตัวอย่างห้องสมุดการวิเคราะห์ความเชื่อมั่นเพื่อแสดงภาพทวีตโดยคนดังและนักการเมืองและค้นหาแนวโน้ม
- สร้างเกมแห่งชีวิต
- แผนภูมิตลาดหุ้น
- สร้างแอพลงคะแนนเสียง
แรงบันดาลใจ
คอลเลกชันของโครงการสดที่ปรับใช้ด้วยรหัส
- ผ้า JavaScript SimulationTearable V2
- Fireworks Animation GeneratorFireworls ในผืนผ้าใบ
- การสร้างอนุภาคอนิเมชั่นที่มีประสิทธิภาพ 30k ในผืนผ้าใบ
- แอนิเมชั่นสุ่มแบบสุ่มขึ้นอยู่กับ Cursordraw Worm
- เกมยิงปืนกล
การบริจาค
- ผู้ที่ยังใหม่ต่อโอเพ่นซอร์สและไม่รู้วิธีส่งคำขอดึงดูไฟล์ MD
