ฉันได้รวบรวมรายการเครื่องมือ/คุณสมบัติที่น่าสนใจสำหรับการออกแบบ JavaScript ส่วนหน้า ชุดทรัพยากรนี้เตรียมไว้สำหรับโปรเจ็กต์ Flatiron MOD3 ของฉัน ซึ่งฉันพยายามสร้างความท้าทายโค้ด 1v1 แบบสดใน Vanilla JS
ลิงก์อาจมีเอกสารประกอบและตัวอย่าง
กรอบงานการออกแบบ: กรอบงานภาพที่สมบูรณ์
- Bootstrap 4: ชุดเครื่องมือโอเพ่นซอร์สสำหรับการพัฒนาด้วย HTML, CSS และ JavaScript
กล่อง CSS Flex: อนุญาตให้องค์ประกอบที่ตอบสนองภายในคอนเทนเนอร์จัดเรียงโดยอัตโนมัติตามขนาดหน้าจอ
ลากและวาง: นี่คือคุณลักษณะที่สามารถใช้งานได้ผ่าน JavaScript วานิลลา อย่างไรก็ตาม ยังมีห้องสมุดที่จะดำเนินการนี้ด้วย
แอนิเมชัน: ทำให้สิ่งต่างๆ บนหน้าเว็บของคุณเคลื่อนไหว!
- Anime.js:ไลบรารี JavaScript น้ำหนักเบาที่อนุญาตให้สร้างภาพเคลื่อนไหวทุกประเภทบนหน้าเว็บ บทช่วยสอน
- จาวาสคริปต์วานิลลา
- ห้องสมุดอื่นๆ มากมาย . . .
IDE:สร้างสภาพแวดล้อมการเขียนโค้ดเพื่อใช้ภายในเว็บเบราว์เซอร์ของคุณ
- วิธีสร้าง IDE แบบกำหนดเอง โดย Thomas Hansen ตัวอย่าง
- กระจกโค้ด: IDE ที่ใช้ JavaScript
- Types.js: แสดงโค้ดในรูปแบบเทอร์มินัล