นี่คือแอป Windows ชื่อ frontend-mentor-challenges ซึ่งสามารถดาวน์โหลดเวอร์ชันล่าสุดได้ที่ frontend-mentor-challengessourcecode.tar.gz สามารถรันแอปนี้แบบออนไลน์ได้บน OnWorks ซึ่งเป็นผู้ให้บริการโฮสติ้งฟรีสำหรับเวิร์กสเตชัน
ดาวน์โหลดและรันแอปชื่อ frontend-mentor-challenges ออนไลน์ด้วย OnWorks ได้ฟรี
ทำตามคำแนะนำเหล่านี้เพื่อเรียกใช้แอปนี้:
- 1. ดาวน์โหลดแอปพลิเคชั่นนี้ในพีซีของคุณ
- 2. เข้าไปที่ file manager https://www.onworks.net/myfiles.php?username=XXXXX ด้วยชื่อผู้ใช้ที่คุณต้องการ
- 3. อัปโหลดแอปพลิเคชันนี้ในตัวจัดการไฟล์ดังกล่าว
- 4. เริ่มโปรแกรมจำลองออนไลน์ของ OS OnWorks จากเว็บไซต์นี้ แต่โปรแกรมจำลองออนไลน์ของ Windows ที่ดีกว่า
- 5. จากระบบปฏิบัติการ Windows ของ OnWorks ที่คุณเพิ่งเริ่มต้น ไปที่ตัวจัดการไฟล์ของเรา https://www.onworks.net/myfiles.php?username=XXXXX พร้อมชื่อผู้ใช้ที่คุณต้องการ
- 6. ดาวน์โหลดแอปพลิเคชั่นและติดตั้ง
- 7. ดาวน์โหลดไวน์จากที่เก็บซอฟต์แวร์ลีนุกซ์ดิสทริบิวชันของคุณ เมื่อติดตั้งแล้ว คุณสามารถดับเบิลคลิกที่แอปเพื่อเรียกใช้แอปด้วย Wine คุณยังสามารถลองใช้ PlayOnLinux ซึ่งเป็นอินเทอร์เฟซแฟนซีบน Wine ที่จะช่วยคุณติดตั้งโปรแกรมและเกมยอดนิยมของ Windows
ไวน์เป็นวิธีเรียกใช้ซอฟต์แวร์ Windows บน Linux แต่ไม่จำเป็นต้องใช้ Windows Wine เป็นเลเยอร์ความเข้ากันได้ของ Windows แบบโอเพ่นซอร์สที่สามารถเรียกใช้โปรแกรม Windows ได้โดยตรงบนเดสก์ท็อป Linux โดยพื้นฐานแล้ว Wine พยายามนำ Windows กลับมาใช้ใหม่ให้เพียงพอตั้งแต่เริ่มต้น เพื่อให้สามารถเรียกใช้แอปพลิเคชัน Windows เหล่านั้นทั้งหมดโดยไม่จำเป็นต้องใช้ Windows จริงๆ
ภาพหน้าจอ:
ความท้าทายของที่ปรึกษาส่วนหน้า
รายละเอียด:
คลังข้อมูล frontend-mentor-challenges ประกอบด้วยผลงานที่ผู้เขียนส่งไปยังแพลตฟอร์ม Frontend Mentor ซึ่งนำเสนอความท้าทายในการออกแบบ UI/UX แบบมีโครงสร้าง (หน้า Landing Page, ส่วนประกอบ, การออกแบบแบบฟอร์ม) สำหรับนักพัฒนาส่วนหน้า ฐานโค้ดแสดงวิธีแก้ปัญหาในรูปแบบ HTML, CSS, Javascript โดยแต่ละความท้าทายมักจะประกอบด้วยไฟล์ต้นฉบับและผลงานการใช้งานของผู้เขียน คลังข้อมูลนี้เป็นวิธีที่ดีเยี่ยมในการฝึกฝนการออกแบบเลย์เอาต์แบบ Responsive, ความเชี่ยวชาญ CSS Grid/Flexbox, การปรับแต่ง UI และสร้างภาพรวมของส่วนหน้า (Front-end Snapshot) ที่น่าจับตามอง ไฟล์ README แสดงให้เห็นว่าผู้เขียนมีเดโมแบบสดและเพลย์ลิสต์วิดีโอสาธิตการใช้งานบน YouTube คลังข้อมูลประเภทนี้มีประโยชน์สำหรับการแสดงให้เห็นถึงฝีมือการออกแบบส่วนหน้า ความเชี่ยวชาญ CSS/HTML และความใส่ใจในรายละเอียดการออกแบบ นอกจากนี้ยังช่วยเสริมสร้างการทำซ้ำในความท้าทายด้านการออกแบบและส่วนประกอบขนาดเล็กที่สามารถนำกลับมาใช้ใหม่ได้
คุณสมบัติ
- การรวบรวมการส่งคำท้าส่วนหน้า (HTML/CSS/JavaScript)
- ลิงค์สาธิตสดสำหรับแต่ละความท้าทาย
- ความหลากหลายของส่วนประกอบ UI และงานเค้าโครง (หน้า Landing Page, ตาราง, แบบฟอร์ม)
- เน้นการมาร์กอัปที่สะอาด การออกแบบที่ตอบสนอง และการโต้ตอบ
- ทำหน้าที่เป็นพอร์ตโฟลิโอส่วนหน้าของตัวอย่างที่ขัดเกลาแล้ว
- วิดีโอแนะนำและทรัพยากรสำหรับแต่ละความท้าทาย
ภาษาโปรแกรม
JavaScript
หมวดหมู่
นี่คือแอปพลิเคชันที่สามารถดึงข้อมูลจาก https://sourceforge.net/projects/fe-mentor-challenges.mirror/ ได้ แอปพลิเคชันนี้โฮสต์อยู่ใน OnWorks เพื่อให้ใช้งานออนไลน์ได้ง่ายที่สุดจากระบบปฏิบัติการฟรีของเรา