หลักสูตร 12 สัปดาห์: จากหน้าเว็บแรก ถึง Python โดยมี AI เป็นพี่เลี้ยง

จากหน้าเว็บแรก ถึงPython

สิบสองสัปดาห์ เริ่มจากการมีหน้าเว็บของตัวเองอยู่บนอินเทอร์เน็ตในสัปดาห์แรก แล้วค่อยลงลึกไปที่ repo สำหรับโค้ด เครื่อง Mac เทอร์มินัล และ Python โดยใช้ AI เป็นพี่เลี้ยงตลอดทาง ไม่ใช่เป็นคนทำการบ้านให้

แนวคิดหลัก: ลงมือทำก่อน เข้าใจทีหลัง และทุกสัปดาห์ต้องมีของจริงที่ส่งลิงก์ให้คนอื่นดูได้

ระดับ: ไม่เคยเขียนโปรแกรมมาก่อน

เครื่อง: macOS

ตารางเรียน: 2 ครั้ง/สัปดาห์ × 12 สัปดาห์

ลำดับ: GitHub Pages → repo → macOS → Terminal → Python → AI

ภาพรวม 12 สัปดาห์

สัปดาห์	สิ่งที่คุณสร้าง	บทเรียน	ทักษะการใช้ AI
1	บัญชีและหน้าเว็บสด	github.html	ถามให้ AI อธิบายคำศัพท์
2	HTML ของคุณเอง	html_intro.html	วางโค้ดจริงให้ AI ดู
3	repo สำหรับโค้ด	github_activities.html	ขอสามตัวเลือก
4	ประวัติและการย้อนกลับ	github_exam.html	ให้อธิบายคำสั่งก่อนรัน
5	เครื่อง Mac และเส้นทางไฟล์	linux_lab.html	ระบุ macOS ทุกครั้ง
6	เทอร์มินัลห้าคำสั่ง	linux_lab.html	เดาผลก่อนกด Enter
7	grep ท่อ และสิทธิ์ไฟล์	linux_lab.html	ห้ามรัน rm ที่ไม่เข้าใจ
8	รัน Python ไฟล์แรก	python_start.html	สั่งว่าอย่าเพิ่งเฉลย
9	ตัวแปร ชนิดข้อมูล และบั๊ก	catch_your_own_bugs.html	วาง error ทั้งก้อน
10	ลิสต์ ลูป และไฟล์	python_toolkit.html	ให้หาวิธีทำให้พัง
11	ติวเตอร์ AI บนเครื่องตัวเอง	make_an_ai_tutor.html	จับผิด AI ให้ได้
12	โครงงานและการนำเสนอ	python_exam.html	เขียนว่า AI ช่วยอะไร

1 สัปดาห์

A page on the internet, with your name on it

โมดูล A: เว็บของคุณ · github.html

บทเรียน 📄 github.html

🇬🇧 วัตถุประสงค์ภาษาอังกฤษ

พูดว่าคุณทำอะไรเสร็จแล้ว ด้วย I made / I createdSay what you finished, using I made / I created
อ่านปุ่มภาษาอังกฤษบนหน้าจอ: Sign up, Create, Settings, SaveRead English buttons on screen: Sign up, Create, Settings, Save
สะกดชื่อผู้ใช้และอีเมลของคุณออกเสียงได้Spell your username and email out loud

💻 วัตถุประสงค์ด้านเทคโนโลยี

สมัครบัญชี GitHub และยืนยันอีเมลMake a GitHub account and confirm the email
สร้าง repository ชื่อ username.github.ioCreate a repository named username.github.io
เพิ่มไฟล์ index.html ที่มีชื่อคุณอยู่ข้างในAdd an index.html with your name inside it
เปิด Settings → Pages แล้วรอจนลิงก์ใช้งานได้Open Settings then Pages, and wait until the link works
ส่งลิงก์นั้นให้คนอื่นดูจากโทรศัพท์ของเขาSend that link to someone, and have them open it on their phone

🤖 ถาม AI แบบนี้

› What is GitHub Pages in one sentence?
› My page says 404. What are three reasons that happens?
› Explain 'repository' to someone who has never coded.

กติกาของสัปดาห์นี้: ถ้า AI บอกให้กดปุ่มที่คุณหาไม่เจอ ให้ถามกลับว่า "Where exactly is that button?" อย่าเดาเองThe rule this week: if the AI names a button you cannot find, ask it where the button is. Do not guess.

2 สัปดาห์

Your page, in your own words

โมดูล A: HTML · html_intro.html

บทเรียน 📄 html_intro.html 📄 html_activities.html

🇬🇧 วัตถุประสงค์ภาษาอังกฤษ

บรรยายหน้าเว็บของคุณ: There is / There areDescribe your page: There is / There are
คำศัพท์โครงสร้าง: heading, paragraph, link, image, listStructure words: heading, paragraph, link, image, list
เขียนประโยคแนะนำตัวสามประโยคเป็นภาษาอังกฤษWrite three sentences introducing yourself in English

💻 วัตถุประสงค์ด้านเทคโนโลยี

เข้าใจว่าแท็กเปิดและแท็กปิดทำงานคู่กันUnderstand that tags open and close in pairs
ใช้ h1, p, a, img, ul ได้ถูกที่Use h1, p, a, img and ul in the right places
แก้ไฟล์บน GitHub แล้วเห็นหน้าเว็บเปลี่ยนภายในหนึ่งนาทีEdit the file on GitHub and see the page change within a minute
เพิ่มรูปภาพ และเข้าใจว่าทำไมบางรูปไม่ขึ้นAdd an image, and understand why some images do not appear

🤖 ถาม AI แบบนี้

› Why does my <img> show a broken icon?
› What is the difference between <b> and <strong>?
› Check this HTML and tell me only what is wrong: ...

กติกา: วาง HTML ของคุณลงไปให้ AI ดูเสมอ อย่าอธิบายด้วยปากเปล่า AI เดาโค้ดที่มันไม่เห็นไม่ได้The rule: paste your actual HTML. Never describe it in words. The AI cannot guess at code it has not seen.

3 สัปดาห์

A second repository, for code this time

โมดูล B: Git · github_activities.html

บทเรียน 📄 github_activities.html

🇬🇧 วัตถุประสงค์ภาษาอังกฤษ

อธิบายความต่างด้วย but: This one is for pages, but that one is for codeExplain a difference with but: this one is for pages, but that one is for code
คำศัพท์: repository, file, folder, upload, commitWords: repository, file, folder, upload, commit
อ่านข้อความบอกความผิดพลาดแล้วเล่าว่ามันบอกอะไรRead an error message and say what it is telling you

💻 วัตถุประสงค์ด้านเทคโนโลยี

แยกได้ว่า repo สำหรับเว็บกับ repo สำหรับโค้ดต่างกันอย่างไรTell apart a repo that is a website and a repo that is just code
สร้าง repo ใหม่พร้อม README และรู้ว่า README มีไว้ทำไมMake a new repo with a README, and know what a README is for
อัปโหลดไฟล์ และเขียนข้อความ commit ที่อ่านรู้เรื่องUpload a file, and write a commit message a person can read
เข้าใจว่า commit คือการบันทึกที่ย้อนกลับได้Understand that a commit is a save you can go back to

🤖 ถาม AI แบบนี้

› What makes a good commit message? Give three examples.
› I uploaded the wrong file. What are my options?
› What should go in a README for a small project?

กติกา: ให้ AI ยกตัวอย่างสามแบบเสมอ แล้วคุณเลือกเอง คำตอบเดียวทำให้คุณไม่ได้ฝึกตัดสินใจThe rule: ask for three examples, then choose. One answer robs you of the decision.

4 สัปดาห์

History, and how to go back

โมดูล B: Git · github_exam.html

บทเรียน 📄 github_activities.html 📝 github_exam.html

🇬🇧 วัตถุประสงค์ภาษาอังกฤษ

เล่าเรื่องอดีตด้วย past simple: I changed, I deleted, I fixedTalk about the past with past simple: I changed, I deleted, I fixed
ถามหาความช่วยเหลือ: Can you help me undo this?Ask for help: Can you help me undo this?
อ่านหน้าประวัติ commit แล้วเล่าว่าเกิดอะไรขึ้นRead a commit history and narrate what happened

💻 วัตถุประสงค์ด้านเทคโนโลยี

ดูประวัติของไฟล์ และเปิดดูรุ่นเก่าได้Look at a file's history, and open an older version
เปรียบเทียบสองรุ่น และชี้ได้ว่าบรรทัดไหนเปลี่ยนCompare two versions, and point at the lines that changed
กู้ไฟล์ที่ลบไปแล้วกลับคืนมาBring back a file you deleted
เข้าใจว่าทำไมคนถึงกล้าทดลอง เมื่อทุกอย่างย้อนได้Understand why people dare to experiment when everything can be undone

🤖 ถาม AI แบบนี้

› I deleted a file and committed. How do I get it back?
› Explain what a commit hash is, simply.
› Give me a command, then explain each part of it.

กติกา: ขอให้ AI อธิบายทีละส่วนของคำสั่งก่อนรันเสมอ คำสั่งที่คุณไม่เข้าใจคือคำสั่งที่ลบงานของคุณได้The rule: make it explain each part before you run anything. A command you do not understand is a command that can delete your work.

5 สัปดาห์

Your Mac: where everything actually is

โมดูล C: macOS

บทเรียน 📄 linux_lab.html

🇬🇧 วัตถุประสงค์ภาษาอังกฤษ

บอกตำแหน่งด้วย in / on / inside: It is in the Documents folderSay where things are with in, on, inside: it is in the Documents folder
คำศัพท์: folder, file, path, home, hiddenWords: folder, file, path, home, hidden
อธิบายเส้นทางไฟล์ออกเสียงให้คนอื่นตามได้Say a file path out loud so someone else can follow it

💻 วัตถุประสงค์ด้านเทคโนโลยี

รู้ว่าโฟลเดอร์บ้านของคุณอยู่ที่ไหน และมีอะไรอยู่ข้างในKnow where your home folder is, and what lives inside it
ใช้ Finder และ Spotlight หาไฟล์ให้เจอUse Finder and Spotlight to find a file
เข้าใจว่า path คือที่อยู่ ไม่ใช่ชื่อUnderstand that a path is an address, not a name
สร้างโฟลเดอร์สำหรับงานเรียน และเก็บทุกอย่างไว้ที่เดียวMake one folder for this course, and keep everything in it

🤖 ถาม AI แบบนี้

› On macOS, what is the difference between ~/Documents and /Documents?
› Where does Safari put files I download?
› Explain the folder structure of a Mac to a beginner.

กติกา: ถาม AI ว่า "on macOS" เสมอ คำตอบสำหรับ Windows หน้าตาคล้ายกันมาก แต่ใช้ไม่ได้The rule: always say on macOS. Windows answers look almost the same and will not work.

6 สัปดาห์

The terminal: five commands and a window

โมดูล C: Terminal · linux_lab.html

บทเรียน 📄 linux_lab.html

🇬🇧 วัตถุประสงค์ภาษาอังกฤษ

สั่งงานด้วยประโยคคำสั่ง: Open the folder. List the files.Give instructions in the imperative: open the folder, list the files
คำศัพท์: directory, list, make, change, printWords: directory, list, make, change, print
อ่านผลลัพธ์บนหน้าจอออกเสียง และบอกว่ามันหมายถึงอะไรRead screen output aloud, and say what it means

💻 วัตถุประสงค์ด้านเทคโนโลยี

เปิด Terminal และรู้ว่าเคอร์เซอร์กำลังรออะไรอยู่Open Terminal and know what the cursor is waiting for
ใช้ pwd เพื่อรู้ว่าตอนนี้คุณอยู่ที่ไหนUse pwd to find out where you are
ใช้ ls และ cd เดินไปมาในโฟลเดอร์Use ls and cd to move around the folders
ใช้ mkdir และ cat สร้างและอ่านไฟล์Use mkdir and cat to make and read files
เข้าใจว่าเทอร์มินัลทำสิ่งเดียวกับ Finder แต่พิมพ์เอาUnderstand the terminal does what Finder does, only typed

🤖 ถาม AI แบบนี้

› Explain pwd, ls, cd, mkdir and cat in one line each.
› I typed cd Documents and it said no such file. Why?
› Give me one safe command to try, and say what it will print.

กติกา: ก่อนกด Enter ให้เดาก่อนว่าจะเกิดอะไรขึ้น แล้วค่อยเทียบกับของจริง นี่คือวิธีที่คุณจะเลิกกลัวเทอร์มินัลThe rule: guess what will happen before you press Enter, then compare. That is how the fear goes away.

ทดลองจริงในสัปดาห์นี้

pwd → /tmp/syl
ls lesson → hello.txt notes
cat list.txt → one two three

7 สัปดาห์

The terminal, doing real work

โมดูล C: Terminal · linux_lab.html

บทเรียน 📄 linux_lab.html

🇬🇧 วัตถุประสงค์ภาษาอังกฤษ

เชื่อมสองการกระทำด้วย then: Find the lines, then count themJoin two actions with then: find the lines, then count them
คำศัพท์: search, count, sort, pipe, permissionWords: search, count, sort, pipe, permission
อธิบายให้คนอื่นฟังว่าคำสั่งที่คุณพิมพ์ทำอะไรExplain to someone else what the command you typed does

💻 วัตถุประสงค์ด้านเทคโนโลยี

ใช้ grep หาบรรทัดที่มีคำที่ต้องการUse grep to find the lines that contain a word
ใช้ท่อ | ส่งผลของคำสั่งหนึ่งไปให้อีกคำสั่งUse the pipe to send one command's output into another
นับบรรทัดด้วย wc -l และเรียงด้วย sortCount lines with wc -l and order them with sort
ใช้ chmod +x ทำให้ไฟล์รันได้ แล้วรันมันUse chmod +x to make a file runnable, then run it

🤖 ถาม AI แบบนี้

› Turn this into a command: count the lines that contain 'error'.
› What does chmod +x actually change?
› Is this command safe to run? Explain before I run it.

กติกา: ห้ามรันคำสั่งที่มี rm จาก AI จนกว่าจะอธิบายได้ทุกส่วน rm ไม่มีถังขยะให้กู้คืนThe rule: never run a command containing rm from an AI until you can explain every part. rm has no wastebasket.

ทดลองจริงในสัปดาห์นี้

grep t list.txt → two three
wc -l < list.txt → 3
cat list.txt | sort → one three two
chmod +x go.sh ; ./go.sh → it ran

8 สัปดาห์

Python, on the machine in front of you

โมดูล D: Python · python_start.html

บทเรียน 📄 python_start.html

🇬🇧 วัตถุประสงค์ภาษาอังกฤษ

พูดถึงสิ่งที่โปรแกรมทำ: It prints / It shows / It asksTalk about what a program does: it prints, it shows, it asks
คำศัพท์: run, file, error, output, versionWords: run, file, error, output, version
อ่านข้อความ error บรรทัดสุดท้ายแล้วบอกว่ามันบ่นเรื่องอะไรRead the last line of an error and say what it is complaining about

💻 วัตถุประสงค์ด้านเทคโนโลยี

ตรวจว่าเครื่องมี Python รุ่นไหนด้วย python3 --versionCheck which Python the machine has, with python3 --version
เขียนไฟล์ hello.py แล้วรันจากเทอร์มินัลWrite hello.py and run it from the terminal
เข้าใจว่าทำไมต้องพิมพ์ python3 ไม่ใช่ pythonUnderstand why it is python3 and not python
เก็บไฟล์ Python ไว้ใน repo จากโมดูล BKeep the Python files in the repo from Module B

🤖 ถาม AI แบบนี้

› I get 'command not found: python'. What do I do on macOS?
› Explain this error to me, then tell me which line to look at.
› Do not fix it for me. Tell me what to check first.

กติกาสำคัญที่สุดของโมดูลนี้: บอก AI ว่า "Do not give me the answer yet" ให้มันถามคุณกลับก่อน คุณกำลังฝึกคิด ไม่ได้กำลังสั่งของThe most important rule here: tell the AI not to give the answer yet, and to ask you a question instead. You are training thinking, not ordering food.

9 สัปดาห์

Words, numbers, and being wrong

โมดูล D: Python · catch_your_own_bugs.html

บทเรียน 📄 python_start.html 📄 catch_your_own_bugs.html

🇬🇧 วัตถุประสงค์ภาษาอังกฤษ

เปรียบเทียบด้วย bigger than / the same asCompare with bigger than, the same as
คำศัพท์: variable, string, number, quotes, typeWords: variable, string, number, quotes, type
เล่าว่าคุณแก้บั๊กอย่างไร เป็นลำดับขั้นTell the story of how you fixed a bug, in order

💻 วัตถุประสงค์ด้านเทคโนโลยี

ใช้ตัวแปร และตั้งชื่อที่บอกว่ามันคืออะไรUse variables, and name them after what they hold
แยกข้อความกับตัวเลขออกจากกัน และรู้ว่าทำไมถึงสำคัญTell text and numbers apart, and know why it matters
รับค่าจากผู้ใช้ด้วย input() แล้วแปลงด้วย int()Take input with input(), then convert it with int()
อ่าน traceback จากล่างขึ้นบน และหาบรรทัดที่ผิดRead a traceback from the bottom up, and find the broken line

🤖 ถาม AI แบบนี้

› Here is my code and the full error. What is the first thing to check?
› Why is 5 different from '5' in Python?
› Give me a broken example so I can practise fixing it.

กติกา: วางข้อความ error ทั้งก้อนเสมอ ไม่ใช่แค่บรรทัดสุดท้าย ส่วนที่คุณตัดทิ้งมักเป็นส่วนที่บอกคำตอบThe rule: paste the whole error, not the last line. The part you trim off is usually the part with the answer in it.

10 สัปดาห์

Lists, loops, and files that stay

โมดูล D: Python · python_toolkit.html

บทเรียน 📄 python_toolkit.html

🇬🇧 วัตถุประสงค์ภาษาอังกฤษ

พูดถึงการทำซ้ำ: for each / every timeTalk about repetition: for each, every time
คำศัพท์: list, loop, line, open, saveWords: list, loop, line, open, save
อธิบายลูปของคุณเป็นภาษาอังกฤษทีละขั้นExplain your loop in English, one step at a time

💻 วัตถุประสงค์ด้านเทคโนโลยี

เก็บของหลายอย่างไว้ในลิสต์เดียวKeep many things in one list
วนลูปด้วย for และทำสิ่งเดียวกันกับทุกตัวLoop with for, and do the same thing to each one
เขียนลงไฟล์ และอ่านกลับขึ้นมาในวันถัดไปWrite to a file, and read it back the next day
เข้าใจว่าโปรแกรมที่จำอะไรได้ ต่างจากโปรแกรมที่ลืมทุกครั้งUnderstand the difference between a program that remembers and one that forgets

🤖 ถาม AI แบบนี้

› Review my loop. Do not rewrite it — tell me what could go wrong.
› What happens if the file does not exist yet?
› Give me three test inputs that would break this.

กติกา: ขอให้ AI หาวิธีทำให้โค้ดพัง ไม่ใช่ให้ชม โค้ดที่ผ่านแค่ตัวอย่างเดียว ยังไม่ได้ผ่านอะไรเลยThe rule: ask it to break your code, not to praise it. Code that passes one example has passed nothing.

11 สัปดาห์

An AI tutor that runs on your own machine

โมดูล D: AI · make_an_ai_tutor.html

บทเรียน 📄 make_an_ai_tutor.html 📄 send_email.html

🇬🇧 วัตถุประสงค์ภาษาอังกฤษ

ตั้งคำถามที่ดีกว่าเดิม: Why, How, What ifAsk better questions: why, how, what if
คำศัพท์: prompt, model, reply, context, checkWords: prompt, model, reply, context, check
โต้แย้งอย่างสุภาพเมื่อคุณคิดว่า AI ผิดDisagree politely when you think the AI is wrong

💻 วัตถุประสงค์ด้านเทคโนโลยี

ติดตั้งโมเดลบนเครื่องตัวเอง และถามคำถามแรกInstall a model on your own machine, and ask it a first question
เขียนโปรแกรม Python ที่คุยกับโมเดลนั้นได้Write a Python program that talks to that model
เข้าใจว่าโมเดลไม่ได้จำอะไร คุณต้องส่งบทสนทนาไปใหม่ทุกครั้งUnderstand the model remembers nothing; you resend the conversation each time
จับได้เมื่อโมเดลแต่งเรื่องขึ้นมาอย่างมั่นใจCatch the model when it invents something confidently

🤖 ถาม AI แบบนี้

› Ask me five questions to check whether I understood loops.
› I think your last answer was wrong because ... Am I right?
› Explain it again, but assume I know nothing about computers.

กติกา: อย่างน้อยสัปดาห์ละครั้ง ให้จับ AI ผิดให้ได้หนึ่งครั้ง แล้วจดไว้ วันที่คุณแก้มันได้ คือวันที่คุณเก่งกว่ามันในเรื่องนั้นThe rule: catch it being wrong at least once a week, and write it down. The day you can correct it is the day you know more than it does, about that.

12 สัปดาห์

A program of your own, and the link to prove it

โมดูล D: โครงงาน · python_exam.html

บทเรียน 📄 python_toolkit.html 📝 python_exam.html

🇬🇧 วัตถุประสงค์ภาษาอังกฤษ

นำเสนองานของคุณ: This program takes ... and it gives ...Present your work: this program takes ... and it gives ...
ตอบคำถามเกี่ยวกับโค้ดของตัวเองเป็นภาษาอังกฤษAnswer questions about your own code in English
เขียน README ภาษาอังกฤษให้คนแปลกหน้าอ่านรู้เรื่องWrite an English README a stranger can follow

💻 วัตถุประสงค์ด้านเทคโนโลยี

เลือกปัญหาเล็ก ๆ ที่เป็นของคุณจริง แล้วแก้ด้วย PythonPick one small problem that is really yours, and solve it in Python
เก็บโค้ดไว้ใน repo พร้อม README และประวัติ commitKeep the code in a repo, with a README and a commit history
เพิ่มลิงก์โครงงานลงในหน้าเว็บจากสัปดาห์ที่ 1Add a link to the project on the web page from week 1
อธิบายได้ว่าส่วนไหนคุณเขียนเอง และส่วนไหน AI ช่วยSay which parts you wrote and which parts the AI helped with

🤖 ถาม AI แบบนี้

› Review my README as if you had never seen this project.
› What is missing that a stranger would need?
› Quiz me on my own code.

กติกาสุดท้าย: ในงานส่ง ให้เขียนหนึ่งย่อหน้าว่า AI ช่วยอะไรบ้าง การบอกตรง ๆ ว่าใช้เครื่องมืออะไร คือมาตรฐานของมืออาชีพThe last rule: in your submission, write one paragraph on what the AI did. Saying plainly which tools you used is the professional standard.

เมื่อจบหลักสูตร

💻 ผู้เรียนจะทำสิ่งเหล่านี้ได้

มีหน้าเว็บของตัวเองที่เปิดดูได้จริง และแก้ไขเองได้Have a real web page of their own, and be able to change it
เก็บโค้ดไว้ใน repo พร้อมประวัติที่ย้อนกลับได้Keep code in a repo, with a history they can go back through
ใช้เทอร์มินัลบน Mac ได้โดยไม่กลัวUse the terminal on a Mac without fear
เขียนโปรแกรม Python ขนาดเล็กที่แก้ปัญหาจริงของตัวเองWrite a small Python program that solves a real problem of their own
อ่าน error เป็น และหาสาเหตุได้ด้วยตัวเองก่อนถามใครRead an error, and find the cause themselves before asking anyone
ใช้ AI เป็นพี่เลี้ยง ไม่ใช่เป็นคนทำแทน และบอกได้ว่ามันช่วยอะไรUse AI as a guide rather than a substitute, and say what it did
จับได้เมื่อ AI ตอบผิด และตรวจสอบก่อนเชื่อCatch the AI being wrong, and check before believing it