# แผนที่เส้นทางสำหรับที่เก็บ Web-Dev-For-Beginners ของ Microsoft **ที่เก็บนี้ให้แผนที่เส้นทางสำหรับการเรียนรู้พื้นฐานการพัฒนาเว็บโดยเน้นที่ JavaScript, HTML, และ CSS หลักสูตรนี้ยืดหยุ่นและสามารถทำได้ทั้งหมดหรือบางส่วน โดยมี 24 บทเรียนที่กระจายอยู่ตลอด 12 สัปดาห์** ## จุดมุ่งหมายสำคัญ * **สัปดาห์ที่ 1-3:** * บทนำสู่ภาษาการเขียนโปรแกรมและเครื่องมือของงาน * พื้นฐานของ GitHub * การเข้าถึงได้ง่าย * พื้นฐาน JS: ชนิดข้อมูล, ฟังก์ชัน และเมธอด * การตัดสินใจด้วย JS * **สัปดาห์ที่ 4-6:** * อาร์เรย์และลูป * Terrarium: การใช้ HTML ในทางปฏิบัติ * CSS ในทางปฏิบัติ * JavaScript closures * การจัดการ DOM * **สัปดาห์ที่ 7-9:** * Typing Game: การเขียนโปรแกรมที่ขับเคลื่อนด้วยเหตุการณ์ * Green Browser Extension: การทำงานกับเบราว์เซอร์ * การสร้างฟอร์ม, เรียกใช้ API และเก็บตัวแปรใน local storage * กระบวนการพื้นหลังในเบราว์เซอร์ * ประสิทธิภาพเว็บ * **สัปดาห์ที่ 10-12:** * Space Game: การพัฒนาเกมขั้นสูงด้วย JavaScript * การวาดลงบนแคนวาส * การเคลื่อนย้ายองค์ประกอบบนหน้าจอ * การตรวจจับการชนกัน * การเก็บคะแนน, การจบและการเริ่มเกมใหม่ * Banking App: HTML Templates และ Routes ในเว็บแอป * การสร้างฟอร์มเข้าสู่ระบบและการลงทะเบียน * วิธีการดึงและใช้ข้อมูล * แนวคิดการจัดการสถานะ ## ผลลัพธ์การเรียนรู้ **โดยการทำแผนที่เส้นทางนี้เสร็จสิ้น นักเรียนจะได้รับประสบการณ์ตรงในการสร้างเกมพิมพ์, Terrarium เสมือนจริง, ส่วนขยายเบราว์เซอร์ที่เป็นมิตรต่อสิ่งแวดล้อม, เกมสไตล์ผู้บุกรุกในอวกาศ และแอปธนาคารสำหรับธุรกิจ อีกทั้งยังพัฒนาความเข้าใจที่แข็งแกร่งในพื้นฐานการพัฒนาเว็บ** ## แหล่งข้อมูลเพิ่มเติม * ที่เก็บนี้มีแหล่งข้อมูลมากมายสำหรับการเรียนรู้เพิ่มเติม รวมถึงบทแนะนำ, ตัวอย่างโค้ด และความท้าทายต่างๆ * แพลตฟอร์ม Microsoft Learn มีหลักสูตรและเส้นทางการเรียนรู้การพัฒนาเว็บหลากหลาย * ชุมชนออนไลน์เช่น Stack Overflow และ MDN Web Docs ให้การสนับสนุนและแหล่งข้อมูลที่มีคุณค่าสำหรับนักพัฒนาเว็บ **หวังว่าแผนที่เส้นทางนี้จะช่วยให้คุณประสบความสำเร็จในการเดินทางสู่การพัฒนาเว็บ!** --- **คำปฏิเสธความรับผิดชอบ**: เอกสารนี้ได้รับการแปลโดยใช้บริการแปลภาษาอัตโนมัติ [Co-op Translator](https://github.com/Azure/co-op-translator) แม้เราจะพยายามให้ความแม่นยำ แต่โปรดทราบว่าการแปลแบบอัตโนมัติอาจมีข้อผิดพลาดหรือตกหล่น ข้อมูลต้นฉบับในภาษาต้นฉบับควรถูกนับเป็นแหล่งที่เชื่อถือได้ สำหรับข้อมูลที่สำคัญ ขอแนะนำให้ใช้บริการแปลโดยมืออาชีพ เรายังไม่รับผิดชอบต่อความเข้าใจผิดหรือการตีความผิดที่เกิดจากการใช้การแปลนี้