You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
53 lines
5.7 KiB
53 lines
5.7 KiB
# แผนที่เส้นทางสำหรับที่เก็บ 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 DISCLAIMER START -->
|
|
**คำปฏิเสธความรับผิดชอบ**:
|
|
เอกสารนี้ได้รับการแปลโดยใช้บริการแปลภาษาอัตโนมัติ [Co-op Translator](https://github.com/Azure/co-op-translator) แม้เราจะพยายามให้ความแม่นยำ แต่โปรดทราบว่าการแปลแบบอัตโนมัติอาจมีข้อผิดพลาดหรือตกหล่น ข้อมูลต้นฉบับในภาษาต้นฉบับควรถูกนับเป็นแหล่งที่เชื่อถือได้ สำหรับข้อมูลที่สำคัญ ขอแนะนำให้ใช้บริการแปลโดยมืออาชีพ เรายังไม่รับผิดชอบต่อความเข้าใจผิดหรือการตีความผิดที่เกิดจากการใช้การแปลนี้
|
|
<!-- CO-OP TRANSLATOR DISCLAIMER END --> |