JavaScript + Node.js ฉบับละเอียด สำหรับ Full-stack
ราคา
ซื้อคอร์สนี้ : 1,295.00 ฿

เรียนได้ทุกที่ทุกเวลา ตลอดชีพ

เนื้อหาทั้งหมด 109 วิดีโอ ความยาวรวมกัน 33 ชั่วโมง 41 นาที

เนื้อหาสอนอย่างละเอียด เจาะลึกทุกเนื้อหา

มีสูตรโกงให้ดาวน์โหลด สำหรับแนวทางการใช้โค้ดต่าง ๆ จำนวน 26 หน้า

เหมาะกับสายงาน Full-stack Developer และโปรแกรมเมอร์ทั่วไป

สามารถต่อยอดการใช้งานใน Node.js Ecosystem ได้อย่างดี

สอบถามกับผู้สอนได้ตลอดเวลา ผ่านทาง Facebook: นครโค้ด (@nakorncode)
เกี่ยวกับคอร์สนี้
คำอธิบายคอร์สออนไลน์
ในคอร์สเรียนนี้ จะเป็นการสอนใช้งานและพัฒนาโปรแกรมด้วยภาษา JavaScript และ Node.js ฉบับจัดเต็ม เจาะลึกทุกเนื้อหา เพื่อปูพื้นฐานไปใช้งาน Framework อื่น ๆ เพิ่มเติมอย่างง่าย พร้อมรับคำแนะนำต่าง ๆ ในอาณาจักร Node.js ซึ่งเป็นเนื้อหาสำคัญสำหรับสายงานพัฒนาโปรแกรม อย่าง Front-end Web Developer หรือ Back-end Web Developer ที่ถ้าทำทั้งสองอย่างได้จะถูกเรียกว่า Full-stack Developer หมายถึงเพียงคนเดียว จะสามารถทำเว็บไซต์ได้ทั้งระบบ รวมทั้งการพัฒนาโปรแกรมอย่างอื่นด้วย เช่น Desktop Application, Mobile Application, Gaming เป็นต้น
ประโยชน์ที่ผู้เรียนจะได้รับ
- สามารถเข้าใจวิธีการสร้าง Application เป็นของตัวเองทุก ๆ Platform
- เข้าใจวิธีการใช้งาน JavaScript และ Node.js อย่างเต็มรูปแบบ สอนเปิดอ่านเอกสารเพื่อหลังเรียนจบจะได้เข้าใจแนวทางมากขึ้น
- สามารถนำความรู้ไปต่อยอดกับ Framework ได้หลายตัวสบาย ๆ เช่น React, Vue, Angular, Express.js, NestJS, MongoDB, Electron, Cordova, IoT หลาย ๆ อย่าง พร้อมรับคำแนะนำเพิ่มเติมสำหรับการเรียนรู้ต่อ
- เข้าใจแนวทางปฎิบัติทุกด้านกับการใช้ภาษา JavaScript และ Node.js อย่างถูกต้อง ป้องกันปัญหาต่าง ๆ ที่ผู้สอนเคยผ่านมา แนะนำอย่างละเอียด
- มีสูตรโกงกว่า 26 หน้ากระดาษ A4 สามารถพิมพ์ได้ ช่วยสรุปโค้ดให้แบบสั้น ๆ (เท่าที่จะสั้นได้ เพราะมีเนื้อหาเยอะเช่นกัน)
- มี Workshop เล็ก ๆ สอนประกอบการเรียนหลาย ๆ ช่วง เพื่อเสริมสร้างทักษะและฝึกคิดด้วยตนเอง ก่อนที่จะฟังเฉลย
- เหมาะกับสายงาน Full-stack Developer ที่สนใจการใช้งานทาง JavaScript โดยเฉพาะ ทำให้ใช้ภาษาเดียวจบครบทุกวงการได้
- ได้รับสิทธิ์กับการสอบถามผ่านผู้สอนโดยตรง ผ่าน Facebook: นครโค้ด (@nakorncode)
ใครควรเรียนคอร์สออนไลน์นี้
- นักเรียน หรือนักศึกษา ที่กำลังศึกษาหัวข้อการพัฒนาโปรแกรมต่าง ๆ
- บุคคลทั่วไป ที่สนใจอยากมี Application จากการสร้างด้วยตนเอง
- ผู้ที่ต้องการทำงานสายงาน Full-stack Developer หรือผู้ที่อยากเป็นฟรีแลนซ์ รับงานทั่วไปได้
ผู้เรียนต้องมีความรู้อะไรมาก่อน
- การใช้งาน HTML และ CSS ในระดับพื้นฐาน สามารถเรียนคอร์สเรียนก่อนหน้าได้ที่ https://www.skilllane.com/courses/nakorncode-html-css
- ทักษะการใช้งานคอมพิวเตอร์ และคณิตศาสตร์ ในระดับประถมเป็นต้นไป
- ทักษะการใช้ภาษาอังกฤษ ในการอ่านและเขียนระดับพื้นฐาน (สามารถใช้ Google Translate ช่วยเหลือได้)
ผู้สอน

นคร สินผดุง
ผู้ก่อตั้ง นครโค้ด สอนการพัฒนาโปรแกรม

นครโค้ด สอนเขียนโปรแกรม
ธุรกิจสอนการพัฒนาโปรแกรม สำหรับผู้เริ่มต้นและขั้นสูง
หลักสูตรของคอร์สนี้
บทนำ | ||
---|---|---|
แนะนำคอร์สเรียน JavaScript + Node.js ดูตัวอย่างฟรี | 11:10 | |
ดาวน์โหลดสูตรโกง | 0:10 |
บทที่ 1 JavaScript | ||
---|---|---|
1.1 Getting Started - เริ่มต้นการใช้งาน JavaScript ดูตัวอย่างฟรี | 21:35 | |
1.2 Variable - ระบบตัวแปรใน JavaScript | 20:16 | |
1.3 Type System - ระบบประเภทข้อมูลของแต่ละภาษาโปรแกรม | 4:35 | |
1.4 Data Types - ประเภทข้อมูลใน JavaScript | 13:50 | |
1.5 Number - ข้อมูลจำนวน | 22:08 | |
1.6 String - ข้อมูลตัวอักขระและข้อความ | 18:26 | |
1.7 Interaction - การปฏิสัมพันธ์กับผู้ใช้งานโดยพื้นฐาน | 11:47 | |
1.8 Array - ข้อมูลหลายมิติ | 17:47 | |
1.9 Object - ข้อมูลเชิงวัตถุ | 25:27 | |
1.10 Compare Object - ปัญหาการเปรียบเทียบข้อมูล Object ต่าง ๆ | 19:01 | |
1.11 Logic (if-else) - การเปรียบเทียบข้อมูล และการทำเงื่อนไข | 35:02 | |
1.12 Logic (Shorthand) - การทำเงื่อนไขแบบสั้นลง | 8:29 | |
1.13 Logic (switch-case) - การทำเงื่อนไขด้วยคำสั่ง switch-case | 7:15 | |
1.14 Logic (Strict comparison) - การเทียบค่าแบบ Strict | 6:09 | |
1.15 Logic (Default value) - การใช้เงื่อนไขเพื่อทำค่าเริ่มต้น | 11:04 | |
1.16 Variable Scope - แนวทางใช้งานตัวแปรในขอบเขตต่าง ๆ | 4:49 | |
1.17 Loop (while) - การวนจำนวนรอบตามเงื่อนไข | 10:50 | |
1.18 Loop (do...while) - การวนจำนวนรอบแบบดำเนินก่อน ตรวจสอบภายหลัง | 1:37 | |
1.19 Loop (for) - การวนจำนวนรอบแบบตามจำนวนข้อมูลที่แน่นอน | 15:28 | |
1.20 Loop (Nested) - การวนจำนวนรอบแบบหลายขั้นลำดับ | 12:29 | |
1.21 Loop (break, continue) - คำสั่งพิเศษสำหรับการหยุดหรือข้ามลูป | 7:01 | |
1.22 Function - การสร้างชุดคำสั่งและวิธีการใช้งาน | 22:12 | |
1.23 Built-in Function & window Object - การใช้ฟังก์ชันที่มีให้ และวัตถุใน window | 6:55 | |
1.24 Function Expression - ฟังก์ชันแบบนิรนาม | 11:40 | |
1.25 Rest & Spread Parameter - การใช้พารามิเตอร์ร่วมกับข้อมูล Array | 10:25 | |
1.26 Destructuring Assignment - การคลายข้อมูลจาก Array, Object ออกมาเป็นตัวแปรต่าง ๆ | 15:05 | |
1.27 Error Handler (throw, try, catch, finally) - จัดการปัญหาต่าง ๆ ที่อาจจะเกิดขึ้นในโค้ด | 18:50 | |
1.28 Callback - การทำฟังก์ชันเรียกคืน เมื่อพร้อมใช้งาน และเทคนิคการจัดการปัญหา | 21:32 | |
1.29 Object-oriented Programming (OOP) - การเขียนโปรแกรมเชิงวัตถุ | 26:54 | |
1.30 OOP (Prototype) - การใช้ Prototype เพื่อดัดแปลงฟังก์ชันที่มีอยู่ | 9:46 | |
1.31 OOP (Getter/Setter) - การใช้ผู้ตั้งข้อมูลและกำหนดข้อมูลเป็นฟังก์ชัน | 4:58 | |
1.32 OOP (Extends) - การต่อเติม Class ต่าง ๆ เข้าด้วยกัน | 11:50 | |
1.33 Binding - การผูกมัดข้อมูลระหว่างฟังก์ชัน | 16:27 | |
1.34 Recursive, Chaining - เทคนิคการใช้ฟังก์ชันอย่างต่อเนื่องรูปแบบต่าง ๆ | 5:59 | |
1.35 Promise, Async/Await - การใช้ Asynchronous ใน JavaScript ฉบับสมบูรณ์ | 54:36 | |
1.36 Promise Methods - คำสั่งเพิ่มเติมที่มีใน Promise | 10:54 |
บทที่ 2 Document Object Model (DOM) | ||
---|---|---|
2.1 Document Object Model (DOM) - บทนำการใช้งานโค้ด JavaScript เพื่อสร้างปฏิสัมพันธ์กับหน้าเว็บ HTML และ CSS ดูตัวอย่างฟรี | 30:34 | |
2.2 Event - การตรวจสอบเหตุการณ์ที่จะเกิดขึ้นในหน้าเว็บ และดำเนินการใช้ Callback ตามเหตุการณ์ต่าง ๆ | 1:02:28 | |
2.3 Attribute - การแก้ไขข้อมูล Attribute บน HTML | 12:57 | |
2.4 Style - การแก้ไขข้อมูลบน CSS | 13:04 | |
2.5 Class - การแก้ไขข้อมูล Class Attribute บน HTML | 16:59 | |
2.6 Dataset - การใช้ข้อมูลพิเศษ เพื่อเชื่อมต่อระหว่าง HTML และ JavaScript | 9:40 | |
2.7 Position - การเรียกข้อมูลตำแหน่ง HTML Element ต่าง ๆ | 7:22 | |
2.8 Node, Element - การสร้าง HTML Element ขึ้นมาใหม่ และแก้ไขลงในหน้าเว็บผ่านโค้ด JavaScript ดูตัวอย่างฟรี | 27:26 | |
2.9 Debugger - การตรวจสอบข้อมูล และค้นหาความผิดพลาดผ่าน Web Browser | 9:15 |
บทที่ 3 JavaScript Methods & Utilities | ||
---|---|---|
3.1 Number - การดำเนินการกับข้อมูล Number ดูตัวอย่างฟรี | 37:06 | |
3.2 String - การดำเนินการกับข้อมูล String | 25:45 | |
3.3 Regular Expression - วิธีการเรียกข้อความเฉพาะส่วนที่ต้องการ | 27:15 | |
3.4 Array - การดำเนินการข้อมูลกับ Array | 41:50 | |
3.5 Object - การดำเนินการข้อมูลกับ Object | 10:17 | |
3.6 Math - การใช้ฟังก์ชันทางคณิตศาสตร์ | 26:54 | |
3.7 Date - การใช้ฟังก์ชันเพื่อกำหนดวันเวลา | 28:15 | |
3.8 Timer - การใช้ฟังก์ชันกำหนดช่วงเวลา | 29:21 | |
3.9 URL - การใช้ฟังก์ชันเพื่อกำหนดรูปแบบ URL | 24:20 | |
3.10 File Reader - การใช้ฟังก์ชันเพื่ออ่านไฟล์ | 18:18 | |
3.11 Fetch - การใช้ฟังก์ชันสำหรับเรียกใช้งาน HTTP (RESTful API) จากผู้อื่น | 29:41 | |
3.12 Storage - การใช้ฟังก์ชันควบคุมข้อมูลที่เก็บผ่าน Web Browser | 11:57 | |
3.13 Geolocation - การใช้ฟังก์ชันรับสถานที่ของอุปกรณ์ | 14:27 |
บทที่ 4 JavaScript Libraries (Modules) | ||
---|---|---|
4.1 jQuery - เปลี่ยนให้ JavaScript เป็นโค้ดที่สั้นลง | 26:37 | |
4.2 Lodash - ฟังก์ชันช่วยเหลือเพิ่มเติม เพื่อจัดการกับชุดข้อมูล | 49:22 | |
4.3 Numeral.js - จัดการกับข้อมูลตัวเลขเพิ่มเติม | 11:14 | |
4.4 Luxon - จัดการกับข้อมูลวันและเวลาเพิ่มเติม | 42:54 | |
4.5 Vanilla Lazyload - การทำให้หน้าเว็บเร็วขึ้นด้วยเทคนิค Lazyload | 14:15 | |
4.6 NProgress - การเพิ่มแถบแสดงสถานะการโหลดบนหน้าเว็บ | 8:42 | |
4.7 SweetAlert2 - การเพิ่มกล่องข้อความที่สวยงามกว่าเดิม | 14:49 | |
4.8 ECharts - การแสดงกราฟและข้อมูลเชิงสถิติต่าง ๆ บนหน้าเว็บ | 30:19 | |
4.9 DataTables (Vanilla) - การใช้ชุดข้อมูลตารางที่จัดการข้อมูลดีกว่าเดิม | 22:45 | |
4.10 Quill - การใช้ Rich Text Editor เพื่อทำให้กล่องข้อความแทรกชุดรูปแบบได้ | 21:01 | |
4.11 Swiper - การสร้างรูปแบบเคลื่อนไหวด้วยการปัดหน้าจอ หรือเป็นภาพสไลด์ต่าง ๆ | 6:54 | |
4.12 Tippy.js - การแสดง Tooltip ข้อความลอยบนหน้าเว็บ | 7:32 | |
4.13 Masonry - การจัดเรียงรูปแบบแกลลอรี่ | 4:30 | |
4.14 simpleParallax.js - การทำภาพแบบพารัลแลกซ์ | 7:00 | |
4.15 JavaScript Framework - ทำความรู้จักกับ Framework อื่น ๆ เพิ่มเติม | 14:19 | |
4.16 Tampermonkey (UserScript) - การสร้างสคริปส์ด้วยตนเองเพื่อเปิดใช้บน Web Browser ดูตัวอย่างฟรี | 22:30 |
บทที่ 5 Node.js | ||
---|---|---|
5.1 Node.js - บทนำการใช้งาน Node.js ดูตัวอย่างฟรี | 11:38 | |
5.2 Installation - การติดตั้งและใช้งาน | 13:09 | |
5.3 Global Object - ข้อมูล Object ที่ใช้งานได้ทั่วไปบน Node.js | 34:25 | |
5.4 CommonJS & ECMAScript Module - ระบบโมดูลใน JavaScript | 25:55 | |
5.5 Debugger - การใช้ Debug บน Node.js | 9:07 | |
5.6 util - ฟังก์ชันเสริมสำหรับคุณสมบัติเพิ่มเติม | 15:13 | |
5.7 path - การกำหนดเส้นทางของไฟล์และโฟลเดอร์ | 25:41 | |
5.8 fs - การอ่านและแก้ไขไฟล์ในระบบ | 32:58 | |
5.9 Event-driven - การกำหนดเหตุการณ์ต่าง ๆ | 13:01 | |
5.10 Streaming - การนำข้อมูลอ่านและเขียนแบบ Stream | 11:08 | |
5.11 HTTP (GET) - การเรียกข้อมูล HTTP (RESTful API) ผ่าน Node.js | 15:45 | |
5.12 HTTP (POST) - การส่งข้อมูลแบบ POST ผ่าน Node.js | 9:51 | |
5.13 Pipeline - การอ่านและเขียนไฟล์ร่วมกับ Steam | 44:19 |
บทที่ 6 Node Package Management (NPM) | ||
---|---|---|
6.1 NPM - การจัดการโมดูลในโปรเจคของเรา | 43:40 | |
6.2 Publish - การส่งโมดูลออกไปยัง Registry ของ npmjs.com | 13:28 | |
6.3 eslint - การใช้ Linter เพื่อช่วยเหลือจัดรูปแบบโค้ดให้เหมือนกันทั้งโปรเจค ดูตัวอย่างฟรี | 25:09 | |
6.4 dotenv - การกำหนด Environment Variable ผ่านไฟล์ | 16:37 | |
6.5 http-server - สร้างเว็บเซิร์ฟเวอร์จำลองผ่าน Node.js | 4:32 | |
6.6 commander - การสร้าง CLI อย่างง่ายสำหรับการรับข้อมูลเมื่อใช้คำสั่งต่าง ๆ | 33:11 | |
6.7 enquirer - วิธีทำแบบฟอร์มลงใน CLI | 8:25 | |
6.8 cli-table - การแสดงผลแบบตารางใน CLI | 3:51 | |
6.9 axios - การเรียก HTTP (RESTful API) ต่าง ๆ ที่ง่ายกว่าเดิม | 39:32 | |
6.10 validator - ฟังก์ชันช่วยเหลือการตรวจสอบ String | 20:31 | |
6.11 uuid - การสร้างรหัสไอดีแบบไม่ซ้ำกัน | 6:51 | |
6.12 glob - การเลือกไฟล์และโฟลเดอร์ในรูปแบบ Glob | 12:19 | |
6.13 xlsx - อ่านและสร้างเอกสาร Spreadsheet (Microsoft Office Excel) | 31:51 | |
6.14 pdfmake - การสร้างเอกสาร PDF ด้วย Node.js | 31:08 | |
6.15 sharp - แก้ไขและแปลงไฟล์รูปภาพผ่าน Node.js | 18:36 | |
6.16 ffmpeg - แก้ไขและแปลงไฟล์วิดีโอผ่าน Node.js | 14:16 | |
6.17 archiver - การบีบอัดไฟล์เป็น .zip | 7:13 | |
6.18 @fakerjs/faker - การสร้างข้อมูลสุ่มสำหรับจำลองข้อมูล | 17:40 | |
6.19 pm2 - การบริหารจัดการทรัพยากร และการรันระบบต่าง ๆ ใน Node.js | 21:20 |
บทส่งท้าย | ||
---|---|---|
บทส่งท้ายการเรียนรู้ สำหรับแนวทางศึกษาต่อ | 14:37 |