App đầu tiên cùng đầu bếp AI
Báo giá 20 triệu cho một trang web đưa chị Lan tới gặp Tú, người dạy chị điều khiển một đầu bếp AI: gọi món, nếm thử, lưu lại, khai trương.
Chị Lan mở quán cà phê và cần web đặt món. Tú chỉ cho chị căn bếp: thư mục dự án, đầu bếp AI, phiếu gọi món (prompt), nếm trước khi dọn, nút lưu game (git), nhiều đầu bếp một căn bếp, sổ ghi đơn (database), đi chợ vẫn trông được bếp (điện thoại), và khai trương.
28 từ mới, từ Folder đến Deploy.
Bạn sẽ học được
- Hiểu dự án là căn bếp, AI agent là đầu bếp, prompt là phiếu gọi món
- Viết phiếu gọi món rõ ràng và nếm thử trước khi dọn (kiểm tra kết quả)
- Nút lưu game: git và lịch sử các lần lưu
- Nhiều đầu bếp trong một căn bếp, và sổ ghi đơn (database)
- Đi chợ vẫn trông được bếp: xem app từ điện thoại
- Khai trương: đưa trang web lên mạng
- Code
- công thức nấu ăn cho máy tính
- File
- một tờ công thức
- Project
- căn bếp, tức là dự án
- Vibe coding
- mô tả bằng lời để AI viết code
- Frontend
- phòng ăn: phần khách nhìn thấy
- Backend
- nhà bếp: phần chạy phía sau
- Agent
- đầu bếp AI tự làm việc
- Prompt
- phiếu gọi món gửi cho AI
- Terminal
- ô cửa giao món của đầu bếp
- Localhost
- chạy thử trên máy của bạn
- Bug
- lỗi, món bị mặn
- Preview
- xem trước, nếm thử
- Git
- cuốn album lưu mọi phiên bản
- Commit
- một lần lưu game
- Diff
- so sánh trước và sau
- Branch
- nồi nấu thử, không đụng nồi chính
- Model
- một đầu bếp AI cụ thể
- Quota
- lượt dùng trong một ca
- Review
- nhờ người khác kiểm tra
- Database
- sổ ghi dữ liệu
- Table
- một trang trong sổ
- API
- người phục vụ chạy giữa web và sổ
- API key
- chìa khóa bí mật, phải cất kỹ
- Session
- một phiên làm việc được nhớ lại
- Remote
- điều khiển từ xa
- Deploy
- khai trương, đưa web lên mạng
- Domain
- tên miền, địa chỉ của quán
- GitHub
- két sắt cất bản sao code
Việc cần làm: Cài 1DevTool (có bản miễn phí) và tạo một dự án trống cho ý tưởng của bạn.
Việc cần làm: Mở bố cục Conversation và gửi phiếu gọi món đầu tiên.
Làm cho tôi một trang web cho [tên quán / ý tưởng]: có logo, thực đơn kèm giá, màu [màu bạn thích], xem đẹp trên điện thoại.
Việc cần làm: Chụp màn hình một chỗ chưa ưng ý trên trang web, dán vào prompt và nói rõ muốn sửa thành gì.
Việc cần làm: Commit một lần. Nhờ AI đổi một thứ thật kỳ cục, rồi quay lại bản đã lưu.
Việc cần làm: Mở thêm một agent khác và nhờ nó kiểm tra lại.
Hãy xem lại trang web này và liệt kê 3 điểm cần cải thiện, giải thích dễ hiểu.
Việc cần làm: Nhờ AI thêm chức năng đặt món và mở màn hình Database để xem đơn.
Thêm chức năng đặt món, lưu đơn hàng vào database, và cho tôi xem các đơn hôm nay.
Việc cần làm: Ghép nối điện thoại với 1DevTool, rồi trả lời một câu hỏi của agent từ điện thoại.
Lấy từ phụ đề của tập phim. Bấm vào một dòng để nhảy tới đó.
Chị Lan: Mười năm bán cà phê, sáng nào cũng có khách hỏi: quán mình có trang web đặt món không chị? Chị hỏi thử một công ty làm web. Họ báo giá... hai mươi triệu. Còn tự học lập trình á? Thôi, tha cho chị. Chị còn chẳng biết code là cái gì.
Tú: Chị Lan ơi! Nếu chị không cần học viết code, mà chỉ cần học cách nói chuyện với người viết code thì sao?
Chị Lan: Người nào cơ?
Tú: Không phải người. Là AI.
Tú: Trong ba mươi phút tới, em sẽ giúp chị làm ra một trang web đặt món thật, cho quán Cà phê Mây. Không học thuộc lòng gì hết. Mỗi chương, chị học vài từ mới, rồi làm thử một việc nhỏ. Hết phim, chị có một trang web chạy thật.
Chị Lan: Nghe như quảng cáo dầu gội vậy. Nhưng thôi, chị thử.
Chị Lan: Nói thật với em, chị sợ bốn thứ. Một, nó quá kỹ thuật. Hai, chị sợ bấm nhầm làm hư hết. Ba, sợ tốn tiền. Và bốn, lỡ kẹt giữa chừng thì không có ai giúp.
Tú: Bốn nỗi sợ đó ai mới bắt đầu cũng có. Em hứa: trong phim này, mình sẽ gỡ từng cái một. Quá kỹ thuật thì mình dùng ví dụ nhà bếp. Sợ làm hư thì có nút lưu game. Tốn tiền thì em sẽ nói thật giá cả. Còn bị kẹt,
Tú: thì đã có đầu bếp AI ngồi ngay bên cạnh, hỏi lúc nào cũng được.
Tú: Lộ trình của mình gồm tám chương, đi từ một căn bếp trống cho tới ngày khai trương. Mỗi lần chị học được một từ mới, thanh kinh nghiệm ở góc phải sẽ tăng lên, giống như chơi game vậy.
Chị Lan: Được rồi, bắt đầu từ đâu? Chị phải mở cái màn hình đen đen chữ xanh xanh như phim hacker hả?
Tú: Chưa cần đâu chị. Trước hết, chị hiểu giùm em một chuyện: phần mềm thật ra chỉ là một đống chữ. Những dòng chữ đó gọi là code. Nó giống như công thức nấu ăn: làm bước này, rồi tới bước kia, nếu khách gọi món này thì làm như vậy.
Chị Lan: Dạo này chị thấy trên mạng hay nói vibe coding. Cái đó là gì vậy em?
Tú: Vibe coding là cách làm phần mềm mới: mình không tự gõ từng dòng code, mà mô tả bằng lời cho AI viết, rồi mình xem kết quả và góp ý tiếp. Giống như chị không tự đứng bếp nữa, mà làm bếp trưởng: nếm, chê, khen, và quyết định món cuối cùng.
Chị Lan: Bếp trưởng thì chị làm được.
Tú: Mỗi công thức được ghi trên một tờ giấy, gọi là file. Còn tất cả các tờ công thức của một món lớn, ví dụ cả trang web của quán, được cất chung trong một căn bếp. Dân lập trình gọi căn bếp đó là project, hay là dự án.
Chị Lan: Vậy trang web của quán chị là một căn bếp, bên trong toàn là tờ công thức.
Tú: Chuẩn luôn!
Tú: Thêm hai từ nữa hay gặp. Phần mềm nào cũng có hai nửa, giống hệt quán của chị. Nửa thứ nhất là phòng ăn: bàn ghế, thực đơn, nút bấm, màu sắc. Đó là phần khách nhìn thấy, gọi là frontend. Nửa thứ hai là nhà bếp: nhận đơn, tính tiền, ghi sổ.
Tú: Khách không thấy, nhưng thiếu nó thì quán không chạy được. Phần đó gọi là backend.
Chị Lan: Vậy trang thực đơn là frontend, còn chỗ ghi đơn hàng là backend.
Tú: Chị học nhanh ghê.
Chị Lan: Nhưng chị đâu có biết viết công thức.
Tú: Thì đó là lý do mình cần đầu bếp. Nhưng đầu bếp giỏi cũng cần một căn bếp tốt để làm việc. Và đây là căn bếp em muốn giới thiệu với chị: 1DevTool.
Tú: Đây là 1DevTool. Nhìn thì hơi nhiều nút, nhưng chị cứ nhớ ba khu thôi. Bên trái là danh sách các căn bếp, tức là các dự án của chị. Ở giữa là chỗ các đầu bếp AI làm việc. Còn bên phải là chỗ để nếm thử món ăn. Chương ba mình sẽ nói kỹ hơn.
Chị Lan: Ủa, mọi thứ nằm chung trong một cửa sổ luôn hả?
Tú: Đúng rồi. Người mới hay bị lạc vì phải mở năm, sáu ứng dụng khác nhau. Ở đây, cái gì cũng nằm trong một chỗ.
Tú: Một điều quan trọng nữa: căn bếp này nằm ngay trên máy tính của chị. Các file là của chị, không bị khóa trên máy chủ của ai hết.
Chị Lan: Tức là lỡ mai chị không dùng nữa, đồ đạc vẫn còn?
Tú: Vẫn còn nguyên. Giống như chị thuê đầu bếp, nhưng căn bếp và công thức vẫn là của quán chị.
Tú: Giờ mình tạo căn bếp đầu tiên. Đặt tên là cà phê mây, viết liền, không dấu, vì máy tính thích tên đơn giản.
Chị Lan: Xong rồi. Một căn bếp trống trơn.
Chị Lan: Mà khoan, để bắt đầu chị cần chuẩn bị những gì?
Tú: Chỉ ba thứ thôi. Một cái máy tính chạy Windows hoặc Mac, máy văn phòng bình thường là đủ, vì phần nặng nhất là AI chạy trên máy chủ của hãng. Một kết nối internet. Và một tài khoản AI, ví dụ Claude hoặc ChatGPT.
Tú: Phần tiền nong em sẽ nói rõ ở chương năm.
Chị Lan: Máy văn phòng của quán chạy được hả? Cái máy chị dùng in hóa đơn đó?
Tú: Được hết chị. Mình không chơi game nặng, mình chỉ mở bếp thôi.
Tú: Từ mới của chương này: vibe coding, code, file, project, frontend, và backend. Hơi nhiều, nhưng chị nhớ hết rồi đúng không?
Tú: Thử ngay nhé: chị cài 1DevTool, rồi tạo một dự án trống. Đặt tên gì cũng được, miễn là chị thích.
Chương 2: Gọi đầu bếp AI
Tú: Ôn bài chút nha. Project giống cái gì trong quán?
Chị Lan: Dễ ợt. Căn bếp!
Chị Lan: Bếp có rồi. Giờ đầu bếp ở đâu?
Tú: Đầu bếp của mình là những AI biết viết code. Dân trong nghề gọi là agent, tạm dịch là trợ lý AI tự làm việc. Chị biết ChatGPT rồi đúng không? Agent cũng giống vậy, nhưng khác một điểm lớn: nó không chỉ trả lời,
Tú: mà còn tự tay mở file, viết công thức, chạy thử, rồi báo lại cho chị.
Tú: Chị là chủ quán. Chủ quán không cần biết thái hành, chỉ cần ghi phiếu gọi món cho rõ ràng.
Chị Lan: Phiếu gọi món là cái gì?
Tú: Là lời nhắn chị gửi cho AI. Trong nghề gọi là prompt. Chị ghi càng rõ, món càng ngon.
Tú: Trong 1DevTool có một kiểu bố cục tên là Conversation, dành cho người mới. Mọi thứ gọn lại thành một ô lớn: chị muốn xây gì?
Chị Lan: Vậy chị gõ luôn hả?
Tú: Gõ luôn. Bằng tiếng Việt cũng được.
Chị Lan: Làm cho chị một trang web cho quán Cà phê Mây. Có logo, có thực đơn tám món kèm giá, màu ấm áp, xem đẹp trên điện thoại.
Tú: Rồi bấm Send, tức là gửi.
Đầu bếp AI: Dạ, em đã nhận phiếu. Em sẽ làm trang chủ, trang thực đơn, và chọn tông màu nâu kem cho ấm áp. Chị cho em vài phút nhé.
Chị Lan: Ơ, nó trả lời bằng tiếng Việt luôn!
Tú: Chị để ý nè: đầu bếp tốt không lao vào nấu ngay. Nó nói trước kế hoạch: làm trang gì, chọn màu gì, cần những file nào. Với việc lớn, chị nên yêu cầu luôn: hãy đưa kế hoạch cho chị duyệt trước khi làm.
Tú: Đọc kế hoạch bằng tiếng Việt thì chị hoàn toàn góp ý được.
Chị Lan: Giống như đầu bếp đưa thực đơn thử cho chủ quán duyệt trước khi nấu cả nồi.
Tú: Đúng y vậy. Sửa kế hoạch thì rẻ, sửa món đã nấu xong thì tốn công hơn nhiều.
Tú: Trong lúc đầu bếp nấu, em dạy chị bí kíp viết phiếu gọi món nha. Nhớ bốn chữ: ai, gì, sao, mẫu. Ai: trang web này dành cho ai. Ví dụ, dân văn phòng gần quán, thích đặt cà phê mang đi. Gì: cần có những gì. Thực đơn, giá, giờ mở cửa, nút đặt món.
Tú: Sao: trông như thế nào. Màu nâu kem, chữ to dễ đọc, xem đẹp trên điện thoại. Mẫu: đưa một ví dụ. Một tấm ảnh, hay đường link của trang web chị thích.
Chị Lan: Vậy phiếu kiểu: làm cho chị một trang web đẹp đẹp, là phiếu tệ hả?
Tú: Phiếu đó đầu bếp sẽ đoán mò. Có khi chị nhận về một trang web bán xe máy.
Tú: Còn đây là chỗ đầu bếp làm việc, gọi là terminal. Chị cứ hình dung nó là ô cửa giao món giữa nhà hàng và nhà bếp. Chữ chạy liên tục là đầu bếp đang báo cáo: đang tạo file này, đang sửa file kia. Chị không cần đọc hiểu hết, chỉ cần để ý khi nó hỏi chị.
Chị Lan: Nó hỏi chị á?
Đầu bếp AI: Chị ơi, em cần tạo một file mới tên là index chấm h t m l. Chị cho phép không ạ?
Tú: Đó. Agent tốt sẽ xin phép trước khi làm việc quan trọng. Khi một đầu bếp cần chị, 1DevTool sẽ báo hiệu ngay, kể cả khi chị đang ở tab khác.
Chị Lan: Cho phép!
Tú: Khi phiếu gọi món dài hơn, chị mở ô Agent Input. Ở đây chị viết được nhiều dòng, dán hình ảnh, nhắc tới một file cụ thể, rồi mới bấm gửi. Mẹo nhỏ: chị dán ảnh một trang web mà chị thích, rồi nói: làm theo phong cách này.
Tú: AI đọc hình ảnh giỏi hơn chị tưởng nhiều.
Tú: Từ mới chương này: agent, prompt, và terminal.
Tú: Thử ngay: chị mở bố cục Conversation và gửi phiếu gọi món đầu tiên. Mô tả quán của chị, càng cụ thể càng tốt.
Chương 3: Nếm thử món ăn
Tú: Câu đố nè: terminal giống cái gì?
Chị Lan: Ô cửa giao món, nơi đầu bếp báo cáo!
Đầu bếp AI: Dạ xong rồi ạ! Trang web đang chạy ở địa chỉ localhost, cổng ba nghìn.
Chị Lan: Lô... cồ... gì cơ?
Tú: Localhost nghĩa là máy của chính chị. Trang web đang chạy thử trong bếp. Chỉ mình chị thấy, khách chưa thấy được.
Tú: Trước khi dọn món ra cho khách, đầu bếp nào cũng phải nếm thử. Trang web cũng vậy.
Tú: Và đây là cái hay: chị không cần mở trình duyệt nào khác. Ngay bên phải có sẵn một trình duyệt. Đầu bếp nấu bên trái, chị nếm bên phải.
Chị Lan: Trời ơi, quán chị đây nè! Có thực đơn, có giá... nhưng mà... cái logo đâu rồi?
Tú: Đó, món bị mặn rồi. Trong nghề gọi là bug, tức là lỗi.
Chị Lan: Chị làm hư rồi hả?
Tú: Không hư gì hết chị. Bug là chuyện bình thường nhất của nghề này. Lập trình viên giỏi cỡ nào cũng gặp bug mỗi ngày. Quan trọng là biết cách báo cho đầu bếp. Đừng mô tả dài dòng. Chị chụp màn hình chỗ bị lỗi,
Tú: dán vào phiếu, rồi ghi: logo không hiện, sửa giúp chị.
Chị Lan: Logo không hiện, sửa giúp chị nha.
Đầu bếp AI: Dạ, em thấy rồi. Đường dẫn tới file logo bị sai một chữ. Em sửa xong rồi, chị tải lại trang giúp em.
Chị Lan: Có logo rồi! Đẹp quá!
Tú: Còn một chiêu nữa: trong 1DevTool, đầu bếp có thể tự mở trình duyệt này để kiểm tra. Nó tự bấm, tự xem, tự thấy lỗi, rồi tự sửa. Chị chỉ việc ngồi uống cà phê.
Chị Lan: Cái đó thì chị giỏi nhất.
Chị Lan: Lỡ lần sau hiện ra một đống chữ đỏ lòm bằng tiếng Anh thì sao? Chị đọc không hiểu.
Tú: Chữ đỏ đó gọi là thông báo lỗi. Tin vui là: chị không cần hiểu nó. Đầu bếp hiểu. Chị chỉ cần làm ba bước. Một: nói chị thấy gì. Hai: nói chị muốn thấy gì. Ba: dán ảnh chụp hoặc dán nguyên đoạn chữ đỏ vào phiếu.
Tú: Ví dụ: chị bấm nút đặt món thì không có gì xảy ra, chị muốn nó hiện chữ đã nhận đơn, đây là ảnh chụp màn hình. Vậy là đủ.
Chị Lan: Thấy gì, muốn gì, dán ảnh. Dễ nhớ ghê.
Tú: Từ mới: localhost, bug, và preview, nghĩa là xem trước.
Tú: Thử ngay: chị tìm một chỗ chưa ưng ý, chụp màn hình, dán vào phiếu gọi món, và nói rõ chị muốn nó thành ra sao.
Chương 4: Nút “lưu game”
Chị Lan: Chị muốn đổi màu nền sang xanh lá cho mát mắt... Mướp! Xuống ngay! Đừng đi lên bàn phím!
Đầu bếp AI: Dạ, chị muốn em làm gì với yêu cầu: j j j j j j ạ?
Chị Lan: Không phải chị gõ đâu, là con mèo!
Tú: Ít ra đầu bếp còn biết hỏi lại. Nhưng giả sử nó đoán bừa, rồi làm rối tung cả trang web thì sao?
Chị Lan: Ối! Chữ chạy lung tung hết rồi! Thực đơn đâu mất rồi?
Tú: Bình tĩnh. Chị có chơi game bao giờ chưa? Trước khi đánh trùm, mình hay lưu game lại.
Chị Lan: Có chứ. Để lỡ thua thì chơi lại từ chỗ đó.
Tú: Lập trình cũng có nút lưu game. Nó tên là git. Mỗi lần lưu gọi là một commit, giống như chụp lại một tấm ảnh của toàn bộ căn bếp ở thời điểm đó.
Tú: Git giữ lại tất cả các tấm ảnh đó. Muốn quay về lúc nào cũng được.
Tú: Trong 1DevTool có sẵn một màn hình git. Bên trái là danh sách những file vừa bị thay đổi. Bên phải là phần so sánh. Màu xanh là những dòng mới thêm vào, màu đỏ là những dòng bị xóa đi. Cái này gọi là diff.
Tú: Còn nút ở dưới cùng là nút lưu game. Chị ghi một dòng ghi chú, ví dụ: trang thực đơn chạy ổn, rồi bấm commit.
Chị Lan: Vậy giờ trang web bị rối, chị chỉ cần quay lại tấm ảnh lúc trước là được?
Tú: Đúng rồi. Chị có thể bỏ những thay đổi vừa rồi. Hoặc đơn giản hơn nữa, chị nói với đầu bếp: quay lại bản đã lưu gần nhất.
Chị Lan: Về lại rồi! Như chưa có chuyện gì xảy ra luôn.
Tú: Đây là bài học quan trọng nhất cho người mới: chị gần như không thể làm hư vĩnh viễn thứ gì, miễn là chị chịu khó lưu game. Quy tắc của em là: mỗi lần trang web chạy ổn, lưu một lần. Lưu nhiều cũng không tốn gì cả.
Chị Lan: Lưu game thường xuyên. Chị nhớ rồi.
Tú: Còn một chiêu nâng cao hơn chút: branch, tức là nhánh. Giả sử chị muốn thử một thực đơn Tết hoàn toàn mới, mà chưa chắc khách có thích không. Chị không nấu thử trong nồi chính đang bán. Chị bắc một nồi riêng để thử. Ngon thì đổ vào nồi chính,
Tú: dở thì đổ đi, nồi chính vẫn y nguyên.
Chị Lan: Vậy nhánh chính tên là gì?
Tú: Thường tên là main, nghĩa là chính. Chị thấy chữ main ở góc màn hình git đó. Muốn thử gì mạo hiểm, chị cứ nói đầu bếp: tạo một nhánh mới để thử nha.
Tú: Từ mới: git, commit, diff, và branch.
Tú: Thử ngay: chị commit một lần, rồi cố tình nhờ AI đổi một thứ thật kỳ cục. Sau đó quay lại bản đã lưu. Cảm giác yên tâm lắm.
Chương 5: Nhiều đầu bếp, một căn bếp
Tú: Câu đố giữa phim: bug là gì?
Chị Lan: Là lỗi, là món bị mặn. Mà món bị mặn thì gửi ảnh cho đầu bếp sửa!
Chị Lan: Chị dùng đầu bếp này mấy ngày liền, giờ nó báo: đã dùng hết lượt. Thế là sao?
Tú: Mỗi AI đều có giới hạn sử dụng, giống như đầu bếp cũng phải nghỉ giữa ca. Nhưng chị đâu cần chỉ có một đầu bếp.
Tú: Ví dụ ngay lúc này: đầu bếp thứ nhất hết lượt khi đang làm dở trang khuyến mãi. Chị chỉ cần mở một đầu bếp khác trong cùng căn bếp, và nói: làm tiếp trang khuyến mãi giúp chị.
Đầu bếp AI số 2: Dạ, em đã đọc các file trong dự án. Trang khuyến mãi đang làm được một nửa, em làm tiếp phần còn lại nha chị.
Chị Lan: Ủa, đầu bếp mới mà biết luôn việc đang làm dở?
Tú: Vì công thức nằm sẵn trong căn bếp của chị, đầu bếp nào vào cũng đọc được. Đó là cái lợi của việc file nằm trên máy chị, không bị nhốt trong ứng dụng của một hãng.
Tú: Có rất nhiều công ty làm đầu bếp AI: Claude của Anthropic, Codex của OpenAI, Gemini của Google, rồi Kimi, Qwen, Grok, và còn nhiều nữa. Mỗi đầu bếp có sở trường riêng. Có người giỏi thiết kế, có người rất cẩn thận, có người thì nhanh và rẻ.
Tú: 1DevTool cho chị mời bao nhiêu đầu bếp cũng được, vào chung một căn bếp. Mỗi người một ô, làm việc song song.
Chị Lan: Vậy chị có thể nhờ đầu bếp thứ hai xem lại món của đầu bếp thứ nhất?
Tú: Chính xác. Người trong nghề hay làm vậy lắm: một AI viết, một AI khác kiểm tra. Hai ý kiến luôn tốt hơn một.
Chị Lan: Thử liền. Đầu bếp thứ hai ơi, xem lại trang thực đơn giúp chị.
Đầu bếp AI số 2: Dạ, em đã xem. Có ba điểm: giá của trà đào bị ghi thiếu một số không, ảnh món ăn tải hơi chậm trên điện thoại, và nút đặt món hơi nhỏ, ngón tay khó bấm.
Chị Lan: Trời, giá trà đào ghi ba nghìn rưỡi! Khách mà đặt chắc chị lỗ chết.
Tú: Thấy chưa. Hai đầu bếp, hai cặp mắt. Bên trong 1DevTool, việc chuyển lời nhận xét này cho đầu bếp thứ nhất sửa chỉ là gửi thêm một phiếu.
Tú: Còn đây là bảng theo dõi lượt dùng. Chị nhìn là biết đầu bếp nào còn sức, đầu bếp nào sắp hết ca, để chuyển việc cho người khác.
Chị Lan: Khoan, chị nghe nói có mấy trang web làm app chỉ cần gõ một câu. Sao không dùng mấy cái đó cho nhanh?
Tú: Câu hỏi hay. Em nói công bằng nhé. Hiện giờ có ba kiểu công cụ.
Tú: Kiểu thứ nhất: trình soạn code có gắn AI. Rất mạnh, nhưng được làm cho người đọc được code. Kiểu thứ hai: trang web tạo app ngay trên trình duyệt. Ngày đầu tiên dễ nhất, cái này em công nhận. Nhưng dự án nằm trên máy chủ của họ, trả tiền theo lượt,
Tú: và chị chỉ dùng được AI mà họ chọn. Kiểu thứ ba: ứng dụng riêng của một hãng AI. Rất tốt, nhưng chỉ có đầu bếp của hãng đó. Còn 1DevTool: có cửa vào dễ cho người mới, mọi đầu bếp AI nằm trong một chỗ, file nằm trên máy của chị.
Tú: Và khi chị giỏi lên, cả một xưởng chuyên nghiệp đã có sẵn ở đó.
Chị Lan: Nghe hay quá. Vậy có gì dở không?
Tú: Có chứ. Thứ nhất, chị vẫn cần trả tiền cho đầu bếp AI. Một gói cơ bản thường khoảng hai mươi đô một tháng, tùy hãng. Thứ hai, giao diện 1DevTool bằng tiếng Anh. Vì vậy phim này mới dịch từng nút cho chị. Thứ ba,
Tú: ngày đầu tiên sẽ hơi bỡ ngỡ hơn mấy trang web gõ một câu. Nhưng qua chương sau, chị sẽ thấy vì sao nó đáng.
Chị Lan: Chị hỏi thêm mấy câu nữa nha. Không giỏi tiếng Anh có sao không?
Tú: Không sao. Chị nói chuyện với đầu bếp bằng tiếng Việt được. Mấy chữ tiếng Anh trên nút bấm thì chỉ có vài chục chữ, xem phim này là chị biết gần hết rồi.
Chị Lan: Còn chuyện an toàn? Đầu bếp có tự ý xóa đồ của chị không?
Tú: Đầu bếp làm việc trong thư mục dự án, và với những việc quan trọng, nó sẽ hỏi chị trước. Cộng thêm nút lưu game, nên lỡ có gì thì quay lại được.
Chị Lan: Câu cuối: AI có làm sai không?
Tú: Có chứ, và khá thường xuyên. Vì vậy chị luôn là người nếm thử cuối cùng. AI là đầu bếp giỏi, nhưng chủ quán vẫn là chị.
Tú: Từ mới: model, quota, và review.
Tú: Thử ngay: chị mở thêm một đầu bếp khác, nhờ nó xem lại trang web và liệt kê ba điểm cần cải thiện.
Chương 6: Sổ ghi đơn hàng
Tú: Ôn bài: commit là gì?
Chị Lan: Một lần lưu game. Chị lưu ba lần hôm nay rồi đó.
Chị Lan: Trang web đẹp rồi. Nhưng khách xem xong thì sao? Chị muốn khách đặt món được luôn.
Tú: Muốn nhận đơn thì quán cần hai thứ: một cuốn sổ ghi đơn hàng, và một người phục vụ chạy qua chạy lại giữa bàn khách và cuốn sổ.
Tú: Cuốn sổ gọi là database, hay cơ sở dữ liệu. Mỗi trang trong sổ là một bảng: bảng món ăn, bảng khách hàng, bảng đơn hàng. Còn người phục vụ gọi là API. Khách bấm đặt món trên web, API chạy vào bếp, ghi đơn vào sổ, rồi chạy ra báo: đã nhận đơn.
Chị Lan: Vậy chị gọi món tiếp nha: thêm nút đặt món, và lưu đơn hàng vào sổ.
Đầu bếp AI: Dạ, em sẽ tạo một cơ sở dữ liệu nhỏ có ba bảng: khách hàng, món ăn, và đơn hàng. Rồi em làm một API để nhận đơn.
Chị Lan: Có nút đặt món rồi nè. Để chị thử đặt một ly bạc xỉu.
Tú: Giờ mình mở cuốn sổ ra xem. 1DevTool có sẵn màn hình database. Bên trái là các bảng, bên phải là từng dòng dữ liệu.
Chị Lan: Đơn của chị nằm ở đây luôn! Một ly bạc xỉu.
Tú: Chị không cần biết câu lệnh nào hết. Muốn hỏi gì thì hỏi đầu bếp: hôm nay bán được bao nhiêu ly? Nó tự tra sổ cho chị.
Chị Lan: Đầu bếp ơi, hôm nay quán bán được bao nhiêu ly, món nào bán chạy nhất?
Đầu bếp AI: Dạ, em vừa tra sổ đơn hàng. Hôm nay có bốn mươi hai ly. Bán chạy nhất là bạc xỉu với mười lăm ly, sau đó là cà phê muối với mười hai ly.
Chị Lan: Trời, sổ sách mà hỏi bằng lời được luôn. Cuối tháng khỏi ngồi cộng tay nữa.
Tú: Còn đây là màn hình HTTP, dùng để thử người phục vụ. Chị bấm Send, nó gửi một yêu cầu tới API và hiện câu trả lời ở bên dưới. Nếu thấy chữ hai trăm, O K, nghĩa là người phục vụ làm tốt. Nếu có lỗi, bấm nút Send to AI, đầu bếp sẽ đọc lỗi và tự sửa.
Chị Lan: Cái gì cũng có nút gửi cho AI hết ha.
Tú: Đó là tinh thần của 1DevTool: chị thấy vấn đề ở đâu, chị giao cho đầu bếp ngay tại chỗ đó.
Tú: Chương này em phải dặn chị một chuyện rất quan trọng: chìa khóa. Khi trang web kết nối với dịch vụ khác, ví dụ cổng thanh toán, chị sẽ nhận một chuỗi ký tự bí mật gọi là API key. Nó giống như chìa khóa két tiền của quán.
Tú: Quy tắc vàng: không bao giờ dán chìa khóa vào phiếu gọi món, không bao giờ chụp màn hình có chìa khóa rồi đăng lên mạng. Cứ nói đầu bếp: hãy cất API key vào file chấm env. Đó là ngăn kéo có khóa, đầu bếp sẽ tự lo phần còn lại.
Chị Lan: Chìa khóa thì cất trong ngăn kéo. Cái này thì chị hiểu quá rõ.
Tú: Từ mới: database, table, API, và API key.
Tú: Thử ngay: chị nhờ đầu bếp thêm chức năng đặt món, đặt thử một đơn, rồi mở màn hình database để tìm đơn của chính mình.
Chương 7: Đi chợ vẫn trông được bếp
Tú: Ôn bài nè: API giống ai trong quán?
Chị Lan: Người phục vụ, chạy giữa bàn khách và cuốn sổ.
Chị Lan: Sáng mai chị phải đi chợ đầu mối từ năm giờ. Mà đầu bếp đang làm dở trang khuyến mãi.
Tú: Không sao. Chị cứ để máy ở nhà chạy, rồi cầm điện thoại đi.
Tú: 1DevTool có ứng dụng cho điện thoại. Chị ghép nối một lần bằng mã QR, rồi ở đâu cũng thấy được các đầu bếp đang làm gì. Đầu bếp nào cần chị trả lời, điện thoại sẽ báo. Chị trả lời ngay giữa chợ, đầu bếp làm tiếp.
Tú: Chị để ý mấy cái nhãn ở trên cùng. Cần bạn, nghĩa là có đầu bếp đang chờ chị trả lời. Đang làm, là đầu bếp đang nấu. Rảnh, là đầu bếp đã xong việc. Nên chị không cần ngồi canh màn hình. Đầu bếp nấu,
Tú: chị đi làm việc khác. Khi có nhãn cần bạn, chị mới quay lại.
Chị Lan: Giống như cái chuông ở quầy: món xong thì đầu bếp bấm chuông.
Đầu bếp AI: Chị ơi, giảm giá hai mươi phần trăm cho tất cả các món, hay chỉ đồ uống thôi ạ?
Chị Lan: Chỉ đồ uống thôi em. Bánh ngọt giữ nguyên giá nha.
Chị Lan: Còn tối nay chị tắt máy đi ngủ, mai mở lên, đầu bếp có quên hết không?
Tú: Không quên. Đó là điều thứ hai em thích ở 1DevTool. Mỗi cuộc trò chuyện với đầu bếp gọi là một session, tức là một phiên làm việc. Chị tắt máy, mở lại, 1DevTool nối lại đúng phiên cũ. Đầu bếp nhớ mình đang nấu dở món gì,
Tú: chị không phải giải thích lại từ đầu.
Chị Lan: Chào buổi sáng. Hôm qua mình làm tới đâu rồi em?
Đầu bếp AI: Dạ chào chị. Hôm qua mình đã làm xong trang khuyến mãi, giảm hai mươi phần trăm cho đồ uống. Còn lại một việc: thêm ảnh cho món bánh flan. Chị muốn em làm tiếp không ạ?
Chị Lan: Làm tiếp đi em. Nhớ dai hơn chị luôn.
Chị Lan: Vậy là chị có thể vừa đi chợ, vừa làm chủ quán, vừa làm sếp của mấy đầu bếp AI.
Tú: Đúng vậy. Chủ quán thời bốn chấm không.
Tú: Từ mới: session, và remote.
Tú: Thử ngay: chị ghép nối điện thoại với 1DevTool, rồi lần tới đầu bếp hỏi, chị trả lời từ điện thoại xem sao.
Chương 8: Khai trương!
Chị Lan: Trang web chạy ngon trong bếp rồi. Làm sao cho khách thật thấy được?
Tú: Bước cuối cùng gọi là deploy, tức là đưa trang web từ trong bếp ra mặt tiền, lên internet. Chị nhờ đầu bếp luôn: đưa trang web lên một dịch vụ hosting. Có nhiều dịch vụ có gói miễn phí cho trang web nhỏ như của quán mình.
Đầu bếp AI: Dạ, em đã đưa trang web lên mạng rồi ạ. Chị có thể mua thêm một tên miền riêng, ví dụ cà phê mây chấm v n, để khách dễ nhớ.
Chị Lan: Có đơn! Có đơn thật! Hai ly cà phê muối, giao tới số mười hai Lý Thường Kiệt!
Tú: Chúc mừng chị! Khai trương hồng phát!
Chị Lan: Vậy từ giờ muốn thêm món mới vào thực đơn thì sao? Lại phải làm lại từ đầu hả?
Tú: Không cần. Từ giờ chị chỉ lặp lại một vòng bốn bước, em gọi là vòng lặp vàng. Một: ghi phiếu gọi món. Hai: nếm thử ở localhost. Ba: thấy ổn thì lưu game. Bốn: đưa lên mạng. Thêm món mới, đổi giá, làm trang khuyến mãi,
Tú: cái gì cũng chỉ là chạy lại vòng này. Mỗi vòng có khi chỉ mất vài phút.
Chị Lan: Gọi món, nếm thử, lưu game, khai trương. Chị nhớ rồi.
Tú: Thêm một thói quen tốt nữa: sao lưu. Máy tính có thể hỏng, có thể mất. Nên thỉnh thoảng chị gửi một bản sao căn bếp lên mạng. Chỗ cất phổ biến nhất tên là GitHub, giống như két sắt ở ngân hàng. Trong màn hình git của 1DevTool,
Tú: nút Push chính là nút gửi bản sao lên đó.
Chị Lan: Lưu game ở nhà, rồi gửi một bản vào két ngân hàng. Chắc ăn.
Tú: Từ mới cuối cùng: deploy, domain, và GitHub.
Tú: Nhìn lại nha. Ba mươi phút trước, chị chưa biết code là gì. Giờ chị biết dự án là căn bếp, agent là đầu bếp, prompt là phiếu gọi món. Chị biết nếm thử ở localhost, biết bug là món bị mặn, biết lưu game bằng git commit. Chị biết mời nhiều đầu bếp,
Tú: biết cuốn sổ database và người phục vụ API, biết trông bếp từ điện thoại, và cuối cùng là khai trương.
Chị Lan: Hai mươi tám từ mới! Chị thấy mình giống dân IT rồi đó.
Tú: Nhưng điều quan trọng nhất không phải là từ vựng, mà là chị không còn sợ nữa. Chị biết cách giao việc, biết nếm thử, và biết quay lại khi có gì sai.
Chị Lan: Vậy giờ chị làm gì tiếp?
Tú: Làm tiếp thứ chị cần. Một trang quản lý kho, một ứng dụng tích điểm cho khách quen, gì cũng được. Bếp có rồi, đầu bếp cũng có rồi.
Tú: Em gợi ý vài ý tưởng mà người không biết code đã làm được với cách này. Một trang đặt lịch cho tiệm làm tóc, khách tự chọn giờ trống. Một sổ thu chi gia đình, cuối tháng tự vẽ biểu đồ xem tiền đi đâu. Một ứng dụng điểm danh cho lớp học thêm,
Tú: phụ huynh xem được con có đi học không. Một trang bán hàng online cho shop quần áo, có giỏ hàng và theo dõi đơn. Hay một ứng dụng tích điểm cho khách quen của quán: mua mười ly, tặng một ly.
Chị Lan: Cái cuối chị làm liền tuần sau!
Tú: Trước khi chia tay, em giao bài tập về nhà cho các bạn đang xem nha. Bài một: tạo một dự án và làm một trang giới thiệu bản thân, có ảnh, có ba điều bạn thích. Bài hai: cố tình làm hỏng nó, rồi dùng git quay lại bản đã lưu.
Tú: Bài ba: mời một đầu bếp thứ hai xem lại, và sửa theo ba góp ý của nó.
Chị Lan: Làm xong ba bài này là các bạn đã giỏi hơn chị hồi đầu phim rồi đó.
Tú: Tải 1DevTool, tạo căn bếp đầu tiên của bạn, và gửi phiếu gọi món đầu tiên ngay hôm nay.
Chị Lan: Hẹn gặp lại các bạn ở Cà phê Mây nhé!
Đầu bếp AI: Dạ, em xin lỗi. Em lỡ đặt tên cho tất cả các món là bạc xỉu ạ.
Chị Lan: Thôi được, bạc xỉu cũng ngon.