นครโค้ด - สอนพัฒนาโปรแกรม
นครโค้ด - สอนพัฒนาโปรแกรม
  • Видео 76
  • Просмотров 20 306
คอร์สเรียน JavaScript: เพิ่มคุณสมบัติการโต้ตอบของเว็บ
คอร์สเรียนฉบับสมบูรณ์ สอนวิธีการใช้ JavaScript เพื่อปรับแต่งการโต้ตอบของเว็บไซต์ เป็นภาษาโปรแกรมอันดับหนึ่ง ในการพัฒนา Web Application และเตรียมพร้อมเข้าสู่การใช้ Node.js ในบทต่อไป
👉 เนื่องจากวิดีโอยาวมาก แนะนำให้ผู้เรียนหากต้องการย้อนกลับวิดีโอ บนคีย์บอร์ดใช้ลูกศรซ้าย-ขวา หรือแตะหน้าจอมือถือมุมซ้าย-ขวาของวิดีโอแบบเต็มจอสองครั้ง เพื่อเลื่อนเนื้อหาวิดีโอทีละ 10 วินาทีแทน
Slides และตัวอย่างโค้ด: nakorncode.com/slides/javascript
Cheatsheet สรุปที่เรียนทั้งหมด: nakorncode.com/cheatsheets/
คอร์สเรียนอื่นๆ: nakorncode.com/courses/
00:00:00 - บทเริ่ม
00:00:59 - Resources: รวมแหล่งข้อมูลที่น่าสนใจ
00:03:31 - Introduction: บทนำเกี่ยวกับ JavaScript
00:17:19 - AI Assistant: ผู้ช่วยเขียนโค้ด AI
00:26:57 - Get...
Просмотров: 1 969

Видео

คอร์สเรียน Tailwind: CSS Framework เพื่อการพัฒนารูปแบบเว็บที่เร็วกว่าเดิม
Просмотров 1 тыс.21 день назад
คอร์สเรียนสอนการใช้งาน Tailwind CSS ที่เป็น Framework ยอดนิยมในกลุ่มพัฒนาเว็บแบบกำหนดรูปแบบเอง แต่ต้องการ Utility Class ที่ช่วยให้สร้างเว็บได้เร็วมากขึ้น ลดการเขียน CSS Class ด้วยตนเอง 👉 แนะนำให้ผู้เรียนมีความเข้าใจการใช้ HTML, CSS ในระดับดีก่อนใช้งาน และความรู้การใช้ Node.js บางส่วนเพื่อรันและติดตั้งบน npm โดยพื้นฐานครับ ส่วนการใช้งาน Astro Framework จะใช้แค่เพื่อพัฒนาหน้าเว็บอย่างง่ายเท่านั้น...
คอร์สเรียน Bootstrap: การใช้ CSS Framework กำหนดรูปร่างเว็บไซต์
Просмотров 26821 день назад
เรียนรู้วิธีการใช้งาน 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
Просмотров 27221 день назад
สอนวิธีการใช้งาน 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
Просмотров 24521 день назад
สอนวิธีการใช้งาน 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: ควบคุมเวอร์ชั่นโปรแกรมฉบับพื้นฐาน
Просмотров 41621 день назад
สอนวิธีการใช้งาน 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: สร้างหน้าเว็บเพจสำหรับมือใหม่
Просмотров 2,5 тыс.Месяц назад
คอร์สเรียนชุดแรก สำหรับสายงาน 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
Просмотров 2 тыс.Месяц назад
บทนำสำหรับคนที่สนใจในสายงาน Full-stack Web Developer ต้องเตรียมตัวอย่างไรบ้าง พร้อมคำแนะนำก่อนเริ่มเรียน เพื่อกำหนดเส้นทางการเรียนรู้ให้ถูกต้อง และเทคนิคการเรียนรู้ด้วยตัวเองต่างๆ กับแนวทางการเลือกภาษาโปรแกรมหรือเครื่องมือต่างๆที่เหมาะสมตามเทรนด์ Slides: nakorncode.com/slides/full-stack/ เว็บไซต์หลัก: nakorncode.com/ 00:00 - บทนำการเริ่มต้นสายงาน Full-stack Web Development 00:16 - หน้าที่ของ Fu...
แนวทางการใช้งานของ Git Cherry Pick
Просмотров 60Месяц назад
แนะนำการใช้งาน Git Cherry Pick เพื่อเลือก Commit ที่เราต้องการ อาจจะนำมาใช้ต่อบน Branch อื่นที่อยู่ในปัจจุบันได้ อาจจะเพราะเราต้องการย้ายเนื้อหาบางส่วนเข้ามาโดยไม่ต้องการ Merge หรือ Rebase ทั้งหมด รวมสรุปการใช้งาน Git: nakorncode.com/cheatsheets/git/
ประโยชน์ของการใช้ Git Revert
Просмотров 32Месяц назад
ในบทนี้จะเป็นการแนะนำอย่างสั้น สำหรับการใช้คำสั่ง Git Revert เพื่อย้อนกลับการเปลี่ยนแปลง Commit ที่เราต้องการได้ รวมสรุปสูตรโกงและคำสั่งที่น่าสนใจบน Git: nakorncode.com/cheatsheets/git/
การแก้ไขข้อความ Git Commit ด้วย Amend
Просмотров 43Месяц назад
สำหรับบทนี้ผมจะสอนวิธีการเสริมเพื่อแก้ไขข้อความ Commit โดยการใช้คำสั่ง Commit Amend อย่างง่ายบน Visual Studio Code รวมสรุปสูตรโกงการใช้ Git: nakorncode.com/cheatsheets/git/
แนวทางการใช้ Git Push Force เพื่อแก้ไขข้อมูลบน Remote
Просмотров 44Месяц назад
สำหรับคนที่อาจจะติดปัญหาพลาด Commit เนื้อหาบางอย่างที่ไม่ควรนำขึ้นไป เช่น รหัสผ่าน หรือโค้ดที่รันผิดพลาดรุนแรง เราอาจจะใช้วิธี Commit ของใหม่ไปก็ได้ แต่ถ้าต้องการลบจะต้องใช้วิธี Push Force วิธีการลบข้อมูลที่แนะนำจาก GitHub: docs.github.com/en/authentication/keeping-your-account-and-data-secure/removing-sensitive-data-from-a-repository รวมสรุปสูตรโกงการใช้ Git: nakorncode.com/cheatsheets/git/
วิธีการใช้ Git Reset ในรูปแบบต่างๆ
Просмотров 62Месяц назад
สำหรับบทนี้จะสอนส่วนสำคัญของการใช้ Git Reset เพื่อย้อนกลับไปยัง Commit ที่เราเลือกไว้ ด้วยวิธีที่แตกต่างกัน และแนะนำแนวทางปฏิบัติต่างๆที่เหมาะสม รวมสรุปคำสั่งของ Git: nakorncode.com/cheatsheets/git/
แนวทางการใช้ Git Rebase แทนการ Merge
Просмотров 112Месяц назад
สรุปแนวทางการใช้ Git Rebase คำสั่งที่สำคัญสำหรับคนที่ต้องทำงานร่วมกับผู้อื่น เพื่อการนำโค้ดของ Branch อื่นมาใช้ต่ออย่างถูกวิธีมากยิ่งขึ้น 00:00 - บทนำและการใช้ Rebase 02:30 - ยกตัวอย่างอีกบทบาทที่ต้องใช้ Rebase และการแก้ Conflict 06:26 - แนวทางการการใช้ Pull Rebase
การแก้ไขปัญหา Merge Conflict ของ Git
Просмотров 71Месяц назад
ในบทนี้ผมจะสอนวิธีการแก้ไข Merge Conflict เมื่อเราทำการรวมเนื้อหาระหว่าง Branch ที่แตกต่างกันบน Visual Studio Code แต่ว่าพบปัญหาที่โค้ดทั้งสองฝั่ง โปรแกรมไม่สามารถตัดสินใจได้ว่าจะเลือกโค้ดของใครดี เราจึงจำเป็นจะต้องมาเลือกด้วยตนเอง รวมชุดคำสั่งของ Git: nakorncode.com/cheatsheets/git/
วิธีกำหนดหมายเลขเวอร์ชั่นแบบ SemVer (Semantic Versioning)
Просмотров 32Месяц назад
วิธีกำหนดหมายเลขเวอร์ชั่นแบบ SemVer (Semantic Versioning)
การใช้ข้อความ Conventional Commits ของ Git
Просмотров 22Месяц назад
การใช้ข้อความ Conventional Commits ของ Git
การกำหนด .gitignore เพื่อละเว้นการติดตามข้อมูล
Просмотров 33Месяц назад
การกำหนด .gitignore เพื่อละเว้นการติดตามข้อมูล
การใช้ Git Stash เพื่อแก้ไขปัญหาระหว่างทำงาน
Просмотров 32Месяц назад
การใช้ Git Stash เพื่อแก้ไขปัญหาระหว่างทำงาน
วิธีการทำงานร่วมกับผู้อื่นผ่าน Git
Просмотров 278Месяц назад
วิธีการทำงานร่วมกับผู้อื่นผ่าน Git
การนำโค้ดโปรแกรมของเราเก็บไว้ที่ GitHub
Просмотров 127Месяц назад
การนำโค้ดโปรแกรมของเราเก็บไว้ที่ GitHub
การใช้ Git อย่างง่ายสำหรับมือใหม่
Просмотров 115Месяц назад
การใช้ Git อย่างง่ายสำหรับมือใหม่
คำศัพท์ของ Git ที่ควรรู้จักก่อนใช้งาน
Просмотров 207Месяц назад
คำศัพท์ของ Git ที่ควรรู้จักก่อนใช้งาน
ทำไม Git ถึงเป็นเครื่องมือสำคัญของโปรแกรมเมอร์?
Просмотров 861Месяц назад
ทำไม Git ถึงเป็นเครื่องมือสำคัญของโปรแกรมเมอร์?
5 ส่วนเสริมสำหรับการแสดงผลของไฟล์อื่นๆบน VSCode
Просмотров 60Месяц назад
5 ส่วนเสริมสำหรับการแสดงผลของไฟล์อื่นๆบน VSCode
5 ส่วนเสริมการแสดงผลโค้ดบน VSCode ช่วยเพิ่มการมองโค้ดที่ง่ายยิ่งขึ้น
Просмотров 55Месяц назад
5 ส่วนเสริมการแสดงผลโค้ดบน VSCode ช่วยเพิ่มการมองโค้ดที่ง่ายยิ่งขึ้น
ตรวจสอบคำผิดบน VSCode ด้วย Code Spell Checker
Просмотров 48Месяц назад
ตรวจสอบคำผิดบน VSCode ด้วย Code Spell Checker
วิธีการแชร์โค้ดให้ผู้อื่นร่วมแก้ไขแบบ Real-time บน VSCode
Просмотров 79Месяц назад
วิธีการแชร์โค้ดให้ผู้อื่นร่วมแก้ไขแบบ Real-time บน VSCode
ส่วนเสริม Jumpy บน VSCode สำหรับผู้ใช้งานคีย์บอร์ดแบบมือโปร
Просмотров 31Месяц назад
ส่วนเสริม Jumpy บน VSCode สำหรับผู้ใช้งานคีย์บอร์ดแบบมือโปร
Text Power Tools: เครื่องมือจัดการข้อความแบบมือโปรบน VSCode
Просмотров 43Месяц назад
Text Power Tools: เครื่องมือจัดการข้อความแบบมือโปรบน VSCode