วิดีโอแนะนำคอร์สเรียน JavaScript For Beginner
Learn javascript and build stuff.
Course Curriculum
JavaScript Fundamentals - เรียนรู้พื้นฐานจาวาสคริปท์
Available in
days
days
after you enroll
-
บทนำ 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
Available in
days
days
after you enroll
JavaScript Functions
Available in
days
days
after you enroll
JavaScript Modules [ ES6 ]
Available in
days
days
after you enroll
JavaScript DOM ( Document Object Model )
Available in
days
days
after you enroll
-
รู้จักกับ 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 )
Available in
days
days
after you enroll
JavaScript AJAX ( Asynchronous JavaScript And XML )
Available in
days
days
after you enroll
JavaScript JSON ( JavaScript Object Notation )
Available in
days
days
after you enroll
jQuery ( JavaScript Library )
Available in
days
days
after you enroll
-
รู้จักกับ 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
Available in
days
days
after you enroll
Project 2 - Build Click to Change Background App
Available in
days
days
after you enroll
Project 3 - Build Off Canvas Menu
Available in
days
days
after you enroll
Project 4 - Build Full screen image Gallery
Available in
days
days
after you enroll
Project 5 - Build To-Do App
Available in
days
days
after you enroll
Project 6 - Fetch API
Available in
days
days
after you enroll
Project 7 - Build Giphy Web App
Available in
days
days
after you enroll
สวัสดีครับ ผมปฏิภาณ
คอร์ส Modern JavaScript ผมตั้งใจทำขึ้นเพื่อสำหรับคนที่อยากเรียนรู้พื้นฐาน JavaScript ไปจนถึงการสร้างลูกเล่นต่างๆ ให้กับ เว็บไซต์ด้วย JavaScript ขอให้ทุกคนมีความสุขกับการเรียนรู้ครับ