VS Code Debugging 101: วิธี Debug โค้ดแบบง่ายๆ สำหรับมือใหม่

ในวิดีโอนี้ เราจะพาคุณไปเรียนรู้พื้นฐานการ Debug โค้ดใน Visual Studio Code (VS Code) แบบทีละขั้นตอน เหมาะสำหรับมือใหม่ที่เพิ่งเริ่มต้นเรียนรู้การเขียนโปรแกรม! คุณจะได้เรียนรู้วิธีตั้งค่าเบรคพอยต์ (Breakpoints) วิธีตรวจสอบค่าตัวแปร วิธีแก้ไขปัญหาที่เกิดขึ้นในโค้ด และทริคเล็ก ๆ ที่ช่วยให้การ Debug เป็นเรื่องง่ายขึ้น มาดูกันว่าเครื่องมือ Debug ใน VS Code จะช่วยพัฒนาทักษะการเขียนโค้ดของคุณได้อย่างไร!

สิ่งที่คุณจะได้เรียนรู้:

00:00 รู้จักกับการ Debug
01:09 ประเภทของข้อผิดพลาดและการ Debug
01:43 ฟีเจอร์ Run and Debug
02:16 ตัวอย่างโค้ดเบื้องต้นและการ Debug
03:25 การสร้างไฟล์ configuration launch.json
04:00 การตั้งค่าไฟล์ Run JSON ใน Node.js
05:06 Extension และ Debugger สำหรับภาษาต่าง ๆ ใน VS Code
06:11 รู้จัก Interface ของ Debugger เช่น Breakpoint และ Variable Watch
07:17 การตั้งค่า Breakpoint เพื่อติดตามค่าตัวแปร
08:54 การใช้ Log Point เพื่อติดตามค่าโดยไม่หยุดโปรแกรม
11:09 การใช้ Watch เพื่อดูค่าตัวแปรระหว่างการ Debug
12:23 ความหมายของคำสั่งใน Debugger: Continue, Step Over, Step In, Step Out
13:56 การ Debug หลายฟังก์ชันพร้อมการตั้งค่าไฟล์หลายไฟล์
16:11 การใช้งาน Step Into และ Step Out ในการ Debug ฟังก์ชัน
18:38 สรุปของการใช้งาน Debugger ใน VS Code

อัพสกิลสาย Coding แบบใส่นัวไม่ยั้งได้ที่ https://school.borntodev.com/

ตอนนี้ Borntodev มีการสอนรูปแบบ In-House Training แล้วนะ หน่วยงานหรือองค์กรไหนสนใจคลิกลิ้งก์นี้เลย https://www.borntodev.com/borntodev-f...

มาแบ่งปันความรู้ แชร์ประสบการณ์ใน Community borntoDev ได้ที่ / discord
เข้าร่วมกลุ่ม Facebook Community ได้ที่ / 24251. .
สนใจจัดอบรมออฟไลน์ ดูรายละเอียดได้ที่ https://www.borntodev.com/borntodev-f...

▲ ติดตามช่องของเราได้ที่ : https://bit.ly/SubBorntoDev
▲ Facebook : / borntodev
▲
Website : http://www.borntodev.com/
▲ TikTok : / borntodev
▲ Instagram : / borntodev

🦖BorntoDev Channel คือ ช่องยูทูปที่เน้นสาระด้านเทคโนโลยี การพัฒนาโปรแกรม ไปพร้อมกับความสนุกสนาน และ รอยยิ้มเข้าไว้ด้วยกันทั้งในรูปแบบบทเรียน และ vlog เพื่อการเปลี่ยนรูปแบบการเรียนรู้ด้านการพัฒนาโปรแกรม และ เทคโนโลยีแบบเดิม ๆ ที่เป็นเรื่องเฉพาะกลุ่มให้เข้าถึง เข้าใจได้ง่ายยิ่งขึ้น โดยพัฒนาเน้นไปที่รูปแบบการนำเสนอใหม่ ๆ ที่เป็นมิตรกับทุกคน

▲ กิจกรรมใน Channel BorntoDev เป็นส่วนหนึ่งในการดำเนินงานของ บริษัท บอร์นทูเดฟ จำกัด ที่เปิดรับ Partners ที่สนใจร่วมเปลี่ยนแปลงให้สังคมไทยเป็นสังคมด้านวิทยาศาสตร์ และ เทคโนโลยีมากยิ่งขึ้น หากคุณสนใจสนับสนุน และ ก้าวไปพร้อมกัน สามารถติดต่อร่วมงานได้แล้ววันนี้

▲ ติดต่อโฆษณา สนับสนุน และ ร่วมงานได้ที่: [email protected]