Sa Module 1, pinasulat mo kay Claude ang isang text file. Ngayon, papagawa ka sa kanya ng isang bagay na kita mo talaga: isang web page tungkol sa sarili mo, tumatakbo sa sarili mong browser.
Hindi mo kailangang marunong sa HTML. Iyon ang punto.
Maghanda
Buksan ang terminal mo, pumasok sa project folder na ginawa mo, at simulan si Claude.
cd my-first-project
claude
Ang una mong tunay na prompt
I-type mo ito at pindutin ang Enter:
make a file called index.html — a simple one-page website about me, with my name as a heading, a short paragraph about what I'm learning, and a list of three things I want to build
I-approve mo. Tapos lumabas kay Claude gamit ang /exit at buksan ang file.
Pagsasanay
Subukan ang lesson na ito sa isang guided terminal.
Isang web page. Sa iyo. Gawa sa isang pangungusap.
Bakit gumana ang prompt na iyon
Balikan mo ang tinype mo. May tatlong bahagi iyon, at pareho ang tatlong bahaging iyon sa bawat magandang prompt:
Bahagi
Sa prompt mo
Saan
a file called index.html
Ano
isang one-page site na may heading, isang paragraph, at isang list
Bakit
(hindi mo ito nilagay — okay lang iyon dito)
Ikumpara mo iyon sa kadalasang tina-type ng karamihan sa simula:
make me a website
May gagawin nga si Claude. Pero kailangan niyang hulaan ang topic, ang mga section, ang file name at ang style. Gugugulin mo ang susunod na sampung minuto sa pagtatama ng mga hulang sana ay naiwasan mo sa sampung salita.
Saan, ano, at kung kailangan, bakit. Iyon na ang buong template.
Mamaya pa mahalaga ang "bakit"
Mahalaga ang ikatlong bahagi kapag may desisyong kailangang gawin si Claude na importante sa iyo:
in index.html, make the text bigger and darker, because I'm showing this to my grandmother and she finds it hard to read
Kung walang dahilan, basta na lang pipili si Claude ng size. Kapag may dahilan, mas may sense ang pipiliin niya — at baka may gawin pa siyang hindi mo naisip hingin, tulad ng pagdagdag sa line spacing.
Subukan mo ngayon
Simulan mo ulit si Claude at baguhin ang page mo. Gamitin mo ang tatlong bahagi.
in index.html, add a section at the bottom with a way to contact me, because I want to share this page with friends
Buksan mo ulit ang file. Basahin mo kung ano ang nagbago.
Ang natutunan mo
Kayang gumawa ng Claude Code ng mga bagay na makikita mo, mula sa isang pangungusap.
Pinapangalanan ng magandang prompt ang saan, ang ano, at minsan ang bakit.
Hindi mas mabilis ang malabong prompt. Babayaran mo iyon sa mga pagtatama pagkatapos.
Susunod: kung ano talaga ang hitsura ng "specific", sa page na kagagawa mo lang.