Professional Mastery

Master the Art of
the Code

High-end editorial courses for creative professionals. Learn to blend technical precision with artistic vision using modern web technologies.

Start Learning

learn.js

function learn() {
  const skill = blend(
    logic, creativity
  );
  return mastery;
}

Course Curriculum

Browse every lesson. Free chapters are open to all — premium chapters are unlocked after sign-in.

Module 1

Claude Cowork — ผู้ช่วย AI สำหรับงานทั่วไป

ใช้ Claude Cowork แอปเดสก์ท็อปสำหรับงานความรู้ (knowledge work) ที่ออกแบบมาให้คนทำงานทั่วไปที่ไม่ใช่สายเขียนโปรแกรมสามารถมอบหมายงาน วิจัย และจัดการไฟล์ได้โดยไม่ต้องเขียนโค้ด

4 lessons

Module 2

p5.js — พื้นฐาน Creative Coding บนเว็บ

Module นี้แนะนำการเขียนโค้ดเชิงสร้างสรรค์ผ่าน p5.js ไลบรารี JavaScript ที่ออกแบบมาสำหรับศิลปินและนักออกแบบโดยเฉพาะ เพื่อให้สามารถแสดงออกทางความคิดผ่านภาพที่เกิดจากโค้ดได้ง่าย ผู้เรียนจะเริ่มจากระบบ canvas และพิกัด ต่อด้วยการสร้างแอนิเมชันด้วยตัวแปร และปิดท้ายด้วยการสร้าง sketch ที่ตอบสนองต่อเมาส์และคีย์บอร์ด เมื่อจบ module นี้ ผู้เรียนจะสามารถสร้างงาน interactive sketch ขนาดเล็กได้เอง และมีพื้นฐานพอที่จะอ่านและปรับแก้โค้ด p5.js ของคนอื่นได้ ซึ่งเป็นจุดเริ่มต้นที่ดีก่อนไปสู่เครื่องมือ 3D หรือ visual programming แบบ node-based ใน module ถัดไป

3 lessons

Module 3

Three.js — กราฟิก 3 มิติบนเว็บ

Module นี้พาผู้เรียนจากงาน 2D บน canvas ไปสู่การเรนเดอร์ 3D แบบเรียลไทม์บนเบราว์เซอร์ด้วย Three.js ซึ่งเป็นหนึ่งในไลบรารีสำหรับ WebGL ที่ใช้กันแพร่หลายที่สุด ผู้เรียนจะได้เรียนรู้องค์ประกอบหลัก 3 อย่างที่มีอยู่ในทุกฉาก 3D ได้แก่ scene graph, กล้อง (camera) และตัวเรนเดอร์ (renderer) ก่อนจะไปสำรวจว่าการเลือกแสงและวัสดุ (material) ส่งผลต่อรูปลักษณ์ของวัตถุอย่างไร Module ปิดท้ายด้วยการสร้าง animation loop และการควบคุมกล้อง ทำให้ผู้เรียนมีทุกอย่างที่จำเป็นสำหรับสร้างตัวแสดงผล 3D แบบ interactive หรือฉาก 3D เชิง generative ที่อาจนำไปฉายหรือแสดงผลบนฮาร์ดแวร์จริงในภายหลัง

1 lesson

0พื้นฐาน Scene, Camera และ RendererFree

Join the Avant-Garde of Coding

Complete your payment to unlock premium content and join a community of creative professionals pushing the boundaries of the web. Your access will be activated once your payment is reviewed and approved.