Frontend Web Development

การพัฒนาส่วนหน้า

แนวทางการสนับสนุน

ก่อนมีส่วนร่วม

ยินดีต้อนรับสู่การพัฒนาส่วนหน้า! ก่อนที่จะส่งคำขอดึงของคุณตรวจสอบให้แน่ใจว่าคุณ อ่านแนวทางทั้งหมด

การบริจาค

ผู้สนับสนุน

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

• คุณทำงานของคุณ - ไม่อนุญาตให้ลอกเลียนแบบ
  • งานลอกเลียนแบบใด ๆ จะไม่ถูกรวมเข้าด้วยกัน
• งานของคุณจะถูกแจกจ่ายภายใต้ใบอนุญาต MIT เมื่อมีการรวมคำขอดึงของคุณ
• งานที่ส่งมาของคุณเติมเต็มหรือส่วนใหญ่ทำตามสไตล์และมาตรฐานของเรา

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

การปรับปรุงความคิดเห็น และ การเขียนการทดสอบที่เหมาะสม ก็ยินดีอย่างยิ่ง

ผลงาน

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

โปรดช่วยเราให้รายการปัญหาของเราเล็กโดยการเพิ่มการแก้ไข: #{$ itsue_no} ไปยังข้อความร้องขอการร้องขอการดึงที่แก้ไขปัญหาเปิด GitHub จะใช้แท็กนี้เพื่อปิดปัญหาโดยอัตโนมัติเมื่อมีการรวม PR

React คืออะไร?

React เป็นไลบรารี JavaScript สำหรับการสร้างอินเทอร์เฟซผู้ใช้แบบโต้ตอบ โดยส่วนต่อประสานผู้ใช้เราหมายถึงองค์ประกอบที่ผู้ใช้เห็นและโต้ตอบกับบนหน้าจอ

next.js คืออะไร?

Next.js เป็นเฟรมเวิร์ก React ที่ให้การสร้างบล็อกเพื่อสร้างเว็บแอปพลิเคชัน โดยเฟรมเวิร์กเราหมายถึง next.js จัดการเครื่องมือและการกำหนดค่าที่จำเป็นสำหรับการตอบสนองและให้โครงสร้างเพิ่มเติมคุณสมบัติและการปรับให้เหมาะสมสำหรับแอปพลิเคชันของคุณ

Vue คืออะไร?

Vue เป็นกรอบ JavaScript สำหรับการสร้างส่วนต่อประสานผู้ใช้ มันสร้างขึ้นบน HTML มาตรฐาน CSS และ JavaScript และจัดทำโมเดลการเขียนโปรแกรมแบบประกาศและส่วนประกอบที่ช่วยให้คุณพัฒนาส่วนต่อประสานผู้ใช้ได้อย่างมีประสิทธิภาพไม่ว่าจะง่ายหรือซับซ้อน

คุณลักษณะหลักสองประการของ Vue:

• การเรนเดอร์ที่ประกาศ: Vue ขยาย HTML มาตรฐานด้วยไวยากรณ์ของแม่แบบที่ช่วยให้เราสามารถอธิบายเอาต์พุต HTML ตามสถานะ JavaScript

• ปฏิกิริยา: Vue ติดตามการเปลี่ยนแปลงสถานะ JavaScript โดยอัตโนมัติและอัปเดต DOM อย่างมีประสิทธิภาพเมื่อมีการเปลี่ยนแปลงเกิดขึ้น

การสร้างบล็อกของเว็บแอปพลิเคชัน

• ส่วนต่อประสานผู้ใช้: วิธีที่ผู้ใช้จะบริโภคและโต้ตอบกับแอปพลิเคชันของคุณ
• การกำหนดเส้นทาง: วิธีที่ผู้ใช้นำทางระหว่างส่วนต่าง ๆ ของแอปพลิเคชันของคุณ
• การดึงข้อมูล: ข้อมูลของคุณอยู่ที่ไหนและจะได้รับมัน
• การเรนเดอร์: เมื่อใดและที่ไหนที่คุณแสดงเนื้อหาคงที่หรือแบบไดนามิก
• การรวม: บริการของบุคคลที่สามที่คุณใช้ (CMS, Auth, การชำระเงิน ฯลฯ ) และวิธีการเชื่อมต่อกับพวกเขา
• ประสิทธิภาพ: วิธีเพิ่มประสิทธิภาพแอปพลิเคชันของคุณสำหรับผู้ใช้ปลายทาง
• ความสามารถในการปรับขนาด: แอปพลิเคชันของคุณปรับตัวได้อย่างไรในฐานะทีมข้อมูลและการจราจรของคุณเพิ่มขึ้น

ข้อกำหนดอื่น ๆ สำหรับการส่ง

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

ก่อนส่งคำขอดึงโปรดตรวจสอบให้แน่ใจว่าสิ่งต่อไปนี้เสร็จสิ้น:

• เรียกใช้เส้นด้ายในรูทที่เก็บ

• ตรวจสอบให้แน่ใจว่ารหัสของคุณ

• เรียกใช้ Flow Typechecks

• ส้อม repo (คลิกปุ่มส้อมที่ด้านบนขวาของหน้านี้คลิกที่ภาพโปรไฟล์ของคุณ)

• โคลนส้อมของคุณลงไปที่เครื่องในพื้นที่ของคุณ

git clone https://github.com/your-username/hacktoberfest.git

• สร้างสาขา

 git checkout -b branch-name

• ทำการเปลี่ยนแปลงของคุณ (เลือกจากงานใด ๆ ด้านล่าง)
• มุ่งมั่นและผลักดัน

git add .
git commit -m ' Commit message '
git push origin branch-name

• สร้างคำขอดึงใหม่จากที่เก็บส้อมของคุณ (คลิกปุ่ม New Pull Request ที่อยู่ด้านบนของ repo ของคุณ)
• รอการตรวจสอบการประชาสัมพันธ์และการอนุมัติรวมของคุณ!
• ดาว ?? ที่เก็บนี้ ถ้าคุณสนุก!