SECTION_TITLE.OVERVIEW
ภาษา JavaScript มีความสามารถในการทำงานกับ DOM(Document Object Model) หรือ โครงสร้างที่ใช้เพื่อจัดการและปรับแต่งเนื้อหา HTML และ XML ในเว็บไซต์ ภาษา JavaScript จึงเป็นที่นิยมใช้ของนักพัฒนา เพื่อสามารถแก้ไขและเปลี่ยนแปลงเนื้อหา, ลักษณะและโครงสร้างของหน้าเว็บได้โดยตรง
สิ่งที่จะได้เรียนจากคอร์ส JavaScript for Web Development
- เข้าใจโครงสร้างพื้นฐานของ DOM(Document Object Model) ซึ่งเป็นพื้นฐานที่สำคัญในการทำงานกับเว็บ
- เรียนรู้การเลือกใช้และเข้าถึงองค์ประกอบใน DOM ด้วย getElementById, getElementsByClassName, querySelector และอื่น ๆ
- ทำความเข้าใจและการเลือกใช้ Event Handler ในการจัดการกับ Events นั้น ๆ
- เรียนรู้วิธีการแก้ไขเนื้อหาและลักษณะต่าง ๆ ใน HTML โดยใช้ JavaScript
- รู้จักกับโปรแกรมแบบ Asynchronous และการใช้ Callback functions และ Promise ในการจัดการกับข้อมูลแบบ Asynchronous
- เรียนรู้การเรียกข้อมูลจากเซิร์ฟเวอร์โดยใช้ Fetch API และ Axios
- รู้จักกับโครงสร้างของ Browser Object Model และการใช้ Window Event, window.navigator, window.location, และ window.history
- เรียนรู้เกี่ยวกับ Utility function สำหรับการทำงานกับ DOM และข้อมูล
- เข้าใจการทำ Form Validation ที่เป็นส่วนสำคัญในการตรวจสอบข้อมูลที่ผู้ใช้ป้อนเข้ามา
- รู้จักกับ Web storage และการใช้ Local storage, Session storage, และ Web Cookie เพื่อจัดเก็บข้อมูลในเว็บแอปพลิเคชัน
คอร์สนี้เหมาะกับใคร
- Web Developer มือใหม่: สำหรับผู้ที่พึ่งเริ่มต้นเรียนรู้ JavaScript และต้องการทราบพื้นฐานเพื่อใช้พัฒนาเว็บไซต์ให้มีประสิทธิภาพ
- นักเรียนนักศึกษา: ที่อยากเรียนรู้การใช้ JavaScript เพื่อนำไปใช้พัฒนาเว็บไซต์
SECTION_TITLE.INSTRUCTOR
SECTION_TITLE.COURSE_OUTLINE
Accessing DOM
What is DOM
getElement, querySelector
Summary
แบบฝึกหัด - Access DOM
เฉลยแบบฝึกหัด - Access DOM
Javascript Event
What is Event
2:01
Event Handler
7:30
Summary Event
0:47
DOM Manipulation
What is DOM manipulation
0:45
Edit Content in HTML
5:36
Attribute in HTML
6:09
Edit Style (CSS)
3:56
Add - Delete DOM in HTML
5:57
แบบฝึกหัด - DOM Manipulation
เฉลยแบบฝึกหัด - DOM Manipulation
Asynchronous Function
Asynchronous
5:28
Callback functions & Promise
8:33
Fetch API and Axios
3:10
JSON
5:24
Method & REST API
3:56
Axios
4:13
แบบฝึกหัด - Asynchronous Function
เฉลยแบบฝึกหัด - Asynchronous Function
Browser Object Model (BOM)
Browser Object Model
1:55
Window Event
5:04
Window.navigator
3:39
Window.location
3:04
Window.history
7:14
Utility Function
7:29
แบบฝึกหัด - Browser Object Model (BOM)
เฉลยแบบฝึกหัด - Browser Object Model (BOM)
Form Validation
Form Validation
2:15
Input Validation
4:04
Submit Validation
3:42
File Validation
14:39
Regular Expression
27:32
แบบฝึกหัด - Form validation
เฉลยแบบฝึกหัด - Form validation
Web Storage
Web Storage
1:53
Local Storage
5:39
Session Storage
3:48
Web Cookie
6:54
IndexedDB
8:59
แบบฝึกหัด - Web Storage
เฉลยแบบฝึกหัด - Web Storage
Workshop Pokemon Hangman
Pokemon Hangman
1:46
Feature: DOM, Event, Async API
20:25
Feature: Function Javascript, BOM
28:19
Feature: Web Storage
22:32
SECTION_TITLE.FAQS
Q:
ซื้อคอร์สออนไลน์ในนามนิติบุคคลผ่านหน้าเว็บไซต์ได้หรือไม่
A:
สามารถทำได้ โดยในหน้าคำสั่งซื้อ กดเครื่องหมายถูกในช่อง "ต้องการออกใบกำกับภาษี/ใบเสร็จรับเงิน" จากนั้นเลือก "นิติบุคคล/บริษัท" และคำสั่งซื้อจะมีการหักภาษี ณ ที่จ่าย 3% โดยอัตโนมัติ ในกรณีบริษัทของท่านไม่ใช่ 3% กรุณาส่งรายละเอียดที่ต้องการสั่งซื้อมาที่ hello@skooldio.com
Q:
วิธีขอใบกำกับภาษีในนามนิติบุคคลและใบกำกับภาษีสำหรับบุคคลทั่วไป
A:
กดเครื่องหมายถูกในช่อง "ต้องการออกใบกำกับภาษี/ใบเสร็จรับเงิน" ในหน้าชำระเงินและเลือกประเภทบุคคลทั่วไปหรือนิติบุคคล และกรอกรายละเอียด
Q:
คอร์สออนไลน์สามารถกลับมาเรียนซ้ำได้หรือไม่
A:
สำหรับคอร์สที่ซื้อในนามบุคคลทั่วไป คอร์สมีอายุตลอดชีพ สำหรับคอร์สที่ซื้อในนามนิติบุคคล สามารถกลับมาเรียนซ้ำได้ภายใน 1 ปี
Q:
สามารถแก้ไขใบกำกับภาษีจากในนามนิติบุคคลเป็นใบกำกับภาษีบุคคลทั่วไป และ ใบกำกับภาษีบุคคลทั่วไปเป็นใบกำกับภาษีในนามนิติบุคคลได้หรือไม่
A:
หลังจากได้รับใบกำกับภาษีแล้ว หากต้องการแก้ไขข้อมูล สามารถทำได้ภายใน 7 วัน นับจากวันที่ได้รับใบกำกับภาษีแบบเต็มรูปทางอีเมล โดยสามารถแก้ไขข้อมูลได้เฉพาะ ชื่อ-นามสกุล เลขประจำตัวผู้เสียภาษีและที่อยู่เท่านั้น จะไม่สามารถแก้ไขข้อมูลคำสั่งซื้อได้