วิดีโอแนะนำคอร์สเรียน 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
Project 8 - CRUD APP
Available in
days
days
after you enroll
Project 9 - Bookmarker App
Available in
days
days
after you enroll
Project 10 - LiveCode App
Available in
days
days
after you enroll
สวัสดีครับ ผมปฏิภาณ
คอร์ส Modern JavaScript ผมตั้งใจทำขึ้นเพื่อสำหรับคนที่อยากเรียนรู้พื้นฐาน JavaScript ไปจนถึงการสร้างลูกเล่นต่างๆ ให้กับ เว็บไซต์ด้วย JavaScript ขอให้ทุกคนมีความสุขกับการเรียนรู้ครับ