คลิปนี้เป็นบทเรียน JavaScript สำหรับผู้เริ่มต้นที่ระบุใน transcript ว่าเป็นชุดปี 2020 และต่อเนื่องจากพื้นฐาน HTML กับ CSS บทความนี้สรุปหัวข้อที่ปรากฏในข้อความ transcript เพื่อช่วยวางลำดับเรียน ไม่ได้ยืนยันว่าข้อความถอดเสียงครอบคลุมคลิปเต็ม 8 ชั่วโมง
JavaScript ทำงานร่วมกับหน้าเว็บอย่างไร
ในบทเรียน ผู้สอนเริ่มจากบทบาทของ JavaScript บนหน้าเว็บ แล้วเชื่อมกับ HTML ซึ่งกำหนดโครงสร้าง และ CSS ซึ่งจัดรูปแบบ เนื้อหาในช่วงที่ตรวจได้จึงเหมาะกับผู้ที่รู้จักเอกสาร HTML และสไตล์ชีตเบื้องต้นอยู่แล้ว
หัวข้อที่พบใน transcript
- พื้นฐานภาษาและรูปแบบการเขียน JavaScript ในหน้าเว็บ
- ตัวอย่างการแสดงผล เช่น
console.log,alertและdocument.write - การเขียน comment, ประกาศตัวแปร และทำความเข้าใจชนิดข้อมูล
- ตัวอย่างการใช้ข้อมูลเพื่อเปลี่ยนสิ่งที่แสดงบนหน้าเว็บ
ตัวอย่างในวิดีโอเป็นบทเรียนเก่า จึงควรมองคำสั่งแสดงผลเป็นตัวอย่างประกอบการเรียนรู้และตรวจบริบทก่อนใช้ในโครงการจริง โดยเฉพาะเมื่อเครื่องมือหรือรูปแบบการพัฒนาเว็บเปลี่ยนไป
แบบฝึกหัดสั้นหลังดู
ลองแยกตัวอย่างหนึ่งชิ้นออกเป็นสามส่วน: ค่าเริ่มต้นที่เก็บในตัวแปร, คำสั่งที่นำค่าไปใช้ และผลที่เห็นในเบราว์เซอร์หรือ console จากนั้นเปลี่ยนค่าและสังเกตว่าผลลัพธ์เปลี่ยนอย่างไร การทำเช่นนี้ช่วยให้เข้าใจความสัมพันธ์ระหว่างข้อมูลกับการแสดงผลมากกว่าจำชื่อคำสั่งอย่างเดียว
อ่านต่อจากเอกสารอ้างอิง
JavaScript Guide ของ MDN ครอบคลุม syntax, declarations, ชนิดข้อมูล, control flow, functions และ collections สำหรับหัวข้อโครงสร้างเว็บ ดู เอกสาร HTML และ เอกสาร CSS เพิ่มเติม
บทเรียนในสาย Front-end
อ่านต่อเรื่อง CSS selector และ stylesheet หรือ แนวคิด Component และ JSX ใน React 17 ซึ่งต้องใช้พื้นฐาน JavaScript ประกอบ
transcript จาก workbook มี 45,000 ตัวอักษรและถึงเพดานส่งออก จึงอาจไม่ครอบคลุมทุกช่วงของคลิป เราเทียบข้อความเท่านั้น ไม่ได้ยืนยันเสียง