WEBVTT 00:00:05.847 --> 00:00:08.399 - อยู่ชั้นอะไรจ๊ะ - ป.2 ค่ะ 00:00:08.451 --> 00:00:10.269 - ม.4 - ป.1 00:00:10.294 --> 00:00:12.269 ผมเริ่มเรียนโปรแกรมตอนอยู่ม.2 00:00:12.294 --> 00:00:14.756 ผมได้คอมเครื่องแรกตอนอยู่ป.6 00:00:16.862 --> 00:00:19.782 ชอบตรงที่ได้ช่วยแก้ปัญหาให้คน 00:00:20.161 --> 00:00:23.766 เราสามารถแสดงออก สร้างอะไรขึ้นมาจากไอเดีย 00:00:24.422 --> 00:00:31.076 วิชาคอมพิวเตอร์เป็นรากฐานของสิ่งที่นักศึกษา คนทำวิชาชีพจะทำไปอีกยี่สิบสามสิบปี 00:00:31.168 --> 00:00:34.107 ฉันชอบโปรแกรมมิ่งเพราะได้ช่วยคน 00:00:34.194 --> 00:00:38.716 มีโอกาสสร้างอะไรที่ทำให้ชีวิตคนสบายขึ้น 00:00:38.930 --> 00:00:41.677 เป็นอะไรที่ใกล้เคียงกับซุปเปอร์พาวเวอร์ที่สุด 00:00:41.844 --> 00:00:44.111 ตอนเริ่มต้นนั่นแหละสำคัญที่สุด 00:00:44.179 --> 00:00:47.949 ฉันเองก็มือใหม่ เรามาเรียนด้วยกันนะคะ 00:00:48.004 --> 00:00:53.046 ชื่อลินด์ซีย์ค่ะ ตอนเรียนฉันเรียน การละครคู่กับคอมพิวเตอร์ 00:00:53.071 --> 00:00:56.672 เดี๋ยวนี้เป็นนางแบบ นักแสดง กับนักเขียนโค้ด 00:00:56.697 --> 00:01:01.840 มาหัดใช้โค้ดแล้วตามแอนนากับเอลซา ไปชมความงามของน้ำแข็งกันค่ะ 00:01:01.959 --> 00:01:08.373 สร้างเกล็ดหิมะและลวดลายด้วยสเก็ตน้ำแข็ง ในดินแดนมหัศจรรย์ที่เราและเพื่อนไปผจญภัยกัน 00:01:08.530 --> 00:01:11.972 จากนี้ไป คุณจะได้เรียนพื้นฐานการโค้ด 00:01:12.461 --> 00:01:20.352 ธรรมดาเขาจะเขียนด้วยเท็กซ์ แต่เราจะใช้ บล็อกแดรกแอนด์ดร็อปให้ทำงานง่าย 00:01:20.448 --> 00:01:23.607 ที่ฮาร์วาร์ดก็เรียนกันแบบนี้ 00:01:23.654 --> 00:01:26.713 ข้างในมันก็ยังเป็นโค้ดอยู่ดี 00:01:26.738 --> 00:01:30.960 แนวคิดที่เราจะเรียน คือสิ่งที่โปรแกรมเมอร์ใช้กันทุกวัน 00:01:31.009 --> 00:01:34.017 กับรากฐานทั้งหมดของวิชาคอมพิวเตอร์ 00:01:34.108 --> 00:01:38.271 โปรแกรมคือชุดคำสั่งที่บอกให้คอมพิวเตอร์ทำงาน 00:01:38.887 --> 00:01:43.628 มาสร้างโค้ดสำหรับโปรแกรมช่วยเอลซาขีดเส้นง่ายๆ 00:01:44.085 --> 00:01:47.347 แล้วต่อไปเราค่อยเอามาทำลวดลายที่ซับซ้อนขึ้น 00:01:48.257 --> 00:01:51.258 หน้าจอของเราแบ่งเป็น 3 ส่วนหลักๆ 00:01:51.283 --> 00:01:55.110 ทางซ้ายคือลานน้ำแข็งที่เรารันโปรแกรม 00:01:55.625 --> 00:01:59.506 คำแนะนำของแต่ละเลเวลอยู่ใต้ลานน้ำแข็งนั้น 00:01:59.781 --> 00:02:05.569 ตรงกลางคือกล่องเครื่องมือ บล็อกแต่ละบล็อก คือสิ่งที่แอนนากับเอลซาทำได้ 00:02:06.126 --> 00:02:11.174 แผ่นสีขาวทางขวาคือโต๊ะทำงาน เป็นที่ที่เราจะสร้างโปรแกรม 00:02:11.404 --> 00:02:14.935 จะขีดเส้นไปข้างหน้าเราก็แดรก บล็อก "Move Forward" ออกมา 00:02:15.630 --> 00:02:20.367 ตอนนี้บล็อกตั้งว่าไปข้างหน้า 100 พิกเซล 00:02:20.392 --> 00:02:23.281 กดรันไปจะเกิดอะไรขึ้น 00:02:23.962 --> 00:02:26.982 บนจอเอลซ่าก็จะขยับไปตามระยะทางนั้น 00:02:27.007 --> 00:02:33.014 100 พิกเซลพอดี พิกเซลคือ สี่เหลี่ยมจตุรัสจิ๋วๆ บนจอของเรา 00:02:33.427 --> 00:02:38.149 อีกบล็อกที่เรามี เขียนว่าเลี้ยวขวามุม 90 องศา 00:02:38.208 --> 00:02:43.034 เมื่อใช้บล็อกนี้ เอลซาก็จะหันไปตามองศานั้น 00:02:43.208 --> 00:02:49.309 ลองตั้งมุมดูค่ะ มุมจะวัดจากเส้นตรงหน้าเอลซาไป 00:02:49.368 --> 00:02:54.525 90 องศา 120 องศา 00:02:54.856 --> 00:02:59.428 จำนวนพิกเซลกับองศาเราเปลี่ยนได้ ด้วยการคลิกที่ลูกศรข้างๆ ค่ะ