This course was created with the
course builder. Create your online course today.
Start now
Create your course
with
Autoplay
Autocomplete
Previous Lesson
Complete and Continue
Modern JavaScript
JavaScript Fundamentals - เรียนรู้พื้นฐานจาวาสคริปท์
บทนำ JavaScript (6:48)
แนะนำ Text editor และ Web Browser (0:45)
รู้จักกับ Developer Tool & Console (1:35)
ความแตกต่างระหว่าง HTML CSS JS (2:59)
เริ่มต้นเขียน JavaScript (4:50)
คำสั่งสำหรับแสดงผลข้อมูล JavaScript Output (3:00)
รู้จักกับ JavaScript Statements (1:01)
การคอมเม้นท์ JavaScript Comments (0:56)
การสร้างตัวแปร JavaScript Variables (2:28)
การเชื่อมต่อ String หรือ ตัวแปล Concatenate (2:02)
เครื่องหมายการคำนวณทางคณิตศาสตร์ Javascript Operators (6:43)
การสร้าง Function และการใช้งาน (2:47)
เปลี่ยนสี background ด้วย javascript (5:05)
สร้างโปรแกรมแปลง อุณภูมิ (6:15)
รู้จักกับ JavaScript Objects (6:43)
เพิ่มเติม This Keyword (1:57)
รู้จักกับ JavaScript Events (5:18)
ทำงานกับข้อความ String (4:21)
รู้จักกับ Array (3:45)
Array Method, pop, push, shift, unshift (6:16)
Array Method, splice (3:50)
Array Method, slice (5:36)
ชนิดของข้อมูลใน JavaScript - Data Types (4:35)
การใช้งาน Typeof Operator (0:51)
รู้จักกับ JavaScript Math Object (4:05)
รู้จักกับเงื่อนไข JavaScript If else (2:31)
รู้จักกับ JavaScript Switch Case (5:45)
รู้จักกับ JavaScript For Loop (3:49)
JavaScript For/In Loop (2:13)
JavaScript For/Of Loop (2:21)
JavaScript Type Conversions (2:50)
JavaScript Scope (3:27)
JavaScript Hoisting (2:43)
JavaScript Strict Mode (1:55)
What is " This " keyword (4:30)
Var & let & Const - [ ES6 ] (6:08)
รู้จักกับ Template Literals - [ ES6 ] (4:05)
Arrow Function - [ ES6 ] (3:55)
JavaScript Class - [ ES6 ] (6:13)
Class Inheritace (4:20)
JavaScript Style Guide (3:00)
JavaScript Reserved Words (0:43)
JavaScript Objects
การสร้าง Object สองรูปแบบ (2:36)
การเข้าถึง Object properties (1:41)
JavaScript Object Method (1:53)
รู้จักกับ JavaScript Object Constructors (4:06)
รู้จักกับ Object Prototype (3:21)
JavaScript Functions
เรื่องของ Functions (2:39)
รู้จักกับ Self-Invoking Function (1:56)
Function as Values (1:09)
รู้จักกับ Call Method (3:01)
รู้จักกับ Apply Method (0:44)
JavaScript Modules [ ES6 ]
รู้จักกับ JavaScript Modules (2:58)
Export Modules (1:41)
Import Modules (1:51)
รู้จักกับ Export Default (3:05)
JavaScript DOM ( Document Object Model )
รู้จักกับ DOM (1:42)
DOM Basic (2:35)
คำสั่งต่างๆ กับ DOM (1:50)
รู้จักกับ DOM Nodes (1:55)
เปลี่ยน CSS Style ด้วย JavaScript (2:16)
ทำ Animation ด้วย JavaScript (5:05)
รู้จักกับ addEventListener Method (5:48)
เรื่องของ Event Bubbling และ Event Capturing (6:38)
รู้จักกับ DOM Navigation (4:11)
รู้จักกับ DOM Traversing downwards (6:24)
รู้จักกับ DOM Traversing Upwards (2:51)
รู้จักกับ DOM Traversing Sideways (4:08)
สร้าง HTML Element ด้วย JavaScript (3:04)
รู้จักกับ InsertBefore Method (1:46)
วิธีลบ Element ด้วย JavaScript (2:12)
รู้จักกับ HTMLCollection Object (2:18)
รู้จักกับ NodeList Object (1:50)
JavaScript BOM ( Browser Object Model )
รู้จักกับ BOM (2:20)
การใช้งาน Window Location (2:19)
การใช้งาน Window History (2:27)
รู้จักกับ Window Navigator (1:41)
รู้จักกับ Window popup และการใช้งาน Alert, Confirm, Prompt (4:28)
JavaScript AJAX ( Asynchronous JavaScript And XML )
รู้จักกับ HTTP (5:29)
รู้จักกับ AJAX (5:57)
การทำงานของ AJAX (1:08)
อธิบายการทำงานของ AJAX Code (3:29)
การใช้งาน AJAX กับ XML (7:13)
JavaScript JSON ( JavaScript Object Notation )
รู้จักกับ JSON (2:10)
ความแตกต่างระหว่าง JSON vs XML (3:46)
ชนิดของข้อมูลที่สามารถใช้กับ JSON (2:42)
การใช้งาน JSON.parse() method (3:47)
การใช้งาน JSON.stringify() method (2:43)
jQuery ( JavaScript Library )
รู้จักกับ jQuery (2:27)
การใช้ jQuery Selector $('') (2:02)
รู้จักกับ jQuery Events (4:03)
การใช้ jQuery Effect - Hide/Show/Toggle (3:32)
การใช้งาน jQuery Effect Fade (3:14)
การใช้งาน jQuery Effect Slide (3:27)
การใช้งาน jQuery Effect Animate (3:55)
การใช้งาน jQuery Stop method (2:33)
รู้จักกับ Callback Funtions (2:24)
การเชื่อมคำสั่ง jQuery Method Chaining (1:02)
รู้จักกับ jQuery Get HTML method text/html/val/attr (5:37)
รู้จักกับ jQuery Set HTML method text/html/val/attr (5:37)
รู้จักกับ jQuery Add Element method append/prepend/before/after (5:23)
รู้จักกับ jQuery Remove Element (2:31)
การใช้ jQuery CSS Add/Remove/Toggle method (3:16)
การใช้งาน CSS Method (1:51)
รู้จักกับ jQuery traversing (2:11)
รู้จักกับ jQuery Ancestors (4:24)
รู้จักกับ jQuery Traversing Descendants (3:44)
รู้จักกับ jQuery Traversing Siblings (6:31)
รู้จักกับ Filtering Method (4:31)
Project 1 - Build Accordion
Build Accordion 1 - Intro (2:25)
Build Accordion 2 - HTML&CSS (10:05)
Build Accordion 3 - JavaScript (7:00)
Project 2 - Build Click to Change Background App
Project Intro (1:44)
HTML&CSS (6:37)
JavaScript (3:51)
Project 3 - Build Off Canvas Menu
Project Intro (1:22)
HTML&CSS (12:08)
JavaScript (3:02)
Project 4 - Build Full screen image Gallery
Intro (0:58)
HTML&CSS (7:18)
JavaScript (6:01)
Project 5 - Build To-Do App
intro (1:16)
HTML&CSS (8:23)
JavaScript (10:21)
Project 6 - Fetch API
Intro (0:37)
HTML & Fetch Data (10:27)
CSS (1:52)
ใช้งาน Arrow Function (1:54)
Project 7 - Build Giphy Web App
Intro (1:46)
HTML&CSS (8:55)
JavaScript & Using Api [ Part 1 ] (4:54)
JavaScript & Using API [ Part 2 ] (12:53)
JavaScript & Using API [ Part 3 ] (4:01)
Project 8 - CRUD APP
Intro (1:34)
HTML & CSS (5:31)
JavaScript (20:41)
Project 9 - Bookmarker App
Intro (1:54)
HTML & CSS (3:59)
JavaScript (18:42)
Project 10 - LiveCode App
Intro (0:26)
HTML (7:27)
CSS (5:19)
JavaScript (15:24)
คำสั่งต่างๆ กับ DOM
Lesson content locked
If you're already enrolled,
you'll need to login
.
Enroll in Course to Unlock