ภาพรวมหลักสูตร
หลักสูตร Basic JavaScript นี้ถูกออกแบบมาเพื่อให้ผู้เรียนได้เรียนรู้พื้นฐานของภาษา JavaScript ซึ่งเป็นหนึ่งในภาษาที่สำคัญที่สุดสำหรับการพัฒนาเว็บแอปพลิเคชันในปัจจุบัน เนื้อหาจะครอบคลุมตั้งแต่การเขียนสคริปต์พื้นฐาน การทำงานของตัวแปร และการควบคุมการทำงานของโปรแกรมไปจนถึงการใช้งานวัตถุ ฟังก์ชัน และการจัดการเหตุการณ์
ผู้เรียนจะได้ฝึกฝนทักษะเหล่านี้ผ่านตัวอย่างและกิจกรรมที่ออกแบบมาให้เข้าใจได้ง่ายและสามารถนำไปประยุกต์ใช้ในโครงการจริงได้ ในระหว่างการเรียน ผู้เรียนจะได้เรียนรู้เกี่ยวกับโครงสร้างของภาษา JavaScript และวิธีการทำงานร่วมกับเอกสาร HTML และ CSS ซึ่งเป็นพื้นฐานสำคัญของการพัฒนาเว็บ การเรียนรู้ที่เกิดขึ้นในหลักสูตรนี้จะเป็นการสร้างพื้นฐานที่มั่นคงให้ผู้เรียนสามารถต่อยอดไปสู่การพัฒนาเว็บแอปพลิเคชันที่ซับซ้อนมากขึ้นในอนาคต
สิ่งที่คุณจะได้รับ
- เพื่อให้ผู้เรียนเข้าใจพื้นฐานของภาษา JavaScript อย่างครบถ้วน
- เพื่อให้ผู้เรียนสามารถเขียนโค้ด JavaScript เพื่อจัดการกับ DOM และเหตุการณ์บนหน้าเว็บได้
- เพื่อให้ผู้เรียนสามารถใช้งานตัวแปร ฟังก์ชัน และวัตถุใน JavaScript ได้อย่างมีประสิทธิภาพ
- เพื่อให้ผู้เรียนเข้าใจและสามารถนำโครงสร้างการควบคุมโปรแกรม (Flow Control) ไปประยุกต์ใช้ได้
- เพื่อเตรียมความพร้อมให้ผู้เรียนสามารถเรียนรู้เทคนิคการพัฒนาเว็บแอปพลิเคชันขั้นสูงต่อไป
หลักสูตรนี้เหมาะสำหรับ
- ผู้ที่ต้องการพัฒนา Application ด้วย JavaScript สำหรับผู้เริ่มต้น
- IT Managers
- Developers
พื้นฐานของผู้เข้าอบรม
- พื้นฐานการใช้งานคอมพิวเตอร์และการท่องเว็บ
- ความเข้าใจพื้นฐานเกี่ยวกับการทำงานของเว็บไซต์และหน้าเว็บ (HTML/CSS) จะเป็นประโยชน์ แต่ไม่จำเป็น
- ความสนใจในด้านการพัฒนาเว็บหรือการเขียนโปรแกรม
- ไม่มีความจำเป็นต้องมีประสบการณ์ในการเขียนโปรแกรมมาก่อน
หัวข้อการฝึกอบรม
Module 1 Introduction to JavaScript
- การเขียนสคริปต์สำหรับเว็บ
- JavaScript คืออะไร - ความสามารถ
- การประยุกต์ใช้งานของ JavaScript
- ความแตกต่างระหว่าง JavaScript, Jscript และ ECMAScript
- การทำงานของ JavaScript ฝั่ง Client-Side
- การฝัง JavaScript ในหน้าเว็บ
- คุณสมบัติพื้นฐานของ JavaScript
- การใช้งานตัวแปรใน JavaScript
- การทำงานของเบราว์เซอร์เมื่อพบ JavaScript
- ตัวอย่างง่ายๆ ของ JavaScript
Module 2 แกนหลักของภาษา JavaScript
- บทนำเกี่ยวกับภาษา JavaScript
- ขอบเขตการใช้งานของ JavaScript
- องค์ประกอบหลักของภาษา JavaScript
- การประกาศตัวแปร
- คำระบุตัว
- คำที่สงวนไว้
- Literal และ String literals
- การหนีอักขระใน strings
- การใช้อักษรตัวพิมพ์เล็กและตัวพิมพ์ใหญ่
- คอมเมนต์ในโค้ด
- ชนิดของข้อมูลเชิงตัวเลข
- การทำงานกับกล่อง dialog และการรับข้อมูลจากผู้ใช้
Module 3 การคำนวณและตัวดำเนินการ
- ชนิดข้อมูลใน JavaScript
- ค่าคงที่เชิงตัวเลขพิเศษ
- ตัวดำเนินการ (Operators) คืออะไร
- ตัวดำเนินการทางคณิตศาสตร์
- ตัวดำเนินการเปรียบเทียบและตัวอย่าง
- ตัวดำเนินการทางตรรกะและตัวอย่าง
- ตัวดำเนินการเพิ่ม/ลดค่า
- การดำเนินการกับสตริง
- การแปลงสตริงเป็นตัวเลข
- ตัวดำเนินการทางเงื่อนไข (ternary operator)
- ตัวดำเนินการแบบบิต (Bitwise operators)
- ลำดับความสำคัญของตัวดำเนินการ
Module 4 การควบคุมการไหลของโปรแกรม (Flow Control)
- บทนำสู่การควบคุมการไหล
- การควบคุมด้วยคำสั่ง if...else
- การควบคุมด้วยคำสั่ง switch
- ลูป while และ do/while
- ลูป for และการใช้ for...in
- การใช้คำสั่ง break และ continue
Module 5 การใช้งานฟังก์ชันใน JavaScript
- ความสำคัญของฟังก์ชัน
- ฟังก์ชันที่มีอยู่แล้วใน JavaScript
- โครงสร้างของฟังก์ชัน
- การส่งค่าและรับค่าในฟังก์ชัน
- ตัวแปรภายในฟังก์ชัน
- ขอบเขตของฟังก์ชัน (Scope)
- การใช้งานฟังก์ชันซ้ำ (Recursion)
- การนำเข้าไฟล์ที่ประกอบด้วยฟังก์ชัน
Module 6 การจัดเก็บข้อมูลใน Arrays
- พื้นฐานของ Array
- ตัวอย่าง Array แบบตัวเลข
- ตัวอย่าง Array แบบแฮช (Hash Array)
- คุณสมบัติและฟังก์ชันที่เกี่ยวข้องกับ Array
- การสร้างและใช้งาน Array
- การเรียงลำดับและการย้อนกลับของ Array
- Method ที่ใช้กับ Array อื่นๆ
Module 7 การใช้งานวัตถุ (Objects) ใน JavaScript
- บทนำสู่วัตถุ (Objects)
- การสร้างวัตถุ
- วัตถุ, คลาส และอินสแตนซ์
- การใช้งาน Constructor และ Prototype
- การใช้ Object literals และ Class methods
- วัตถุที่มีในตัว JavaScript เช่น String, Date และ Math
Module 8 วัตถุและเหตุการณ์ (Objects and Events)
- วัตถุและการตอบสนองต่อเหตุการณ์
- การตรวจสอบและยืนยันข้อมูลในฟอร์ม
- การทำงานกับ DOM (Document Object Model)
- วัตถุ window และ document
- การใช้งานฟอร์มและการตรวจสอบองค์ประกอบของฟอร์ม
- เหตุการณ์ที่เกี่ยวข้องกับฟอร์ม
Module 9 วัตถุ, Method และคุณสมบัติใน JavaScript
- วัตถุและฟังก์ชันที่เกี่ยวข้องกับ Document, Window
- การเปิดหน้าต่างใหม่และการจัดการเฟรม
- การใช้งาน Cookies เพื่อจัดเก็บข้อมูลสถานะของผู้ใช้
- ข้อควรระวังด้านความปลอดภัยและความเป็นส่วนตัว
Module 10 เคล็ดลับและเทคนิคใน JavaScript
- การโฟกัสฟอร์มเมื่อหน้าโหลด
- การสร้างเมนูที่เปลี่ยนหน้า
- การโหลดภาพล่วงหน้าและการสร้างเอฟเฟกต์ rollover
- การใช้งาน status-bar ร่วมกับ mouse-over
รอบอบรมและรูปแบบการอบรม
สำหรับบุคคล — รอบอบรมทั่วไป
ขณะนี้ยังไม่มีรอบอบรมเปิดรับสมัคร ลงชื่อจองไว้ได้เลย ทีมงานจะติดต่อกลับเป็นกลุ่มแรกเมื่อเปิดรอบถัดไป หรือสอบถามทางไลน์ หรือโทร 02-570-8449 หรือ 088-807-9770
สำหรับองค์กร — In-house / Private Training
- ปรับเนื้อหาให้ตรงกับเครื่องมือและงานจริงของทีม
- เลือกวันเอง อบรมที่บริษัทหรือออนไลน์สด
- ออกใบเสนอราคาในนามนิติบุคคลให้ฝ่ายจัดซื้อ
ขอใบเสนอราคาอบรมองค์กร คำถามที่พบบ่อย
DOM คืออะไร ใช้ JavaScript เปลี่ยนเนื้อหาบนหน้าเว็บอย่างไร
DOM (Document Object Model) คือโครงสร้างของหน้าเว็บที่เบราว์เซอร์สร้างเป็นต้นไม้ของออบเจกต์ให้ JavaScript เข้าถึงและแก้ไขได้ เริ่มจากเลือกองค์ประกอบด้วย document.getElementById() หรือ document.querySelector() จากนั้นเปลี่ยนข้อความด้วย textContent เปลี่ยนสไตล์ผ่าน style หรือ classList และสร้างองค์ประกอบใหม่ด้วย createElement() แล้วเพิ่มลงหน้าด้วย appendChild()
var let และ const ใน JavaScript ต่างกันอย่างไร
var เป็นวิธีประกาศตัวแปรแบบเดิม มีขอบเขตระดับฟังก์ชันและประกาศซ้ำได้ จึงเกิดบั๊กง่าย ส่วน let มีขอบเขตเฉพาะในบล็อก { } ที่ประกาศ และเปลี่ยนค่าได้ ขณะที่ const มีขอบเขตระดับบล็อกเช่นกันแต่กำหนดค่าใหม่ไม่ได้ ในงานปัจจุบันนิยมใช้ const เป็นหลัก และใช้ let เมื่อค่าต้องเปลี่ยน เช่น ตัวนับในลูป
ทำให้ปุ่มบนหน้าเว็บทำงานเมื่อคลิกด้วย JavaScript ทำอย่างไร
เริ่มจากเลือกปุ่มด้วย document.querySelector() จากนั้นผูกฟังก์ชันกับเหตุการณ์คลิกด้วย addEventListener('click', ฟังก์ชัน) แล้วจึงเขียนคำสั่งที่ต้องการในฟังก์ชันนั้น เช่น เปลี่ยนข้อความ ซ่อนหรือแสดงกล่องข้อความ หรือตรวจค่าในฟอร์ม ถ้าเป็นปุ่มส่งฟอร์มและต้องการตรวจค่าก่อน ให้เรียก event.preventDefault() เพื่อหยุดการส่งฟอร์มไว้ก่อน
หลักสูตร Basic JavaScript เหมาะกับใคร ต้องมีพื้นฐานอะไรมาก่อน
เหมาะกับผู้เริ่มต้นที่อยากพัฒนาแอปพลิเคชันด้วย JavaScript นักพัฒนา และ IT Manager ไม่จำเป็นต้องเคยเขียนโปรแกรมมาก่อน ขอเพียงใช้คอมพิวเตอร์และท่องเว็บได้ และสนใจงานพัฒนาเว็บ ถ้าเข้าใจ HTML และ CSS มาบ้างจะช่วยให้เรียนได้ง่ายขึ้น
เรียนจบหลักสูตร Basic JavaScript แล้วทำอะไรได้บ้าง
เขียน JavaScript โดยใช้ตัวแปร ตัวดำเนินการ เงื่อนไข และลูป เขียนฟังก์ชันและใช้ Array กับออบเจกต์ จัดการ DOM และเหตุการณ์บนหน้าเว็บ เช่น การคลิกหรือการกรอกฟอร์ม และมีพื้นพร้อมต่อยอดไปเรียนการพัฒนาเว็บแอปพลิเคชันขั้นสูง ผู้ผ่านการอบรมได้รับใบประกาศนียบัตร (Certificate of Completion) ที่มีเลขที่ของตัวเองและตรวจสอบออนไลน์ได้
จัดอบรมหลักสูตร Basic JavaScript ให้ทีมในองค์กรได้ไหม
ได้ หลักสูตรนี้จัดเป็นการอบรมแบบ In-house ให้ทีมในองค์กรได้ และปรับตัวอย่างให้ตรงกับงานของทีม เช่น ฝึกเพิ่มการตรวจฟอร์มหรือการโต้ตอบให้หน้าเว็บที่ทีมดูแลอยู่ ขอข้อเสนอการจัดอบรมได้จากหน้านี้ หรือติดต่อทาง LINE @itgenius โทร 02-570-8449
