0:00 Nếu các bạn đang xem cái video này, rất có thể các bạn đã nghe đến Cloud Code rồi. Có thể các bạn thấy ai đấy trên mạng build một cái app thì trong vòng 30 phút có thể các bạn nghe đồng nghiệp nói với nó hoặc đơn giản các bạn đã từng tò mò cái này thực ra là gì và mình có thể dùng được nó không. Và câu trả lời của mình là ai cũng có thể dùng được và các bạn còn không cần viết code. Mình giới thiệu lại một chút mình là Thanh CEO của F Minist AI. Công ty mình thì chuyên tư vấn và xây dựng những giải pháp ứng dụng AI cho các doanh nghiệp. Và hiện tại thì bên mình đang triển khai khá nhiều dự án thực tế bằng chính cái công cụ mà mình sắp chỉ các bạn ngày hôm nay. Và đây không phải là lý thuyết, đây là cái thứ mà bên mình đang dùng mỗi ngày để xây dựng sản phẩm, tiết kiệm thời gian và làm được những thứ mà trước đây phải cần cả team developer. Và trong cái video này mình sẽ chỉ các bạn tất cả các thứ về clot code từ con số 0 từng bước một đúng theo cái cách mà mình đã dạy nhân viên và ứng dụng thực tế tại công ty của mình. Và chúng ta sẽ bắt đầu với cái
0:45 phần một, phần quan trọng nhất. Clock code thực ra là gì? Và tại sao nó lại hoàn toàn khác với những cái AI tool mà các bạn đã dùng trước đây. Trước tiên hãy nhớ lại cái cách mà các bạn đang dùng chat GBT, Germin hay là Cloud chat. Có phải các bạn mở trình duyệt này, gõ câu hỏi, nhận câu trả lời, copy paste vào đâu đấy rồi lại quay lại hỏi tiếp đúng không? Thực ra đấy là cái cách làm việc của clot chat thông thường. Và cái vấn đề ở đây là cái AI mà các bạn đang làm việc nó đang ngồi một nơi khác mà nó không thể chạm được vào cái máy tính của các bạn. Còn clot code thì nó khác hoàn toàn. Clock code nó có thể chạy trực tiếp ở trên máy tính của chính các bạn. Nó có thể đọc file của bạn, tạo file mới, chỉnh sửa code tự động và chạy lệnh như một lập trình viên. Các bạn hãy hình dung như thế này nhá. Clot chat thông thường thì giống các bạn thuê thợ sửa nhà. Nhưng mà người thợ đấy người ta sẽ không đến. Các bạn phải chụp ảnh gửi Zalo họ sẽ tư vấn rồi các bạn sẽ phải tự làm. Còn clock code nó như kiểu thợ đến
1:31 tận nhà mở tủ đồ lấy dụng cụ rồi tự sửa. Các bạn chỉ cần nói là tôi muốn sửa cái này cái kia thợ họ sẽ tự làm hết. Và đấy chính là cái sự khác biệt. Clot code nó sẽ hành động chứ không chỉ tư vấn. Và có một cái câu hỏi đầu tiên mà rất nhiều người hay hỏi mình. Anh ơi em không biết code liệu em có sử dụng được không? Thực ra thì nếu bạn nào theo dõi mình lâu thì cũng đã biết mình xuất phát điểm cũng không hề viết code và các bạn cũng thế, các bạn cũng không cần phải viết code, các bạn chỉ cần biết cách giao việc nghe thế thôi. Nhưng mà cái sự khác biệt nó rất quan trọng nhá. Khi mà dùng clot code ấy cái việc của các bạn là sẽ phải mô tả bằng tiếng Việt tất cả những gì các bạn muốn. Và khi đấy clock code nó sẽ tự viết code, tự tạo file, tự chỉnh sửa, tự làm hết. Mình ví dụ một số cái yêu cầu thực tế như là tạo cho tôi một trang web để giới thiệu dịch vụ của công ty với cái form đăng ký. Clot code nó cũng sẽ tự tạo hay là app này bị lỗi khi bấm nút này. Hãy sửa giúp tôi. Clock
2:17 code nó cũng sẽ tự debug rồi đổi màu cái nút này ở trên web từ màu xanh sang màu đỏ. Clock code nó cũng sẽ tự sửa rồi đọc cái file Excel này và tóm tắt toàn bộ cho tôi. Clock code nó cũng sẽ tự xử lý hết. Và để các bạn thấy đây không chỉ là lý thuyết thì một trong những cái sản phẩm mà bên mình vừa xây dựng ở File Minis AI là Doc Copilot. Hệ thống này cho phép doanh nghiệp hỏi đáp trực tiếp với toàn bộ kho tài liệu nội bộ của họ như là file PDF, file Doc, Google Drive. Hỏi đáp hoàn toàn bằng tiếng Việt bình thường nhá. Và nhận lại những câu trả lời kèm trích dẫn nguồn cụ thể chỉ trong vài giây. Không cần phải tìm kiếm thủ công, cũng không cần phải nhớ cái file nó nằm ở chỗ nào. Hay một cái ví dụ nữa là cái sản phẩm customer support Copilot. Đây là một hệ thống AI trả lời khách hàng tự động ở trên Zalo bởi vì như mình được biết thì đa phần các doanh nghiệp ở Việt Nam đang chăm sóc khách hàng trên Zalo rất là nhiều. Cái hệ thống này nó sẽ tự động trả lời khách
3:02 hàng ở trên Zalo dưới 2 giây. Trả lời 24/7 và được huấn luyện trên dữ liệu riêng của từng doanh nghiệp. Thì khách nhắn tin lúc 2:00 sáng thì vẫn có người trả lời ngay. Có thể chốt đơn mà không cần nhân viên trực. Và cả hai cái sản phẩm này nếu mà buill theo cái cách truyền thống thì sẽ cần cả một team kỹ sư và mất rất nhiều tháng. Nhưng bên mình xây dựng trong thời gian ngắn hơn rất là nhiều. Và tất nhiên clock code là một cái phần quan trọng trong đấy. Và các bạn nhớ cái này nhá. Cái điều thay đổi không phải là các bạn code giỏi hơn. Cái điều thay đổi ở đây là cái vai trò của các bạn từ người viết code trở thành người chỉ đạo để các bạn nắm được cái bức tranh toàn cảnh thì đây là những gì mà mình sẽ chỉ các bạn ở trong cái video này. Nó sẽ gồm ba phần. Phần thứ nhất là nền tảng thì mình sẽ hướng dẫn các bạn set up clot code ngay từ đầu. Cài đặt từng bước dù các bạn chưa biết gì. Hiểu terminal và các công cụ làm việc mình sẽ giải thích đơn giản nhất có thể. Nhìn có vẻ nhiều nhưng mà các bạn đừng lo. Ta sẽ
3:48 đi từng bước. Mỗi bước thì mình cũng sẽ thực hành ngay. Và chúng ta sẽ học bằng cách làm chứ không chỉ học bằng cách nghe nhá. À mà trước khi bắt đầu thì có một cái điều mình muốn nói thẳng để các bạn đỡ mất công nhá. Và để dùng được clot code thì các bạn cần đăng ký ít nhất là code pro nó khoảng 20 đô mỗi tháng. Mình biết đối với một số bạn thì 20 đô có vẻ không nhỏ nhưng mà mình sẽ cho các bạn thấy một cách khác để nhìn nhận cái vấn đề này nhá. Ở công ty của mình ấy, Clock Code nó giúp rút ngắn thời gian phát triển sản phẩm từ nhiều tuần xuống chỉ còn vài ngày. Đơn giản thôi, nếu các bạn dùng Clock code để làm được một việc mà tiết kiệm được cho các bạn 5 tiếng mỗi tuần thôi nhá. Thì cái giá trị đấy so với 20 đô là bao nhiêu? Còn đối với mình thực sự 20 đô không khiến mình phải suy nghĩ gì cả bởi clot code nó mang lại cho mình từ 5 đến 10.000 đô giá trị mỗi tháng. Tất nhiên kết quả của các bạn tùy thuộc vào cách các bạn dùng nhưng cái quan điểm của mình ở đây là nếu các bạn học đúng cách thì cái khoản đầu tư này nó sẽ là xứng
4:34 đáng. Và nói tóm lại thì để bắt đầu các bạn cần chuẩn bị một cái tài khoản Cloud Grow, một cái máy tính Windows hay là Mac cũng đều được và sẵn sàng thực hành không cần phải biết code gì trước. Rồi ở phần trước thì chúng ta đã hiểu clock code là gì và tại sao nó lại khác biệt hoàn toàn với những cái công cụ AI thông thường. Bây giờ mình sẽ hướng dẫn các bạn cài đặt clot code từng bước một. Và mình nói trước là đây là cái video mà mình làm để hướng dẫn tất cả mọi người kể cả từ con số 0. Cho nên đối với một số bạn thì các bạn sẽ thấy rất là chậm. Thì cái phần nào mà các bạn thấy chậm quá và các bạn đã biết rồi thì các bạn có thể tua qua nhé. Rồi đầu tiên các bạn mở trình duyệt các bạn vào clot.ai nhá. Ở đây nếu các bạn chưa có tài khoản thì các bạn sẽ bấm try clot hoặc là bấm continue with Google. Cái phần này rất là đơn giản thôi. Các bạn sẽ tạo một cái tài khoản cho mình. Và sau khi tạo tài khoản thì các bạn sẽ đến cái màn hình chính như thế này. Rồi cái việc đầu tiên đây là cái bắt buộc các bạn phải có cái
5:20 tài khoản Cloud Pro thì các bạn sẽ bấm vào dưới góc trái màn hình này. Các bạn sẽ bấm vào upgrade plane này. Đây như giao diện này thì tức là mình đang ở cái bản pro này nhá. Clot code nó sẽ không chạy được ở trên cái bản miễn phí đâu. Đây không phải là yêu cầu của mình nhá mà đây là yêu cầu của Antropic cái công ty mà tạo ra clot ấy. Rồi đây các bạn sẽ thấy hai lựa chọn là Pro và Max. Nhưng mà với người mới bắt đầu thì mình nghĩ cái bản Pro này là đủ rồi nhá. Ở đây nó hiển thị 17 đô mỗi tháng. Tức là khi mà mình thanh toán cả năm ấy, còn nếu mà các bạn thanh toán hàng tháng thì nó vẫn là 20 đô. Tức là tương đương với hơn 500k. Mình biết là tới lúc này sẽ có rất nhiều các bạn muốn hỏi mình là anh ơi liệu có cách nào dùng miễn phí không? Hoặc là các bạn sẽ đi tìm cách để dùng miễn phí. Những cái câu trả lời thực tế của mình là không nhá. Chả có cách nào dùng miễn phí cả. Nhất là với clot code. Nhưng hãy nghĩ như này nhá. Nếu các bạn xem xong video này và dùng được clock code nó tiết kiệm cho các bạn khoảng 5
6:06 tiếng mỗi tháng thôi. Thì với mức lương trung bình của một người đi làm ở Việt Nam ấy thì cái chi phí 20 đô đấy đã thu hồi vốn rồi nhá. Chưa kể những thứ mà các bạn có thể tự xây dựng được. Rồi các bạn sẽ bấm vào cái nút này nhá. Sau đấy các bạn sẽ nhập cái thông tin thanh toán của các bạn vào. À mình có một cái lưu ý nhỏ về giao diện nhá. Mình để ý thấy cái giao diện của clot với lại clot code nó sẽ thay đổi rất là thường xuyên. Antropic họ cập nhật liên tục. Cho nên nếu ở cái thời điểm các bạn xem cái video này, các bạn làm theo mà thấy màn hình của các bạn khác mình một chút ấy, cái điều quan trọng là các bạn biết cần tìm gì chứ không cần phải những cái màn hình y hiệt nhau. Các bạn nhớ cho mình cái logic là đăng ký, upgrade, cài đặt, người dùng. Rồi trước khi cài đặt những bước tiếp theo thì mình sẽ giải thích một khái niệm mà nhiều bạn sẽ thấy lạ lần đầu đấy chính là terminal hay còn gọi là command chrome hoặc là power cell ở trên Windows. Đây các bạn có thể nhìn ở trên màn hình nhá. Terminal trông nó
6:51 sẽ như thế này. Màn hình đen hoặc là xanh chữ màu trắng nó sẽ không có nút bấm, không có icon. Và cái lần đầu nhìn vào thì hầu hết mọi người đều nghĩ là cái này là cái gì vậy? Tôi có phải là hacker hay không? Không phải đâu. Terminal thực ra nó chỉ là một cái cách khác để ra lệnh cho máy tính. Thay vì các bạn dùng chuột để bấm vào những cái icon ấy thì các bạn sẽ gõ lệnh bằng chữ. Các bạn cứ nghĩ như này nhá. Cái cách thông thường là các bạn bấm chuột vào folder, kéo thả những cái file, bấm nút. Còn cái cách dùng terminal ấy là các bạn gõ lệnh, máy tính nó sẽ thực hiện ngay lập tức. Terminal thì nó sẽ nhanh hơn, mạnh hơn. Và khi dùng clot code thì các bạn bắt buộc phải biết cách dùng terminal. Các bạn không phải lo, mình sẽ chỉ dạy các bạn sử dụng đúng những cái thứ cần thiết. Các bạn không cần phải học hết terminal mà chỉ cần học đúng những cái thứ mà để sử dụng được cloud code. Ở trên Windows thì các bạn có ba cách để mở cái terminal. Cách thứ nhất thì các bạn có thể bấm phím Windows rồi gõ Power Sell như thế này. Đây nó hiện
7:37 ra này. Các bạn sẽ truy cập vào đây thì nó sẽ ra được cái màn hình như thế này của mình. Cái cách thứ hai ấy là các bạn có thể bấm Windows R sau các bạn gõ cmd như này. Rồi các bạn enter thì nó sẽ truy cập vào cái command line như thế này. Và cái cách thứ ba là các bạn có thể dùng Windows terminal. Thực ra nó chỉ khác với cái giao diện nó đẹp hơn một chút thôi nhưng mà các bạn sẽ cần phải cài đặt từ Microsoft Store. Cho nên cái cách ba này mình sẽ bỏ qua nhá. Và mình sẽ dùng cái Windows Power Sell cho cái video này. Đây đây là cái cửa sổ của nó hoàn toàn không hề đáng sợ cho các bạn nghĩ nhá. Rồi cái việc đầu tiên ấy chúng ta sẽ cần cài đặt cái Note JS. Đây chính là cái khối động cơ mà Clock Code cần để chạy. Các bạn có thể nghĩ Note JS như là xăng dầu ấy. Bản thân Clock Code là một chiếc xe và không có xăng thì xe sẽ không chạy được. Và ở đây mình nói thật các bạn không cần hiểu JS là cái gì cả hay cũng không cần biết nó hoạt động ra sao. Các bạn chỉ cần cài nó một lần
8:22 xong rồi quên đi luôn nhá. Ok. Để cài đặt not JS thì các bạn vào Google rồi gõ Note.js nhá. Rồi các bạn sẽ truy cập vào trang NOJSorg này. Ở cái mục lựa chọn này nhá, các bạn sẽ thấy hai cái nút. Một là LTS đó sẽ là long term support. Thì cái bản này nó sẽ ổn định hơn dùng cho production. Còn cái bản curent này ấy, tức là nó là cái bản mới nhất nhưng mà có thể nó sẽ chưa ổn định. Cho nên các bạn chọn cái bản LTS cho mình nhá. Luôn luôn chọn cái bản này nhá. Rồi sau đấy các bạn bấm download về. Các bạn nhớ bấm download cái chấm MSI nhá. Chứ không phải là chấm zip nhá. Các bạn bấm download cái này về máy này. Rồi sau đấy các bạn mở cái file. MSI này rồi cài đặt như bình thường nhá. Ở đây máy mình thì
9:08 đã cài đặt rồi cho nên mình sẽ không bấm cái bước này nữa nhá. Nhưng mà cái bước cài đặt này nó rất là đơn giản thôi. Và sau khi cài đặt thì các bạn nhớ đóng cái cửa sổ mà khi nãy các bạn đã mở rồi nhá. Cái bước này rất quan trọng. Các bạn quên thì nó sẽ không làm được đâu. Mình sẽ bấm tắt đi này. Sau đấy mình sẽ mở lại nhá. Đây mình sẽ cho to cái chữ lên cho các bạn dễ nhìn này. Rồi bây giờ chúng ta sẽ kiểm tra xem cái Node JS đã được cài đặt xong chưa thì các bạn sẽ gõ cái lệnh này vào file sale nhá. Các bạn sẽ gõ lệnh là note version. Đây khi mà máy nó trả về một cái dòng là V24.13.0 tức là nó đã thành công rồi nhá. Đây là cái phiên bản Note JS mà đã được cài đặt ở máy của mình. Còn nếu bạn nào nhìn thấy lỗi là command not file hoặc là is not reconn ấy thì rất có thể là các bạn quên chưa tắt cái file cell đấy. Các bạn tắt rồi mở lại nhá. Thường là cái lỗi này nó sẽ tự được fix khi mà các bạn mở cái terminal mới. Ok. Rồi bây giờ chúng
9:54 ta sẽ đến cái phần chính là cài đặt cái clot code. Ở đây thì các bạn chú ý là cái trang tài liệu chính thức của clot code là một cái nguồn tốt nhất để các bạn có thể tra cứu khi mà gặp bất kỳ một cái vấn đề nào đấy. Để mở thì các bạn vào code.clop.com nhá. Cạch chéo doc. Và mình nghĩ các bạn nên bookm cái trang này lại nhá. Đây sẽ là một cái cầm nan của các bạn. Ok. Và ở dưới đây chúng ta thấy này nó hướng dẫn là cái lệnh cài đặt cái clock code này nó chỉ có một dòng thôi của chúng ta đang dùng là Windows Power Sell nhá. Thì các bạn sẽ copy cái dòng này vào cho mình. Rồi chúng ta quay lại cái Power Shaell nhé. Ở đây chúng ta gõ vào cái dòng lệnh như thế này để mình giải thích cái dòng lệnh này cho các bạn nhá. NPM đây tức là Note packit manager. Đây là cái công cụ để cài thêm phần mềm. Cái install cách trừ G này. G ở đây có ý nghĩa là global tức
10:42 là chúng ta đang cài toàn cục ở trên máy. Tiếp theo cái phần phía sau này. Đây là cái tên chính xác của code nhá các bạn. Copy cái dòng này vào nhá. Lấy đưa vào đây enter và đợ. Ok rồi. Chỉ cần đợi khoảng 30 giây thôi nhưng mà nó hiện ra như thế này là đã cài đặt xong nhá. Clot code successfully install này. Rồi sau khi cài đặt thì chúng ta sẽ tắt đi và mở lại cái terminal nhá. Sau đấy thì chúng ta sẽ gõ cái lệnh này để kiểm tra. Ok chúng ta đã thấy một cái lỗi này xảy ra nhá. Đây là một lỗi khá phổ biến ở trên Windows. Tức là cái power cell này nó bị cấu hình không cho phép chạy cái script. Thì để mình hướng dẫn các bạn cách fix luôn nhá. Các bạn sẽ tắt cái power này đi và các bạn mở lại. Ở đây các bạn gõ là Windows nhá. Khi mà nó hiện ra cáiell này các bạn sẽ mở đây và các bạn sẽ run administrator nhá. Ok.
11:29 Sau khi mở ra thì các bạn sẽ chạy cái lệnh này cho mình. Rồi đến bước này các bạn sẽ gõ là I tức là yes. Ok. Và sau đấy chúng ta sẽ thử lại cái lệnh clock version nhé. Rồi các bạn có thể nhìn thấy nó đã xác nhận là clock code. Ở đây là bản 2.1.25 rồi nhá. Rồi ok. Bây giờ để chạy clot code lần đầu tiên chúng ta sẽ gõ là clot enter thì màn hình nó sẽ hiển thị ra một cái màn hình để nó sẽ hỏi chúng ta là đăng nhập lần đầu. Thì ở trên này các bạn có thể nhìn thấy là close code đang hỏi chúng ta là muốn chọn cái chế độ hiển thị như thế nào. Ở đây mình đơn giản mình cứ chọn là dark mode thôi nhá. Rồi sau đấy nó sẽ hỏi chúng ta là login bằng cái phương thức nào. Ở đây chúng ta đang dùng cái phương thức là subscription là ở bản pro đúng không? Thì chúng ta sẽ chọn ở đây nhá. Các bạn sẽ chọn xuống ở cái dòng thứ nhất nhá. Rồi và sau khi các bạn enter thì nó sẽ
12:14 mở ra một cái trình duyệt để xác thực cái tài khoản của bạn. Các bạn sẽ bấm là offeries nhá. Thì ở đây các bạn bấm xác thực nhá. Rồi khi mà màn hình nó hiện ra cái thông báo như này là đã là ok rồi đấy. Quay lại chino thì các bạn th có thể nhìn thấy cái dòng thông báo là đã kết nối thành công nhá. Rồi chúng ta sẽ bấm enter xem nó sẽ hiện ra cái gì tiếp theo nhá. Rồi ok bây giờ các bạn đang nhìn vào cái màn hình clot code lần đầu tiên nhá. Trông có vẻ lạ nha. Mình sẽ giải thích cho các bạn từng phần. Rồi góc trên bên đây là cái thông tin cơ bản này. Ở đây là cái logo của clot này. Mình cũng chả hiểu đây là cái hình gì cơ. Nhìn cái con robot ấy, phía dưới đây là Opus 4.5 là cái model đang dùng nhá. Cái đây là cái phiên bản của mình này. Còn đây là cái email mà mình dùng để đăng ký cái clot. Còn cái phần quan trọng nhất nhá, các bạn lấy cái đường dẫn này nhá. Đây chính là cái thư mục hiện tại mà clot code nó đang làm việc ở trong đấy. Các bạn lưu ý cái điều này cực kỳ quan trọng nhá. Bởi vì clot code ấy nó chỉ có thể làm việc với những cái
13:00 file ở trong cái thư mục này thôi và trong các cái thư mục con của nó nữa. Kiểu như các bạn thuê thợ vào nhà nhá. Thợ chỉ được làm việc ở trong cái phòng mà các bạn chỉ định thôi, không được tự ý mò vào các phòng khác. Tiếp theo là cái chế độ hoạt động nhá. Cái phần này này chúng ta có thể thay đổi bằng cách bấm shift t nhá. Để nó sẽ chuyển sang những cái chế độ này. Thì ở cái chế độ mà except edit ấy thì clot nó sẽ hỏi bạn xác nhận trước khi sửa thì các bạn nên dùng ở cái chế độ này khi mới bắt đầu nhá. Còn ở cái chế độ plan mode thì clot nó chỉ lập kế hoạch chứ nó không làm. Dùng để khi các bạn muốn review cái kế hoạch trước. Nếu các bạn là người mới bắt đầu thì các bạn sẽ dùng cái chế độ accept edit nhá. Tức là clot nó sẽ luôn hỏi các bạn trước khi nó làm bất kỳ cái điều gì. Rồi tiếp theo các bạn sẽ bấm cái gạch chéo này. Nó sẽ hiện ra một những cái
13:46 bảng lệnh ban đầu. Có một số cái thông tin khi mà dùng clot cupe mình muốn các bạn nắm rõ nhá. Các bạn sẽ gõ cái lệnh là gạch chéo context này này thì nó sẽ hiện ra cái context mà các bạn đã sử dụng ở đây nhá. Các bạn có thể nhìn thấy được cái token là 19k/200k này. Tức là các bạn có thể hiểu được là như là cái số từ đã dùng được trong cái cuộc hội thoại này ấy. Tức là mỗi cái cuộc hội thoại với clot code thì nó có giới hạn ở 200k token đối với cái phiên bản là clot pro này. Rồi bên cạnh là 10% tức là cái context phần trăm tức là các bạn đã dùng được bao nhiêu phần trăm bộ nhớ của clot trong cái phiên chat này và nó sẽ đi từ 0 cho đến 100%.
14:34 Và các bạn lưu ý nhá, càng gần đến 100% ấy, CLC nó càng hay quên những cái gì mà chúng ta đã nói ở cái phần đầu ấy. Và mình sẽ chỉ các bạn cái cách để xử lý cái điều này ở trong cái phần context management phía sau ấy. Bây giờ các bạn chỉ cần biết là nếu mà thấy cái con số này nó tăng cao này, cái phần trăm này nó tăng cao này thì các bạn nên bắt đầu một cái cuộc hội thoại mới thì nó sẽ ổn hơn. Rồi bây giờ chúng ta thử gửi một cái tin nhắn đầu tiên cho Clot nhá. Clot code này mình sẽ gõ tiếng Việt không dấu rồi nhá. Không biết là máy mình bị cái lỗi gì mà sẽ không gõ được tiếng Việt đây nhá. Mình không gõ dấu, mình cũng gõ sai nhá. Nhưng mà clock code nó vẫn sẽ hiểu thôi và nó sẽ phản hồi mình ở ngay trong terminal này. Thực ra nó giống y hiệt clot chat thôi. Mỗi tội cái giao diện nó khác. Rồi bây giờ mình sẽ thử một cái lệnh thực tế hơn nhá. Giúp tôi tạo một cái file text tên là hello.txt với nội dung là xin chào clot code và
15:20 mình sẽ bấm enter. Các bạn có thể thấy nhá khi mà clot code nó đang suy nghĩ nó sẽ hiện ra những cái từ rất là ngẫu nhiên. Thì đó là cái cách mà clot code nó báo hiệu nó đang xử lý. Cái điều này hoàn toàn bình thường thôi. Ok nó đã thông báo là viết xong. Mình sẽ vào mình kiểm tra xem nhá. Mình sẽ vào đúng cái đường dẫn này nhá. Rồi chúng ta có thể thấy cái file này đã xuất hiện rồi nhá. Mình mở ra này. Mở bằng not page này. Ok. Bên trong nó đã là xin chào clot code. Rồi. Và đây là cái trải nghiệm lần đầu tiên các bạn để clot code nó làm việc trực tiếp trên cái máy tính của các bạn. Cái quá trình cài đặt này thì hoàn toàn tương tự nếu mà các bạn đang dùng MAC thôi. Các bạn chỉ cần lưu ý cái dòng lệnh cài đặt ở Mac nó sẽ khác với ở Windows. Thì các bạn xem ở đây giúp mình nhá. Còn nếu các bạn vẫn gặp một cái vấn đề gì đấy thì các bạn cứ comment ở dưới cái video mình sẽ hỗ trợ nhá. Rồi và ở cái phần này thì chúng ta đã cài đặt được xong cái clot code và gửi được tin
16:06 nhắn đầu tiên ra được một cái lệnh đầu tiên để clock code nó thực hiện ngay trên cái máy tính của các bạn. Ở cái phần tiếp theo thì mình sẽ nói về IDE là một cái môi trường làm việc chuyên nghiệp hơn cái terminal và mình cũng sẽ giới thiệu VS Code và antiravity. Đây là hai cái công cụ mà phần lớn mọi người dùng để làm việc với Clock Code hàng ngày. Và các bạn nhớ nhá, nếu mà các bạn bị mắc kẹt ở cái bước nào trong cái bài này ấy thì cứ comment ở bên dưới video hoặc là các bạn có thể vào cái cộng đồng của mình nhá. Và trong đấy thì các bạn post cụ thể cái vấn đề các bạn gặp. Mình sẽ đọc hết và hỗ trợ trực tiếp nhá. Rồi ở phần trước thì các bạn đã cài xong clock code và bắt đầu gõ được một cái lệnh đầu tiên ở trong terminal. Terminal thì nó hoạt động tốt nhưng mà tuy nhiên làm việc ở trong một cái cửa sổ đen xì như thế này cả ngày thì rất là mệt mà thực sự nó lại không bao quát. Và đấy là lý do vì sao mà hầu hết mọi người đều chuyển sang sử dụng ID sau một khoảng thời gian. Ở cái phần này thì mình sẽ giải thích cho các bạn ID là gì? Giới
16:52 thiệu hai cái ID phổ biến nhất cho clot code, sau đấy sẽ hướng dẫn các bạn setup xong để sẵn sàng build một cái dự án đầu tiên ở cái phần tiếp theo. Chúng ta bắt đầu luôn nhá. Trước tiên ấy thì ID là gì? ID nó là viết tắt của integrate development envirment. Nghe thì kỹ thuật nhưng mà thực ra nó rất là đơn giản thôi. Các bạn hãy nghĩ ID nó như một cái văn phòng làm việc được trang bị đầy đủ thay vì các bạn phải chạy lòng vòng ở những cái phòng riêng lẻ. Mình sẽ mở một cái giao diện cho các bạn xem nhé. Cụ thể thì ID nó bằng ba thứ gộp lại ở trong cùng một cửa sổ. Thứ nhất là File Explorer. Cái này nó khá giống cái fer ở trên M các bạn sẽ thấy được toàn bộ cấu trúc thư mục dự án ở cột bên trái này. Và click vào file nào thì nó sẽ mở ngay cái file đấy ra. Cái phần thứ hai đấy là phần text editor. Nó giống như note hay là words nhưng mà lại dành riêng cho code. Các bạn có thể thấy và chỉnh sửa nội dung các cái file ngay ở trong cái
17:38 ID này mà không cần phải mở ứng dụng riêng. Đây ví dụ mình xóa này mình thêm này. Đấy hoàn toàn có thể thao tác ngay được trực tiếp ở trong này. Và cái phần thứ ba là cái phần AI chat. Đây là cái phần hay nhất nó khá giống như là clot hoặc là chat GBT nhưng mà lại được tích hợp thẳng vào cái môi trường làm việc. Và cái AI chat này nó có thể nhìn thấy được cái file mà các bạn đang mở và làm việc trực tiếp với cái file đấy. Vậy thì tại sao chúng ta nên dùng ID thay vì dùng terminal nhỉ? Thực ra là terminal thì nó mạnh nhưng mà không thấy được cái gì ngoài chữ cả. Mỗi lần mà muốn xem cái file gì đấy lại phải gõ một cái lệnh. Còn ID ấ thì chúng ta có thể nhìn thấy toàn bộ dự án cùng một lúc. Sau đấy AI nó làm gì các bạn có thể thấy ngay. Sửa cái file nào các bạn cũng sẽ thấy ngay. Nó sẽ trực quan hơn rất là nhiều. Thực ra với những người chuyên show ấy thì terminal nó mạnh hơn và unlock rất là nhiều tính năng. Nhưng mà với người mới
18:24 bắt đầu thì ID là cái môi trường tốt nhất để làm việc. Và cá nhân mình thì mình chọn làm việc với ID là antigravity của Google ấy. Nó là một trong hai cái ID mà cộng đồng code đang dùng nhiều nhất. Đầu tiên thì là Visual Studio Code. Cái này thì khá là quen thuộc với dân code từ xưa đến giờ. Chúng ta hay gọi tắt là VS Code. Ấ thằng này nó được phát triển bởi Microsoft. Đây là một cái ID lâu đời nhất, phổ biến nhất và có một cái cộng đồng khổng lồ. Nó có những cái lợi thế là hoàn toàn miễn phí này. Hàng nghìn extension có thể cài thêm này. Tài liệu hướng dẫn thì nhiều vô số kể. Và đây là cái lựa chọn khá an toàn cho người mới bắt đầu. Còn cái công cụ mình đang dùng là antigravity hay là còn gọi là cusal ấy thì thằng này nó được xây dựng trên cái nền tảng của VF Code hay còn gọi là cái bản F. Cho nên cái giao diện nó gần như giống y hệt nhưng mà toàn bộ cái trải nghiệm thì được thiết
19:09 kế lại từ đầu với AI là trung tâm. Giao diện của nó thì sạch hơn, hiện đại hơn, tích hợp AI rất là sâu ngay ở trong cái phần editor. Một số cái tính năng của nó thì vẫn đang ở cái giai đoạn beta nhưng mà nó đang phát triển rất là nhanh. Và đây là cái lựa chọn của những người dùng clot code chuyên nghiệp nhá. Ở cái phần này mình sẽ hướng dẫn các bạn cài và sử dụng cả hai. Nhưng mà từ cái phần tiếp theo trở đi thì chúng ta sẽ chỉ thao tác ở trên cái antigravity thôi nhá. Vì đối với mình thì đấy mới là cái nơi mà clot code nó phát huy tốt nhất. Rồi chúng ta sẽ bắt đầu với VS Code trước nhá. Vì nhiều bạn có thể đã quen với cái tên này và nó cũng sẽ là một cái nền tảng để có thể hiểu anti gravity hơn. Thì đầu tiên các bạn phải cần tải cái VS code này thì các bạn mở trình duyệt vào cái trang web là codvisualstudio.com này. Ở đây khi mà chúng ta bấm cái download này thì cái trang chủ của nó sẽ tự động nhận diện cái hệ điều hành của các bạn và đề xuất đúng cái bản để các
19:56 bạn tải về. Thì chúng ta có thể kiểm tra một chút thôi và bấm tải về. Ở đây thì ví dụ như máy của mình là Windows. Mình sẽ tải về cái bản này nhá. Ok. Và sau khi tải xong chúng ta sẽ mở cài đặt bình thường thôi. Ở đây chúng ta cứ bấm next cho đến hết thôi. Mình đã cài đặt rồi cho nên mình sẽ không làm cái phần này nữa nhá. Rồi sau khi cài đặt xong chúng ta sẽ mở cái giao diện của nó nhá. Ở đây mình chọn VST này. Rồi ở đây mình sẽ mở một cái folder ví dụ nhá. Mình sẽ mở cái folder bên trong. Mình sẽ mở cái folder agent của mình. Ok các bạn sẽ nhìn vào ba vùng chính nhá. Ở bên trái đây này là cái phần file Explorer. Đây là cái nơi các bạn thấy cấu trúc của thư mục nhá. Cái vùng ở giữa là vùng text editor thì các bạn có thể bấm vào file bất kỳ cái file nào ở cái cột trái thì nội dung nó sẽ hiện ra ở cái vùng này và chúng ta có thể đọc để chỉnh sửa trực tiếp. Còn cái cột bên
20:42 phải này là cái cột agent hay là chat ấy. Đây là cái chỗ mà các bạn nói chuyện với AI này nhưng mà mặc định thì VS Code nó sẽ không có clot code và các bạn cần phải cài đặt cái extension cho nó rồi và mình sẽ hướng dẫn các bạn cài đặt luôn nhá. Chúng ta sẽ vào cái phần bốn cái ô vuông bên trái này. Chúng ta vào đây. Ở đây thì mình sẽ chọn à gõ là clock code nhá. Rồi ở đây nó hiện ra cái bản này. Và các bạn nhớ là chọn cái bản mà nó có cái dấu tích của Andropic nhá. Đã có trường hợp mà có những người cài đặt bởi cái bản giả mạo ấy và sẽ bị lộ thông tin ở trong máy đấy thì chúng ta cố gắng chúng ta kiểm tra nhá. Mình sẽ bấm vào này. Và các bạn nhìn ở đây cho mình nhá. Các bạn nhìn cái số lượt tải này. Ở đây đã được gần 7 triệu lượt tải rồi. Tức là đây là sẽ là một cái phiên bản chính thức nhá. Thì ở đây mình đã cài đặt rồi. Còn nếu mà các bạn chưa cài đặt ở đây sẽ có cái
21:28 chữ là này thì các bạn sẽ bấm cài đặt một chút là xong thôi. Rồi và sau khi các bạn cài đặt ấy, các bạn sẽ nhìn thấy ở cái góc phải này nó có cái biểu tượng của clot đây này. Các bạn sẽ bấm vào nó nhá. Đấy thì ngay lập tức nó sẽ mở ra cái ô cửa sổ để chat với lại clot. Chúng ta sẽ đóng cái cửa sổ chat với cái agent cũ lại nhá. Rồi ở đây các bạn sẽ thấy cái ô chat nó xuất hiện này. Đây chính là cái clock code nó chạy ngay ở trong cái VS code mà chúng ta không cần phải mở cái terminal riêng nhá. Mình sẽ thử gõ này. Xin chào này. Bạn đang nhìn thấy cái file nào ở trong cái dự án này nhá. Rồi và clock code nó đã trả lời và liệt kê những cái file ở trong cái folder mà mình đang mở đây này. Đây chính là cái điểm mạnh của ID Cloud Code. Nó thấy được cái context của dự án ngay lập tức. Có một cái tính năng nữa mà các bạn cần phải viết là khi mà các bạn khi mà Clock Code nó đang làm việc ấy thì các bạn sẽ nhìn thấy một cái nút FSE ở đây này. Cái
22:14 nút hình vuông đây này. Thì các bạn có thể bấm cái nút này để dừng clot giữa chừng nhá. Cái điều này nó rất hữu ích khi mà các bạn thấy mình đang đi sai đường ấy, nó cũng sẽ giúp tiết kiệm được token khá là nhiều. Nhớ nhá, đừng bao giờ ngồi chờ clot code nó làm xong hết rồi mới xem. Các bạn phải theo dõi nó và dừng nó sớm nếu mà cần thiết. Rồi ok, bây giờ chúng ta sẽ sang với Antigravity nhá. Mình sẽ truy cập antigravity.google này. Cái ID này là do Google phát triển nhá. Cho nên là cũng khá là uy tín đấy. Đây mọi người có thể thấy giao diện đẹp không? di chuột đến đâu nó chuyển động đến đấy này. Rồi và chúng ta cũng sẽ bấm download thôi. Bấm download for Windows. Ở đây các bạn chọn đúng cái phiên bản cái PC hay hoặc là cái Mac của bạn nhá. Cái bước download và giải nén rồi cài đặt thì khá là đơn giản thôi. Mình mình đã cài rồi cho nên là mình bỏ qua cái bước này nhá. Rồi và mình sẽ mở luôn cái giao diện của Anti Gravity lên nhá. Rồi đây các bạn thấy nó giống EBS code luôn.
23:02 Đó là vì antigravity nó được xây dựng cùng trên một cái nền tảng, cùng một layout, cùng phím tắt, cùng cách mở folder luôn. Cái sự khác biệt chính ấy nó chỉ nằm ở cái cột bên phải thôi. Cái phần AI chat ấy, đây cái phần này này. Antigravity nó có cái phần cung chat này nó được thiết kế sạch hơn này, tích hợp sâu hơn này. Các bạn có thể nhìn thấy là các bạn chọn được rất nhiều phiên bản chat ở đây nhá, phiên bản model ở đây nhá. Thậm chí các bạn không cần phải cài extension riêng. AI nó đã là một phần của cái phiên bản ID này từ đầu luôn. Rồi ở đây mình cũng sẽ mở một cái folder dự án nhé. Sau đây chúng ta cũng làm tương tự như với VS Code. Chúng ta sẽ tìm cái extension của clock code nhá. Rồi và khi mở ra thì các bạn cài đặt nhá. Các bạn lưu ý cái cái cái lượt download này là khoảng gần 5 triệu này. Nhớ là chọn đúng cái phiên bản nhá. Mình
23:48 cài rồi nhá. Bạn nào chưa cài thì sẽ bấm install ở đây nhá. Rồi sau khi cài xong thì chúng ta sẽ nhấn vào cái biểu tượng này để mở cái giao diện chat với clot code. Ở đây mình sẽ đóng những cái cửa sổ không nên qua lại nhá. Thế agent cũ mình cũng đóng đi này. Rồi mình sẽ hỏi lại một cái câu giống như mình thao tác với VS Code nhá. Bạn đang nhìn thấy những cái file nào trong dự án này thì có một cái điểm đặc biệt nhá. Các bạn có thể nhìn thấy này. Ok. Và nó cũng trả lại một cái kết quả khá là tương tự với VS Code. Rồi. Vậy sau khi giới thiệu cả hai thì các bạn nên dùng ID nào? Cái lời khuyên thực tế của mình nhá. Nếu mà các bạn đã quen dùng cái VS code từ trước ấy thì cứ tiếp tục dùng nhá. Các bạn cài thêm cái extension clot code là đủ. Còn nếu mà các bạn đang bắt đầu từ đầu ấy thì hãy dùng luôn anti gravity nhá. Mình thấy giao diện nó sạch hơn, tích hợp AI tốt hơn. Và đó là cái hướng mà thị trường nó đang đi. Và như mình đã nói
24:35 thì từ cái phần tiếp theo trở đi thì mình sẽ demo toàn bộ bằng antigravity nhá. Nhưng mà tất cả các cái thao tác đấy có thể làm tương tự với VS Code. Cho nên bạn nào mà dùng VS Code thì cũng thoải mái thôi, không phải lo. Nếu mà có cái điểm gì khác biệt thì mình sẽ notốe luôn nhá. Rồi vậy xong cái phần này các bạn đã hiểu được ID là gì và mình cũng đã hướng dẫn các bạn cài đặt cả hai công cụ đấy. Ở cái phần tiếp theo chính là cái phần mà nhiều người mong chờ nhất. Chúng ta sẽ cùng nhau xây dựng một cái dự án hoàn chỉnh đầu tiên bằng clot code từ con số 0. Xây dựng một cái website thực sự chỉ trong vòng khoảng 15 đến 20 phút. Và nếu các bạn đã xem đến đây rồi mà thấy hữu ích vẫn muốn xem tiếp ấ thì ủng hộ mình bằng cách like và subscribe kênh của mình nhá. Và chắc là mình sẽ cần nghỉ một chút trước khi quay cái nội dung tiếp theo. Rồi bây giờ chúng ta sẽ sang cái phần mà mình nghĩ là nhiều bạn đang mong chờ từ đầu cái video luôn. Bây giờ mình sẽ cùng các bạn xây dựng một cái website hoàn chỉnh nhá. Từ con số 0 chỉ trong khoảng 15 đến 20 phút hoàn
25:21 toàn bằng clot code. Không phải website đơn giản kiểu học sinh làm bài tập mà là một cái website có design đẹp và có thể deploy được lên internet. Nhưng mà trước khi vào làm thì mình cần chỉ cho các bạn một cái cực kỳ quan trọng. Cái thứ mà nếu các bạn bỏ qua kết quả nó sẽ kém lên rất là nhiều đấy chính là clot.md là một cái bộ não chính của dự án. Và sau khi chỉ cho các bạn hiểu về clot.md thì chúng ta sẽ bắt đầu ngay vào để xây dựng cái website này nhá. Rồi vậy thì clot.md là gì? Đây là một cái file đặc biệt mà clot nó sẽ tự động đọc. Mỗi khi các bạn bắt đầu một dự án, bạn cần đặt cái file này ở cái thư mục gốc của dự án. Và Clot nó sẽ luôn đọc nó trước khi đọc bất kỳ cái gì mà các bạn gõ vào. Hãy nghĩ như này nhá. Mỗi khi các bạn mở clot code và chuẩn bị chat ấy, có một thứ nó sẽ xảy ra mà các bạn không nhìn thấy. Đấy là cái việc mà clot nó sẽ đọc cái file clots.md của các bạn trước như một cái bản tóm tắt của dự án được inject vào đầu mỗi cái cuộc hội thoại và chỉ sau
26:06 đấy thì nó mới bắt đầu đọc cái tin nhắn đầu tiên của các bạn. Vậy thì tại sao cái điều này nó lại quan trọng? Mình lấy một cái ví dụ rất gần với thực tế nhá. Nếu các bạn cũng đã từng xây một cái team content cho fanpage ấy thì các bạn sẽ hiểu cái cảm giác này. Bạn có hai đến ba bạn nhân viên viết bài và mỗi bạn thì sẽ viết theo một kiểu. Người thì văn dài lan man, người thì viết kiểu truyền cảm hứng nhưng mà hơi quá, người thì lại quá kỹ thuật. Và khi mà bạn đọc vào thì bạn sẽ biết ngay là nó sẽ không đúng. Cái vấn đề ở đây không phải là do các bạn ấy không biết viết mà là do bạn chưa đưa cho người ta cái bản định hướng đủ rõ ràng ngay từ đầu. Bây giờ các bạn thử tưởng tượng các bạn có một cái file như thế này nhá. Giọng văn này thì ngắn trực tiếp không sáo rỗng này. Cấu trúc là hook inside. Ví dụ kết tệp người đọc là SME, Fder hay là marketer. Những thứ cần tránh là nói quá kỹ thuật hay là nói vòng vo. Ví dụ chỉ một cái file thôi.
26:52 Các bạn đưa cho toàn bộ cái team đấy trước khi viết thì mình tin là nếu mà có 10 bài viết thì sẽ có giống đến 70 đến 80% về style và các bạn gần như không phải sửa lại được đầu nữa. Và clot code nó cũng hoạt động y như vậy. Cái clot.md ấ chính là cái file guine đấy. Chỉ khác là nó sẽ không dành cho người mà nó dành cho AI. Khi mà các bạn không có cái file clots.md đấy thì clot nó sẽ tự đoán dự án của các bạn là gì, style các bạn mong muốn như thế nào, cách các bạn tổ chức code hoặc là nội dung. Và nếu mà nó đoán sai từ đầu thì mọi thứ nó sẽ bị lệch theo. Còn nếu các bạn viết cái file clots.md rõ ràng từ đầu ấy thì các bạn luôn luôn sẽ không cần phải sửa clot nữa mà chỉ cần giao việc tiếp thôi. Nhớ nhá. Nếu mà các bạn đã từng phải sửa bài của nhân viên vì viết không đúng vai của các bạn ấy thì chắc chắn các bạn sẽ hiểu clot.Mmmd để làm gì. Nó sẽ không làm clot giỏi hơn mà nó sẽ làm clot hiểu bạn đúng ngay từ đầu. Rồi ok. Như vậy trong
27:38 cái file clots.md thì các bạn viết gì? Một cái file clots.md tốt ấy thường có là thứ nhất là tổng quan dự án này. Dự án này là gì? Làm cho ai? Mục đích gì này. Thứ hai là texto nó dùng công nghệ gì? HTML đơn giản hay là React hay là Python. Ví dụ đơn giản cho người mới là dự án này là website giới thiệu dịch vụ AI dùng HTML CSS thuần không Framework. Thứ ba là quy tắc thiết kế màu sắc chủ đạo, phông chữ style tổng thể. Ví dụ như là thiết kế tối giản màu chủ đạo đen và trắng hay là phông chữ hiện đại. Thứ tư là quy tắc bắt buộc những thứ mà clot không được làm hoặc là phải làm. Ví dụ như là luôn luôn tạo website mobile friendly, không dùng màu đỏ. Mọi cái nút bấm phải có hover effect. Hay thứ năm là good flow. Cách làm việc ở trong cái dự án này. Ví dụ như là sau mỗi thay đổi lớn thì tự chụp screenshot và so sánh
28:24 với design gốc. Và các bạn nhớ là các bạn không cần phải viết cái file clot.md hoàn hảo ngay từ đầu. Các bạn cứ bắt đầu đơn giản và bổ sung dần dần sau khi các bạn làm việc nhiều hơn. Thực ra một trong những cái cách tạo clot.md hay nhất ấy là nhờ chính clot code viết nó. Và mình sẽ demo cái điều này ngay bây giờ. Rồi bây giờ chúng ta sẽ bắt tay vào để xây dựng website luôn nhá. Mình sẽ chia cái quá trình này thành ba cái giai đoạn rõ ràng. Thứ nhất là sẽ đi tìm Inspiration Design. Thứ hai là chúng ta sẽ chuẩn bị cái file clots.md. Thứ ba là build và tinh chỉnh. Rồi bây giờ chúng ta sẽ bắt đầu với cái giai đoạn một là tìm inspiration. Ở cái bài này thì mình sẽ hướng dẫn các bạn có một cái trang tìm mẫu. Đây là cái trang got.website nhá. một cái thư viện showcase các website đẹp nhất thế giới mà mình thấy cái trang web này nó rất là hữu ích. Các bạn cứ lướt qua rồi chọn một cái design mà các bạn thích nhá. Không cần giống hệt cái thứ mà các bạn muốn xây dựng đâu. Chỉ cần một cái phong cách chung
29:10 thôi là đã phù hợp rồi. Đây ví dụ mình đang chọn ra một cái này nhá. Mình thích kiểu cái tông màu nó tối, nhìn nó kiểu dạng cũng công nghệ có những cái typography lớn. Ngoài ra mình sẽ chọn thêm một cái kiểu nó sáng sạch sẽ đây một chút nữa để chúng ta có thể so sánh được cái tương quan. Rồi bây giờ cái cách triển khai của nó thay vì cái việc chụp Rồi bây giờ thay vì chụp màn hình một cái phần nhỏ thì mình sẽ dùng một cái trick rất là hay. Chúng ta sẽ chụp ảnh toàn bộ cái website này chỉ trong một lần. Thì đây là cái cách mà để chúng ta có thể chụp được full page nhá. Chụp ảnh màn hình full page. Chúng ta nháy chuột phải nhá. Rồi chọn cái dòng cuối cùng là kiểm tra nhá. Hoặc là chúng ta có thể bấm F12 là được. Thì khi mà bật lên thì nó sẽ hiện ra một cái cửa sổ develop rồi một cái cửa sổ developer Tools nó sẽ xuất hiện ở bên phải này nhá. Ở đây chúng ta sẽ nhấn Ctrl Shift P để mở cái command 3 nhá. Trong này thì
29:55 các bạn sẽ gõ là screenshot này và các bạn sẽ chọn là capture full size screenshot nhé. Ok. Và scroll nó sẽ tự scroll từ trên xuống dưới và chụp toàn bộ cái trang của các bạn thành một cái ảnh. Cái file thì nó sẽ được lưu ngay vào trong cái thư mục download của máy tính nhá. Đây là một cái trích mà hầu hết người dùng drom đều không viết, rất là hữu ích. Đây và đây là toàn bộ cái ảnh mà chúng ta đã vừa mới chụp xong nhá. Bước tiếp theo thìể chúng ta cần nén cái ảnh này xuống vì là cái file vừa chụp ấy có thể khá là nặng đấy. Mình xem nhá. Đây đến tận 4 MB liền. nó quá lớn để gửi vào clot code. Một là clock code nó cũng sẽ không hỗ trợ mà hai là các bạn sẽ tốn rất là nhiều token. Mình sẽ dùng luôn cái công cụ pain của máy tính để né nó xuống nhá. Mình sẽ mở nó với Pa luôn nhá. Ở đây thì có cái phần resiz này các bạn sẽ res nó xuống này. Ví dụ ở đây mình sẽ theo resize theo phần trăm nhá. Mình sẽ nén nó bé đi gấp khoảng 10 lần đi. Ok. Bây giờ ảnh nó đã nhỏ lại rồi và cái dung lượng của nó bây giờ nó
30:41 sẽ còn khoảng à mình sẽ kiểm tra nhá. Nó chỉ còn có mấy chục km thôi. Đây nó nhỏ xíu lại rồi nhá. Cái ảnh sau khi chúng ta nén xuống nó có thể nó hơi mờ một chút nhưng mà không sao, clot nó vẫn sẽ hiểu được style và cái layout tổng thể. Rồi chúng ta sẽ sang cái bước thứ hai là tạo cái file clots.md. Ở đây mình sẽ mở một cái file mới với antiravity nhá. Rồi ở đây mình sẽ tạo một cái folder mới tên là website test nhá. Đây là cái nơi mà nó chứa cái dự án chúng ta đang làm. Rồi và ở đây là mình đang ở trong một cái folder mới hoàn toàn trống này. Đây là cái dự án website của chúng ta nhá. Ở đây thì như đã hướng dẫn từ đầu thì các bạn sẽ mở cái clot lên nhá. Còn đây như hướng dẫn ở phần trước thì các bạn mở cái cửa sổ giao diện của Clot Chat lên nhá. Rồi ở phía bên trái này chính là cái phần quản lý file này. Còn phía bên phải này chính là cái cửa sổ để mình chúng ta có thể giao tiếp được với clot chat nhá. Và thay vì phải tự viết cái
31:27 file clots.md ngay từ đầu ấy thì mình sẽ nhờ clot code nó viết giúp và cho nó xem một cái ảnh mà mình vừa chụp cái ảnh màn hình ấy ảnh website mà th tham chiếu ấy. Rồi để lấy được cái đường dẫn của cái ảnh ở trong máy ấy thì mình sẽ bật cái terminal lên nhá. Ở đây các bạn sẽ bấm new terminal này. Và sau đấy các bạn sẽ kéo cái ảnh ở trong cái thư mục các bạn vừa tải về vào đây nhá. Các bạn kéo vào đây. Rồi trước hết là các bạn sẽ kéo cái ảnh tham chiếu đấy vào trong cái quản lý file của cái dự án nhá. Rồi trước hết thì chúng ta sẽ đưa lại cái file ảnh đấy vào trong cái thư mục của dự án nhá. Chúng ta sẽ copy ảnh đấy vào này. Rồi ta sẽ để trong đây. Trong ô chat của clot code thì các bạn gõ nhá. Tôi muốn build một website cho file Minis AI này. Thì đây là tên công ty mình. Ở đây mình sẽ làm mẫu là mình sẽ xây dựng cái website cho công ty nhá. Đây là ảnh một website có design style mà tôi muốn theo. Ở đây thì các bạn sẽ đưa cái đường dẫn của cái
32:13 ảnh tham chiếu vào. Các bạn gõ accòng này. Thì khi mà mình gõ acc. Hiện tại project của mình đang trống cho nên nó sẽ chỉ có một cái file ảnh mà mình đưa vào thôi. Mình sẽ chọn nó. Rồi tiếp theo đấy thì hãy tạo cho tôi một file clot.md phù hợp để dùng cho dự án này. Website sẽ giới thiệu các dịch vụ AI của chúng tôi. Design thì tối giản, hiện đại, chuyên nghiệp. Rồi ở đây mình sẽ cho nó pass qua cái cái quyền đi nhá. Mình sẽ cho nó tự tự làm hết, không cần phải hỏi lại mình nữa. Rồi ok mình bấm enter và đợi clock code phản hồi nhá. Các bạn nhìn nhá. Clock code nó sẽ tạo ra một cái file clot.md. Ở đây nó đang trong quá trình suy nghĩ nhá. Rồi xem nó viết cái gì nào.
33:00 Rồi nó đã vừa tạo xong cái file clots.md này nhá. Các bạn thấy không? nó sẽ tự phân tích cái style lấy từ ảnh này và viết ra những cái quy tắc như là màu sắc này, typography này hay là layout hay là những cái workflow. Bây giờ mình sẽ thêm vào một số cái thông tin cụ thể về công ty của mình nhá. Ví dụ như tên công ty hay là chckline hay là nội dung chính. Rồi ở cái bước demo này mình đang demo cho website của công ty mình. Cho nên để cho nhanh thì mình đưa clot code cái website công ty mình luôn nhá. Tại vì ở trên website công ty mình đã có đ rất là đầy đủ thông tin rồi. Mình sẽ yêu cầu là à hãy thêm vào một số thông tin này có đầy đủ tại website rồi mình đưa cái link website của mình vào. Tiếp theo đấy thì mình sẽ yêu cầu clot code một số cái quy
33:46 tắc bắt buộc đấy là sau mỗi thay đổi lớn thì sẽ yêu cầu nó chụp screenshot và so sánh với cái design gốc. website thì sẽ phải thân thiện với lại giao diện của mobile và mọi section đều có cái animation khi mà mình scroll này mình sẽ yêu cầu cl code nó bổ sung vào nhá. Đây các bạn có thể nhìn thấy là đây nó chưa nhận diện được công ty mình nó chỉ mới biết tên thôi. Đây mọi người có thể nhìn thấy nhá nó đã đọc cái website và nó đã bổ sung những thông tin của mình này của mình vào nhá. Đấy nó sẽ nói là website mới mình đang tạo. Mình sẽ để tên là F Minist AI nhá. thương hiệu thuộc media x website giới thiệu những cái dịch vụ ai với thiết kế tối giản hiện đại này. Đấy, ở đây là nó đã đưa những cái thông tin vào rồi nhá. Ok, tới bước này thì cái file clot.md nó đã rất là sẵn sàng và đến và chúng ta sẽ
34:33 sang cái giai đoạn thứ ba là giai đoạn build cái website. Tiếp tục ở trong cái chat với cloud code này mình sẽ đưa vào một cái prom nhá là hãy build cho tôi một website hoàn chỉnh dựa theo clot.md MD và cái ảnh tham chiếu này. Ảnh này thì mình sẽ mình sẽ nhắc lại cho nó một lần nữa là chính là cái ảnh này nhá. Bắt đầu với file index.html. Sau khi tạo xong thì chụp screenshot để so sánh với ảnh gốc và tiếp tục tinh chỉnh cho đến khi design sát với cái inspiration nhất có thể. Mình sẽ bấm enter và chờ đợi tiếp. Bây giờ thì clock code nó đang làm việc nhá. Các bạn hãy để ý những cái gì nó đang xảy ra nhá. Thứ nhất là clock code nó sẽ đọc cái file clot.md trước tiên để hiểu cái context của dự án. Thứ hai là nó đang tạo cái file index.html. Nó đang viết từng đoạn code đây này. Và
35:18 nếu chúng ta bật cái ting này lên ấy thì chúng ta có thể nhìn kỹ được cái suy nghĩ nội tâm của thằng clot này nhá. Nó đang lên kế hoạch chi tiết của từng bước như thế nào. Đây các bạn có thể nhìn thấy nó đang lên từng bước đây này. Đấy các bạn có thể thấy là clock code nó tự nói với chính nó nhá. Người dùng muốn tôi xây dựng một cái website hoàn chỉnh này dựa trên cái filecloss.m này tức là nó đang tự trao đổi với chính nó. Và đây là cái lý do mà mình thấy cái antigravity này nó đang làm tốt hơn cái terminal. Chúng ta sẽ nhìn thấy được quá trình chứ không chỉ nhìn thấy kết quả. Ok, mất khoảng 5 đến 10 phút thì code nó đã trả về được kết quả nhá. Chúng ta sẽ yêu cầu nó mở thử lên ở trong trình duyệt cho mình mình xem luôn nhá. Mình sẽ yêu cầu là mở cái file index.html này trong Chrome luôn này. Đây là một cái rất hay của clot code. Mình có thể yêu cầu nó thực hiện ngay ở trên máy của mình. Khá là tiện. Đây mọi người có thể
36:05 xem nhá. Đấy, một cái giao diện web rất là ok. Tất nhiên nó còn chưa hoàn hảo nhưng mà đã có một cái structure rất là tốt. Nó vẫn có những cái lỗi như là chưa có ph tiếng Việt này. Nhưng mà mọi người có thể nhìn thấy nhá. Các bạn có thể nhìn thấy là một cái website này mà như ngày xưa chúng ta làm thì chắc là mất rất lâu, rất rất lâu và đối với những người không biết code thì chắc không thể làm được luôn ấy. Rồi chúng ta sẽ tiếp tục làm cho website này nó hoàn chỉnh hơn nữa nhá. Cái phần này là cái phần rất là quan trọng. Mình gọi nó là cái vòng lập verify. Hầu hết những cái người dùng clot code họ làm kiểu này nhá. Dao tas này, clot code làm này, giao tas tiếp này, rồi clot nó lại làm. Cái vấn đề ở đây á là nếu mà clot nó làm sai ở cái bước một ấy mà các bạn không kiểm tra thì mọi cái bước sau nó đều bị lỗi. Lỗi
36:51 nó sẽ liên tục trồng lên nhau. Cái cách đúng ở đây sẽ phải là giao task này, clot code nó làm này, rồi clock nó sẽ tự verify kết quả tinh chỉnh rồi verify lại rồi lại tiếp tục. Cái điểm then chỗ đây là các bạn phải cho clot code một cái cơ chế để nó tự kiểm tra được cái kết quả của chính nó. Các bạn cứ nghĩ về AI nữ như một cái tay thợ làm việc siêu nhanh ấy nhưng mà lại không hoàn toàn chính xác. Lần đầu nó đạt được kết quả khoảng 80% nhưng mà nếu các bạn để nó tự so sánh kết quả với cái mục tiêu và để tinh chỉnh ấy thì lần hai nó sẽ đạt 90%, lần ba 95% và lần 4 sẽ là 99%. Con người chúng ta thì lại khác, chúng ta thường sẽ đạt đến khoảng 95% ngay từ lần đầu tiên. Nhưng cái vấn đề là thời gian chúng ta sẽ mất khoảng 5 tiếng. Còn AI nó sẽ đạt được 80% chỉ trong 2 phút thôi. Rồi nó leo dần lên 99% trong tổng cộng 10 phút. Và đấy chính là cái sức
37:37 mạnh thật sự của AI. Không phải cái sự hoàn hảo ngay lần đầu là cái tốc độ interation. Rồi mình sẽ yêu cầu Clot code thực hiện cái vòng lập này nhá. Chúng ta sẽ gõ vào ô chat nhá. So sánh cái website hiện tại với cái ảnh tham chiếu. Liệt kê tất cả những cái điểm khác biệt. Sau đó thì tinh chỉnh từng điểm một. Chụp screenshot sau mỗi lần thay đổi để check tiến độ. Một lần nữa chúng ta lại bắt nó soi cái kết quả bây giờ với lại cái ảnh tham chiếu để nó tiếp tục nó tìm lỗi, tìm những cái điểm nào nó chưa khớp. Ok. Và mất khoảng 10 phút nữa để hệ thống nó tinh chỉnh. Các bạn có thể thấy nhá, nó đã liệt kê ra những cái bước nó cần làm nhá. Nào là cái hiter cần to hơn này, màu nền cần tối hơn này, hay là khoảng cách giữa các section cần rộng hơn rồi nó sẽ tự sửa từng cái. Và đây chính là cái sự khác biệt giữa người dùng clot code hiệu quả
38:22 và không hiệu quả nhá. Nó không nằm ở cái cách gõ lệnh mà nó nằm ở cái việc các bạn có để clock code nó tự verify chính nó hay không. Rồi chúng ta sẽ xem lại cái website mà nó vừa tinh chỉnh nhá. Ok, mình thấy ổn hơn khá là nhiều đấy. Và sau khi Clock code nó hoàn thành cái vòng verifi đầu tiên ấy, bây giờ là lúc mà các bạn đưa ra những cái feedback bằng ngôn ngữ tự nhiên. Giống như thể các bạn đang nói chuyện với một designer thật sự ấy. Nhìn vào cái kết quả hiện tại bây giờ thì mình thấy một số cái mình muốn chỉnh nhá. Thứ nhất là mình thấy cái logo ở góc này nó hơi bé này. Thứ hai là cái phông chữ thì cần chuyển sang tiếng Việt đúng không? Ok. Và mình sẽ gõ thẳng vào trong class chat là logo này ở góc trái đang hơi nhỏ cho to lên khoảng 20%. Ở những cái con số này các bạn cố gắng đưa ra những con số để clot nó có thể làm theo nhá. Các bạn đừng đừng nói chung chung là cho nó to lên hay là cho nó nhỏ đi. Các bạn cần đưa
39:08 cho nó một cái con số để nó biết được là nên to lên hay là nhỏ đi bao nhiêu. Ph chữ này chuyển sang tiếng Việt có dấu. Mình sẽ yêu cầu nó thêm một cái subal animation khi mà mình mình di vào các cái nút nhá. Ok. Mình sẽ cho cross code nó chỉnh tiếp. Cái điều thú vị ở đây nhá. là các bạn không cần biết CSS là gì cả, các bạn cũng không cần phải biết cách code animation, các bạn chỉ cần mô tả bằng tiếng Việt những cái gì mà các bạn muốn thay đổi. Đây các bạn có thể thấy là Clock Code đang tự nói với chính nó là sẽ update những cái việc cần làm nhá. Là logo to hơn này. Chuyển toàn bộ text sang tiếng Việt có dấu này. Thêm soll hover animation cho button nhá. Rồi tiếp tục mất khoảng 10 phút nữa thì clock code nó đã chỉnh sửa xong. Chúng ta sẽ kiểm tra lại cái website nhá. Đây mọi người có thể nhìn thấy nhá. Tất cả nó đã được chuyển sang tiếng Việt này. Cái logo của mình nó cũng đã làm to lên nhá. Đây rồi mọi người có thể chúng ta có thể di chuột qua những cái nút này sẽ
39:55 được thấy được cái chuyển động của nó rồi tức là nó đã làm đúng những cái yêu cầu mà mình mình yêu cầu rồi. Tất cả đây này các bạn nhìn thấy nhá tiếng Việt. Rồi chúng ta có thể nhìn vào cái sự khác biệt giữa cái phiên bản đầu tiên với lại cái phiên bản cuối cùng này nhá. Thực ra cũng chưa phải cuối cùng đâu. Chúng ta hoàn toàn có thể chỉnh sửa tiếp thôi nhưng mà chỉ trong vòng khoảng 15 20 phút thôi. Thực sự cái tốc độ này trước đây thì chúng ta cũng sẽ không bao giờ dám nghĩ tới luôn. Và một cái điều quan trọng mà mình muốn làm rõ cho các bạn trước khi kết thúc cái phần này nhá. Cái website mà chúng ta vừa mới xây dựng ấy nó đang chạy locally tức là chỉ các bạn nhìn thấy ở trên máy tính của các bạn thôi. Người khác thì chưa thể truy cập vào nó. Và đây là cái sự khác biệt giữa build và deploy. Buill là chúng ta tạo cái sản phẩm ở trên máy tính của chúng ta. Còn deploy là chúng ta đưa cái sản phẩm đấy lên internet để mọi người cùng có thể truy cập được. Và tất nhiên là mình sẽ chỉ các bạn cách deploy ở ở cái phần tiếp theo phần sau này nhá. Hoàn
40:40 toàn chúng ta có thể dùng những cái tool như là Netlip file hoặc là Vel. Nó cũng chỉ mất có vài phút nếu mà các bạn biết cách. Còn ở cái phần này chúng ta sẽ tập trung chính vào cái việc build. Và tới cái bước này thì chắc chắn là các bạn sẽ làm được rồi. Rồi và cùng nhìn lại những cái gì mà chúng ta đã vừa làm ở trong cái phần này nhá. Thứ nhất là chúng ta đã tạo được một cái file clot.md, một cái bộ não của dự án định hướng mọi cái việc mà clot code nó sẽ làm sau đấy. Tiếp theo là chúng ta đã build được một cái website hoàn chỉnh bằng cách mô tả design bằng ngôn ngữ tự nhiên. Thứ ba là chúng ta cũng đã biết cách dùng cái vòng lọc verify cái cách làm việc với AI hiệu quả nhất. Và cái việc mà mình muốn các bạn thử ngay ấy sau khi xem cái video này của mình nhá. Các bạn hãy mở ngay Antigravity tạo một cái folder mới viết một cái bản clot.m MD đơn giản về bất kỳ một cái dự án nào đấy mà các bạn muốn làm. Cho dù là website cá nhân, một cái trang giới thiệu công ty hay thậm chí chỉ là một cái trang landing page cho
41:26 một cái ý tưởng mà các bạn có trong đầu chỉ cần vào clot code gõ là build cho tôi một website dựa trên cái file clots.m này và xem cái điều gì xảy ra nhé. Còn ở cái phần tiếp theo thì chúng ta sẽ đi sâu vào một cái chủ đề mà 90% những người dùng clot code bỏ qua. Đấy chính là cái phần chấm clot directory. Là cái nơi mà chứa những cái tính năng nâng cao mà khi các bạn hiểu được ấy nó sẽ thay đổi hoàn toàn cái cách mà các bạn làm việc. Và xem tới đây rồi thì các bạn nhớ like và subscribe kênh của mình nếu mà bạn thấy cái video này có ích nhá. Cái điều đấy sẽ giúp mình rất là nhiều. Rồi để bắt đầu cái phần tiếp theo này mình sẽ nói với các bạn một câu mà mình muốn các bạn nhớ mãi nhá. Dưới 10% những người dùng clot code biết những cái thứ mà mình sắp chỉ các bạn ở cái phần này. Mình sẽ mở một cái dự án khác để các bạn có thể nhìn thấy trực quan nhá. Các bạn có thể nhìn thấy một cái file. CHCOT này. Ở cái phần này chúng ta sẽ đi show vào cái chc clot directory này. Đây là một cái thư mục ẩn mà clot
42:12 code nó sẽ tự động đọc. Trong này nó sẽ chứa đầy những công cụ mà có thể thay đổi hoàn toàn cách chúng ta làm việc như là ru này, memory này, agent này, skill này. Và sau cái phần này á các bạn sẽ không chỉ dùng clot code mà các bạn sẽ bắt đầu thiết kế clock code theo cách của riêng mình. Trước hết ấy chúng ta sẽ thấy lạ đúng không? Tại sao cái folder này nó lại có cái dấu chấm ở phía trước. Thì trong cái lập trình ấy nếu mà cái dấu chấm được đặt trước cái tên folder thì nó có một ý nghĩa rất là đặc biệt. Tức là cái folder đấy nó sẽ bị ẩn đi và nếu các bạn mở folder bình thường thì các bạn sẽ không thấy nó. Và đấy cũng chính là cái lý do mà phần lớn mọi người không biết nó có tồn tại. Và các developer họ thường dùng cái quy ước này để giữ những cái file cấu hình nó được gọn gàng, không bị lộn xộn với những cái file dự án thực tế. Và clock code nó dùng cái thư mục chấm clot ấy để chứa toàn bộ cái cấu hình nâng cao của các bạn. Một cái cấu trúc đầy đủ của chấm clot directory ấ nó trông như thế này
42:57 nhá. Đây là cái sơ đồ cái cây thư mục nhá. Thì bản chất trong cái thư mục này nó sẽ gồm clot.md này là cái mà chúng ta vừa học ở cái phần trước ấy là một cái bộ não của dự án này. Rồi sẽ có clot.local. local.md là cái bản private không đẩy lên github hay là setting memory r những cái quy tắc chi tiết chia nhỏ từ cái clot.md hay là cái phần agent nó sẽ chứa những cái sub agent rất là chuyên dụng. Và quan trọng nhất sẽ là cái phần skill này. Đây là các tác vụ mà có thể tái sử dụng. Nhìn vào cái này lần đầu thì chúng ta sẽ thấy rất là nhiều thứ nhưng mà đừng lo mình sẽ giải thích cho các bạn từng cái một theo thứ tự từ đơn giản đến phức tạp. Và cái điều quan trọng nhất ấy là các bạn không cần phải dùng tất cả. Ngay cả chính mình đang xây dựng rất nhiều dự án cho công ty của mình bằng clot code ấy cũng chỉ thường xuyên dùng clot.md, skill và đôi khi là agent thôi. Chúng ta học để biết còn
43:44 dùng những cái mà thực sự phù hợp mà mang lại cái giá trị cho chúng ta. Ok, trước khi đi vào từng folder thì mình cần giải thích một cái khái niệm quan trọng nhá. Closs.m thực ra nó có ba cái lớp khác nhau. Các bạn nhìn vào cái sơ đồ này nhá. Cái lớp thứ nhất là Global. Nó nằm ở cái thư mục home của máy các bạn ấy. Nếu mà ở trên PC Windows ấy thì nó sẽ nằm ở cái phần ổ C đây này. Và ở phần user này admin này nó sẽ nằm ở đây nhá. Đây là một cái file mà nó sẽ áp dụng cho mọi dự án trên máy tính của các bạn. Các bạn viết vào đây những cái quy tắc mà các bạn muốn clot nó luôn luôn tuân theo kể đang làm cái dự án gì. Ví dụ mình đưa vào trong cái file clot.md ở global của mình là luôn trả lời bằng tiếng Việt trừ khi được yêu cầu khác và không bao giờ được xóa file mà không hỏi tôi trước. Tiếp theo là cái lớp thứ hai. Per project. Đây là cái thì nó nằm ở trong cái thư mục chấm clot của từng dự án. Và đây cũng là cái file mà chúng ta đã tạo ở cái phần trước áp dụng cho từng
44:30 cái dự án cụ thể. Còn lớp thứ ba là Enterprise. Đây là dành cho những cái công ty lớn họ có cái licens Enterprise riêng của Antropic. Thực ra 99% số người dùng thì không cần quan tâm đến cái phần này. Chúng ta chỉ cần hiểu là khi clot code nó khởi động ấy thì nó sẽ đọc theo thứ tự là global trước này. Rồi đến per project. Nếu mà có mâu thuẫn ở hai cái bước này thì per project sẽ thắng. Tức là thứ tự đọc của nó sẽ là global này, per project này, enterprise này. Và cái lớp sau ấ nó có quyền ghi đè lên cái lớp trước nếu mà có mâu thuẫn. Và đây là cái cách mà những cái team lớn họ tổ chức clot code nhá. Manager thì họ sẽ viết global rule này. Ví dụ như là không bao giờ xóa production database. Khi nói chuyện với nhân viên thì phải gọi họ bằng tên. Mỗi developer thì có per project rule riêng cho cái dự án của mình. Còn thực tế những cái bạn làm việc đơn lẻ kiểu như mình làm những dự án cá nhân của mình ấy thì mình sẽ tạo một
45:16 globalclot.md với những cái preferency cá nhân. Rồi mỗi cái dự án thì mình sẽ thêm perpjectclot.Mmmd riêng. Cái cách này nó đơn giản và hiệu quả. Và mình có một cái tip nhỏ mà nhiều người bỏ qua nhá. Khi mà bắt đầu làm việc với một cái folder mới mà chưa có cái file clots.md ấy, các bạn đừng ngồi viết từ đầu nhá. Hãy chạy vào cái lệnh này nhá để mình mở một cái file mới mình minh họa cho các bạn này. Ví dụ mình sẽ mở một cái folder mới luôn nhá. Ví dụ mình sẽ mở một cái folder trống luôn nhá. Chưa có một cái gì trong đấy cả. Thì chúng ta sẽ chạy cái lệnh đầu tiên nhá là lệnh init này. Khi mà chạy cái lệnh này thì clot code nó sẽ tự động nó scan toàn bộ cái folder của mình. Đọc các file này, hiểu cấu trúc dự án rồi tự tạo một cái clot.md MD phù hợp với những cái gì nó thấy. Tất nhiên là do cái folder này của mình chưa có gì cả cho nên cái file clots.md này nó cũng sẽ không có gì. Còn nếu mà cái folder của các bạn chứa một số cái văn bản hay là
46:02 hình ảnh nào đấy hay là những cái file gì đấy, Clot nó sẽ tự động nó đọc tất cả những cái file đấy và nó viết cho các bạn một cái file clot. Phù hợp với những cái gì mà nó thấy. Sau khi cái file được tạo xong các bạn có thể đọc và chỉnh sửa những cái gì mà các bạn muốn. Nhưng mà cái nền tảng nó đã có sẵn rồi cho nên cái việc các bạn chỉnh sửa cũng sẽ rất là dễ. Chỉ cần một cái lệnh nữa thôi là các bạn đã giải quyết được đến 90% vấn đề rồi. Rồi bây giờ nhá, cái thứ đầu tiên trong cái chấm clot directory ấy mà các bạn nên dùng ngay chính là cái thư mục RU này. Chính là cái thư mục RU này nhá. Cái vấn đề với cái file clots.md đơn lẻ là khi mà dự án lớn dần lên ấy thì cái clots.md của các bạn sẽ phình to ra. Mình đã thấy những cái file clots.md cả nghìn dòng rất là khó đọc, khó chỉnh sửa và thực ra nó còn làm clot nó kém hiệu quả hơn bởi vì nó phải đọc nhiều thứ mà quá là không liên quan. Cái RU folder này nó cho phép các bạn chia nhỏ clots.md thành nhiều những cái file nhỏ.
46:47 Mỗi file nó sẽ phụ trách một cái chủ đề khác nhau. Ví dụ thay vì một cái file clock.md dài 500 dòng thì chúng ta có thể chia nhỏ ra thành những cái mục như là wordflow, design hay là tex default. Thì cái wordflow này nó sẽ là cái quy trình làm việc như là verify trước khi commit này. Rồi cái design. này nó sẽ yêu cầu là những cái những cái rule là như màu sắc phông chữ hay là spacing. Còn cái text default này thì nó sẽ là dùng HTML thuần không dùng framework riêng nặng. Mình sẽ demo cái cách tạo cấu trúc folder này ở trong antigravity cho các bạn xem luôn nhá. Và đương nhiên rồi cái cách mà mình tạo nhanh nhất chính là nhờ clock code nó làm luôn. Chúng ta sẽ quay lại với cái folder dự án làm website mà chúng ta đang làm dở nhá. Ở đây mình sẽ yêu cầu clot code luôn này. Mình sẽ yêu cầu là hãy đọc clot.md MD hiện tại của tôi và tách nó
47:33 ra thành những cái file row riêng trong thư mục chcot.géru. Mỗi file thì nên có một chủ đề rõ ràng dùng clot code rue specification để làm chuẩn. Các bạn thấy nhá, clot nó đã đọc cái file clot. Này phân tích cấu trúc rồi nó sẽ tự tạo cáiflow.md, design md hay là text default. Rồi các bạn có thể thấy nhá, clot code nó sẽ đọc cái clot.md cũ, phân tích cấu trúc rồi sẽ tạo những cái file nhỏ ở trong cái phần rule này nhá. như là coding convention này hay design system này hay là mandatory này, project này, size structure. Mỗi cái file này cấu trúc nó rất là gọn gàng và có từng cái chủ đề rất là rõ ràng nhá. Một cái tip rất thực tế khi mà viết cái rule này nhá các bạn nhá. Các bạn hiểu nhá, clot nó giống như con người ấy, luôn có xu hướng nhớ tốt
48:19 nhất những gì xảy ra ở đầu hay là cuối của một cái văn bản. Cái phần ở giữa thì thường bị chúng ta bỏ qua. Trong cái tâm lý học thì nó gọi là cái hiện tượng là primy bias. Nhớ cái thứ đầu tiên và recency bias là nhớ cái thứ cuối cùng. Thực tế thì chúng ta hãy đặt những cái rule quan trọng nhất ở đầu file như là không bao giờ xóa cái file mà không hỏi trước. Nó luôn phải là cái dòng đầu tiên chứ không phải là cái dòng thứ 50. Giữ mỗi cái rule file ngắn gọn thôi. Tối đa 200 đến 500 dòng. Hãy dùng bullet point ngắn chứ không dùng cái văn dài nhá. Các bạn nhớ một cái điều cực kỳ quan trọng này. Nếu mà clot nó làm sai cùng một lỗi hơn hai lần ấy thì ngay lập tức chúng ta hãy thêm cái ru vào để fix cái lỗi đấy vĩnh viễn. Cái điều này nó giúp chúng ta không cần phải nhắc đi nhắc lại nhiều lần nữa. Rồi mình sẽ tóm tắt lại những cái gì mà nên làm mà không nên làm nhá. Nên làm là chúng ta nên chạy cái lệnh init trước bất cứ khi nào mà chúng ta làm việc với một cái folder mới. Dùng
49:06 bullet point và hitting ngắn viết theo kiểu mật độ thông tin cao hay là đặt những cái g ra ril quan trọng nhất lên đầu cái file. Commit cái file clot.mdg gốc vào git. Đây là cái file cấu hình quan trọng conversion control như là code thực sự. Định nghĩa review và tỉa bớt dần dần. Clos. tài liệu sống không phải viết một lần rồi quên chúng ta sẽ liên tục cập nhật nó còn những cái điều không nên làm là chúng ta ném nguyên một cái sty là API doc vào rất là dài, clot đọc không hiệu quả hay là dùng những cái file include lớn khi mà chưa thực sự cần thiết vì là cái những cái include này nó cực kỳ tốn token hay là viết rồ kiểu hãy viết code tốt ru nó phải cụ thể và đo lường được hay là cái việc mà để một cái file dài hơn 500 dòng mà không tách ra và các bạn lưu ý nhá nếu các bạn nhớ được tất cả những cái điểm này thì cái file clot.md MD của các bạn đã ở top 10% so với đa số những người dùng clot code
49:51 rồi. Ok, cái file tiếp theo mà mình muốn nói đến là memory.m. Đây là cái bộ nhớ cá nhân của clot. Và ở mọi cái phiên làm việc mới á, nó sẽ đọc cái file này trước và nhớ lại những gì mà các bạn đã chia sẻ. Mình ví dụ luôn nhá. Mình sẽ yêu cầu clot code là à hãy nhớ tên con gái của tôi là Suka. Rồi mình thử mở một cái phiên chat mới nhá. Mình sẽ hỏi lại là con gái tôi tên là gì nhá. chắc chắn là nó sẽ nhớ vì nó đã có một cái file memory ở trong này rồi. Đây nó sẽ trả lời là con gái bạn tên là Suka. Rồi thì cái ứng dụng cái file memory này cho cái việc gì? Những thứ mà chúng ta nên lưu vào cái memory ấy là tên và thông tin các cái thành viên team này, những cái preferency cá nhân của mình này, thông tin dự án thường hay được nhắc tới này hay là các cái quyết định kỹ thuật quan trọng. Những cái thứ tuyệt đối các bạn không nên lưu vào memory nhá. Thứ nhất
50:37 là API key hoặc là mật khẩu. Đừng bao giờ các bạn để cái thông tin nhạy cảm ở trong cái mục này nhá. hay là cái nội dung quá dài, cái file memory này nên
…
