80
36 093

คอร์สเรียน Deno: การใช้งานแทน Node.js ที่มีคุณสมบัติมากกว่า

1:21:17

คอร์สเรียน TypeScript: เพิ่มความสะดวกการใช้ JavaScript

3:05:45

คอร์สเรียน Node.js: JavaScript Runtime ที่ยอดนิยม

7:36:53

คอร์สเรียน JavaScript: เพิ่มคุณสมบัติการโต้ตอบของเว็บ

10:23:45

คอร์สเรียน Tailwind: CSS Framework เพื่อการพัฒนารูปแบบเว็บที่เร็วกว่าเดิม

3:08:26

คอร์สเรียน Bootstrap: การใช้ CSS Framework กำหนดรูปร่างเว็บไซต์

33:04

คอร์สเรียน Bun: การใช้งานแทน Node.js ที่รันได้เร็วกว่า

แนะนำวิธีการใช้งาน Bun สำหรับ JavaScript Runtime เพื่อรันได้ทุกที่ แทนการใช้ Node.js ที่มีประสิทธิภาพสูงกว่า และรับฟังข้อแตกต่างการใช้ระหว่าง Node.js vs Deno vs Bun ว่าแตกต่างกันอย่างไร ตัวไหนที่จะเหมาะกับงานของเรา ในรูปแบบอะไรบ้าง
เว็บไซต์ Bun: bun.sh/
Slide ประกอบการเรียน: nakorncode.com/slides/bun/
คอร์สเรียนฟรีอื่นๆ: nakorncode.com/courses/
00:00 - Intro: บทนำก่อนเริ่มเรียน Bun
02:22 - Resources: แหล่งข้อมูลที่น่าสนใจ
04:32 - Comparison: ตารางเปรียบเทียบ Node.js vs Deno vs Bun
34:07 - Install: ติดตั้งและใช้งาน Bun
37:48 - CLI: เปรียบเทียบการใช้คำสั่ง Node.js และ Bun
39:42 - Bun API: รายการ API ที่น่าสนใจบน Bun
44:07 - Environment Variables: การใช้ตัวแปรระบบของ Bun
46:03 - bunfig.toml: การตั้งค่าระบบ Bun แต่ละโปรเจกต์
#bun #เรียนbun #nodejsalternative #javascript #bunruntime #bunvsnodejs #bunvsdeno #denovsnodevsbun #เขียนโค้ด #เรียนเขียนโปรแกรม #โปรแกรมมิ่ง #bunthailand #bunเบื้องต้น #bun101 #bunjavascript #รันjavascript #javascriptdeveloper #พัฒนาซอฟต์แวร์ #คอร์สออนไลน์ #โค้ดดิ้ง #bunforbeginners #โปรแกรมเมอร์มือใหม่ #javascriptperformance #frontenddevelopment #backenddevelopment #bunproject #รันเร็วกว่า #ประสิทธิภาพสูง #bunvsothers #buncoding #เลือกruntime

มุมมอง: 996

วีดีโอ

คอร์สเรียน Deno: การใช้งานแทน Node.js ที่มีคุณสมบัติมากกว่า

1:21:17

คอร์สเรียน Deno: การใช้งานแทน Node.js ที่มีคุณสมบัติมากกว่า

มุมมอง 2919 ชั่วโมงที่ผ่านมา

เรียนรู้วิธีการใช้งาน Deno แทนการใช้งาน Node.js ที่มีคุณสมบัติมากกว่า และรับฟังแนวทางปฏิบัติการใช้งาน หรือการตัดสินใจว่าจะเลือกใช้แทนกับโปรเจกต์ไหนบ้างถึงเหมาะสม Slide พร้อมตัวอย่างโค้ดประกอบการเรียน: nakorncode.com/slides/deno/ รับชมคอร์สเรียนฟรีอื่นๆ: nakorncode.com/courses/ โฆษณาการใช้งาน Deno: th-cam.com/video/swXWUfufu2w/w-d-xo.html 0:00:00 - Intro: บทนำก่อนเริ่มเรียน Deno 0:02:48 - Why: ท...

คอร์สเรียน TypeScript: เพิ่มความสะดวกการใช้ JavaScript

3:05:45

คอร์สเรียน TypeScript: เพิ่มความสะดวกการใช้ JavaScript

มุมมอง 1.5K14 ชั่วโมงที่ผ่านมา

แนะนำวิธีการใช้งาน TypeScript โดยพื้นฐาน เพื่อใช้งานแทน JavaScript ลดปัญหาการเกิด Error ที่ไม่คาดคิด ช่วยเรื่องเขียนโค้ดได้แม่นยำมากขึ้นด้วยคุณสมบัติของ Strong Types (Static Types) สไลด์ออนไลน์สำหรับการเรียน: nakorncode.com/slides/typescript/ Cheatsheet สำหรับการใช้ TypeScript: nakorncode.com/cheatsheets/typescript/ คอร์สเรียนฟรีอื่นๆที่น่าสนใจ: nakorncode.com/courses/ 0:00:00 - Introduction: บ...

คอร์สเรียน Node.js: JavaScript Runtime ที่ยอดนิยม

7:36:53

คอร์สเรียน Node.js: JavaScript Runtime ที่ยอดนิยม

มุมมอง 4.2K14 วันที่ผ่านมา

สอนวิธีการใช้ Node.js เพื่อรันภาษา JavaScript ในหลากหลาย Platform เปิดโอกาสให้เราเรียนรู้เพียงภาษาเดียว แต่สามารถนำไปใช้งานได้ทุกที่ ทั้งงาน Frontend และ Backend รวมทั้งศึกษาการใช้งาน npm ที่เป็นคำสั่งสำคัญสำหรับการติดตั้งใช้งาน Packages เสริมต่างๆ และเป็น Runtime ที่ยอดนิยมที่สุดในช่วงนี้ สไลด์ประกอบการเรียน Node.js: nakorncode.com/slides/node สูตรโกงการใช้งาน Node.js: nakorncode.com/cheatshee...

คอร์สเรียน JavaScript: เพิ่มคุณสมบัติการโต้ตอบของเว็บ

10:23:45

คอร์สเรียน JavaScript: เพิ่มคุณสมบัติการโต้ตอบของเว็บ

มุมมอง 6K21 วันที่ผ่านมา

คอร์สเรียนฉบับสมบูรณ์ สอนวิธีการใช้ JavaScript เพื่อปรับแต่งการโต้ตอบของเว็บไซต์ เป็นภาษาโปรแกรมอันดับหนึ่ง ในการพัฒนา Web Application และเตรียมพร้อมเข้าสู่การใช้ Node.js ในบทต่อไป 👉 เนื่องจากวิดีโอยาวมาก แนะนำให้ผู้เรียนหากต้องการย้อนกลับวิดีโอ บนคีย์บอร์ดใช้ลูกศรซ้าย-ขวา หรือแตะหน้าจอมือถือมุมซ้าย-ขวาของวิดีโอแบบเต็มจอสองครั้ง เพื่อเลื่อนเนื้อหาวิดีโอทีละ 10 วินาทีแทน Slides และตัวอย่างโค้ด: ...

คอร์สเรียน Tailwind: CSS Framework เพื่อการพัฒนารูปแบบเว็บที่เร็วกว่าเดิม

3:08:26

คอร์สเรียน Tailwind: CSS Framework เพื่อการพัฒนารูปแบบเว็บที่เร็วกว่าเดิม

มุมมอง 1.5Kหลายเดือนก่อน

คอร์สเรียนสอนการใช้งาน Tailwind CSS ที่เป็น Framework ยอดนิยมในกลุ่มพัฒนาเว็บแบบกำหนดรูปแบบเอง แต่ต้องการ Utility Class ที่ช่วยให้สร้างเว็บได้เร็วมากขึ้น ลดการเขียน CSS Class ด้วยตนเอง 👉 แนะนำให้ผู้เรียนมีความเข้าใจการใช้ HTML, CSS ในระดับดีก่อนใช้งาน และความรู้การใช้ Node.js บางส่วนเพื่อรันและติดตั้งบน npm โดยพื้นฐานครับ ส่วนการใช้งาน Astro Framework จะใช้แค่เพื่อพัฒนาหน้าเว็บอย่างง่ายเท่านั้น...

คอร์สเรียน Bootstrap: การใช้ CSS Framework กำหนดรูปร่างเว็บไซต์

33:04

คอร์สเรียน Bootstrap: การใช้ CSS Framework กำหนดรูปร่างเว็บไซต์

มุมมอง 414หลายเดือนก่อน

เรียนรู้วิธีการใช้งาน Bootstrap ที่เป็น CSS Framework ยอดนิยมสำหรับมือใหม่ ที่ต้องการรูปร่างหน้าเว็บแบบสำเร็จรูป ลดขั้นตอนการเขียน CSS ด้วยตนเอง 00:00 - บทนำ 01:43 - Install Bootstrap 5: การติดตั้งและใช้งาน 04:30 - Containers: ส่วนสำคัญของการแสดงผล 11:21 - Grid System: การแสดงผลแบบตารางกริด 15:27 - Breakpoints: ระบบ Responsive Design 18:47 - Utilities & Helpers: การใช้งาน Class เสริมต่างๆ 22:54...

คอร์สเรียน Cloudflare Pages: นำเว็บใช้งานจริงแบบฟรีสำหรับ Framework

16:28

คอร์สเรียน Cloudflare Pages: นำเว็บใช้งานจริงแบบฟรีสำหรับ Framework

มุมมอง 410หลายเดือนก่อน

สอนวิธีการใช้งาน Cloudflare Pages สำหรับการนำเว็บไซต์ไปใช้งานจริงแบบฟรี ผ่านชื่อโดเมนที่เราจดทะเบียนรายปี และสามารถจัดการ Deploy ผ่าน GitHub อย่างง่าย เว็บไซต์นครโค้ดหลัก: nakorncode.com/ เอกสารการใช้งาน Cloudflare Pages: developers.cloudflare.com/pages/ 00:00 - บทนำ 01:20 - ข้อจำกัดการใช้ Cloudflare Pages แบบฟรี 03:19 - สร้าง GitHub Repository และเตรียมใช้ Astro 06:19 - การตั้งค่าและใช้งาน Clo...

คอร์สเรียน GitHub Pages: นำเว็บใช้งานจริงแบบฟรีผ่าน GitHub

25:01

คอร์สเรียน GitHub Pages: นำเว็บใช้งานจริงแบบฟรีผ่าน GitHub

มุมมอง 367หลายเดือนก่อน

สอนวิธีการใช้งาน Git เพื่อควบคุมเวอร์ชั่นของโปรแกรมที่เรากำลังพัฒนา ฉบับพื้นฐาน และการใช้งาน GitHub เพื่อนำโค้ดของเราเก็บไว้ผ่านออนไลน์ และเตรียมพร้อมการทำงานร่วมกับผู้อื่นอย่างเป็นระบบมากขึ้น เว็บไซต์นครโค้ดหลัก: nakorncode.com/ เอกสารการใช้งาน GitHub Pages: docs.github.com/en/pages 00:00 - บทนำ 00:33 - Static Page และ Dynamic Page 03:11 - ข้อจำกัดของ GitHub Pages แบบฟรี 04:46 - สร้าง GitHub R...

คอร์สเรียน Git และ GitHub: ควบคุมเวอร์ชั่นโปรแกรมฉบับพื้นฐาน

1:09:29

คอร์สเรียน Git และ GitHub: ควบคุมเวอร์ชั่นโปรแกรมฉบับพื้นฐาน

มุมมอง 777หลายเดือนก่อน

สอนวิธีการใช้งาน Git เพื่อควบคุมเวอร์ชั่นของโปรแกรมที่เรากำลังพัฒนา ฉบับพื้นฐาน และการใช้งาน GitHub เพื่อนำโค้ดของเราเก็บไว้ผ่านออนไลน์ และเตรียมพร้อมการทำงานร่วมกับผู้อื่นอย่างเป็นระบบมากขึ้น Slide: nakorncode.com/slides/git รวมคอร์สเรียนทั้งหมด: nakorncode.com/ 00:00:00 - บทนำ 00:00:53 - ทำไมต้องใช้ Git? 00:06:45 - ผู้ให้บริการ Git Provider (Git Server) 00:07:45 - ข้อแตกต่างการใช้ Git CLI และ...

คอร์สเรียน HTML & CSS: สร้างหน้าเว็บเพจสำหรับมือใหม่

5:52:44

คอร์สเรียน HTML & CSS: สร้างหน้าเว็บเพจสำหรับมือใหม่

มุมมอง 4.2Kหลายเดือนก่อน

คอร์สเรียนชุดแรก สำหรับสายงาน Frontend Web Developer และ Full-stack Web Developer จบในวิดีโอเดียว เพื่อการใช้งาน HTML และ CSS สำหรับการสร้างหน้าเว็บระดับเริ่มต้น Slides: nakorncode.com/slides/html-css เว็บไซต์หลัก: nakorncode.com/ ไฟล์ Workshop บทสุดท้าย: github.com/nakorncode/workshop/tree/main/html-css/shop.co 00:00:00 - บทนำคอร์สเรียน HTML & CSS 00:00:41 - รวมเว็บไซต์และแหล่งข้อมูลที่น่าสนใจ...

บทนำการเริ่มต้นสายงาน Full-stack Web Developer

17:44

บทนำการเริ่มต้นสายงาน Full-stack Web Developer

มุมมอง 2.9Kหลายเดือนก่อน

บทนำสำหรับคนที่สนใจในสายงาน Full-stack Web Developer ต้องเตรียมตัวอย่างไรบ้าง พร้อมคำแนะนำก่อนเริ่มเรียน เพื่อกำหนดเส้นทางการเรียนรู้ให้ถูกต้อง และเทคนิคการเรียนรู้ด้วยตัวเองต่างๆ กับแนวทางการเลือกภาษาโปรแกรมหรือเครื่องมือต่างๆที่เหมาะสมตามเทรนด์ Slides: nakorncode.com/slides/full-stack/ เว็บไซต์หลัก: nakorncode.com/ 00:00 - บทนำการเริ่มต้นสายงาน Full-stack Web Development 00:16 - หน้าที่ของ Fu...

2:07

แนวทางการใช้งานของ Git Cherry Pick

มุมมอง 822 หลายเดือนก่อน

แนะนำการใช้งาน Git Cherry Pick เพื่อเลือก Commit ที่เราต้องการ อาจจะนำมาใช้ต่อบน Branch อื่นที่อยู่ในปัจจุบันได้ อาจจะเพราะเราต้องการย้ายเนื้อหาบางส่วนเข้ามาโดยไม่ต้องการ Merge หรือ Rebase ทั้งหมด รวมสรุปการใช้งาน Git: nakorncode.com/cheatsheets/git/

2:35

ประโยชน์ของการใช้ Git Revert

มุมมอง 452 หลายเดือนก่อน

ในบทนี้จะเป็นการแนะนำอย่างสั้น สำหรับการใช้คำสั่ง Git Revert เพื่อย้อนกลับการเปลี่ยนแปลง Commit ที่เราต้องการได้ รวมสรุปสูตรโกงและคำสั่งที่น่าสนใจบน Git: nakorncode.com/cheatsheets/git/

1:48

การแก้ไขข้อความ Git Commit ด้วย Amend

มุมมอง 582 หลายเดือนก่อน

สำหรับบทนี้ผมจะสอนวิธีการเสริมเพื่อแก้ไขข้อความ Commit โดยการใช้คำสั่ง Commit Amend อย่างง่ายบน Visual Studio Code รวมสรุปสูตรโกงการใช้ Git: nakorncode.com/cheatsheets/git/