HocWeb.VN
  • Frontend
  • Backend
  • Tools
Thẻ
AI Tool (1) chatGPT (1) cheat sheets (1) framework (1) node.js (2) postgresql (1) react js (1) ubuntu (1) vps (1)
Vũ Đức Phương

Fullstack Developer

Likes
Subscribers
HocWeb.vn
  • Frontend
  • Backend
  • Tools
  • Tools

Top 9 cộng cụ AI – chatGPT hữu ích cho việc phát triển web

  • 16/01/2024
  • Vũ Đức Phương
Total
0
Shares
0
0
0
0
Mục lục Hide
  1. 1. Coding Assistant
    1. Tương tự:
  2. 2. App Icon Creator
  3. 3. Image To Code
  4. 4. Angular GPT — Project Builder
    1. ChatGPT – Angular GPT – Project Builder
  5. 5. Node.js GPT — Project Builder
  6. 6. Database assistants
  7. 7. Code to Diagram
    1. ChatGPT – Code to Diagram
  8. 8. Logo Maker GPT
  9. 9. DesignerGPT

1. Coding Assistant

Coding Assistant là 1 custom GPT được tạo bởi ChatGPT dành riêng cho dev. Nó giúp bạn phát hiện và khắc phục các vấn đề về code nhanh chóng. Cho dù đó là TypeScript hay một thuật toán phức tạp, AI này sẽ đào sâu vào mã của bạn, tìm ra lỗi sai ở đâu và hướng dẫn bạn cách khắc phục. Ngoài ra, bạn còn nhận được các mẹo viết code sạch hơn, hiệu quả hơn.

Tương tự:

  • Grimoire — Coding Wizard🧙‍♂️
  • SeniorDev — JavaScript & Web Dev Expert. Framework Agnostic. Career Coach.

2. App Icon Creator

App Icon Creator là một công cụ tuyệt vời dành cho những người tạo trang web và ứng dụng. Bạn muốn tạo một ứng dụng mới nhưng không có kỹ năng thiết kế đồ họa? Với sự trợ giúp của GPT này, bạn có thể tạo một biểu tượng đẹp chỉ bằng một hoặc hai câu mô tả. Ví dụ: mô tả nội dung ứng dụng của bạn, đề cập đến tên của nó. Kiểm tra các tùy chọn được tạo khác nhau, thử các kiểu khác nhau, chỉ định màu sắc, mức độ chi tiết và độ phức tạp của biểu tượng.

3. Image To Code

GPT này được thiết kế giúp tạo ra source code trang web dựa trên bản thiết kế giao diện hoặc từ 1 bức ảnh. Nó sẽ yêu cầu chúng ta chỉ định CSS và framework nào được sử dụng.

Signup tại đây : https://chat.openai.com/g/g-4Sves4vvr-image-to-code-gpt

Demo: — StackBlitz

4. Angular GPT — Project Builder

Tôi muốn tạo một ứng dụng HackerNews, ứng dụng này sẽ hiển thị các bài đăng phổ biến kèm theo ngày tháng, điểm số và liên kết. Là một tính năng bổ sung, tôi đã yêu cầu thêm tính năng phân trang. GPT tuân theo từng bước và theo tôi, đó là cách tiếp cận đúng đắn. Đầu tiên, bạn mô tả những gì bạn muốn, sau đó đặt các câu hỏi làm rõ, sau đó là cấu trúc ứng dụng, mã giả và chỉ sau tất cả những điều đó, nếu bạn hài lòng thì quá trình tạo mã từng bước mới bắt đầu.

Tôi đã tạo được ứng dụng nhỏ này chỉ trong vài phút. Bản thân quá trình này mất ít thời gian hơn so với việc chèn mã vào dự án StackBlitz và thực hiện các điều chỉnh nhỏ (ví dụ: RxJ, API độc lập). Nhưng nhìn chung, GPT xử lý nhiệm vụ khá tốt.

ChatGPT – Angular GPT – Project Builder

Tương tự:

  • React GPT Builder
  • Vue.js GPT Builder

5. Node.js GPT — Project Builder

Node.js GPT sử dụng nguyên tắc hỏi từng bước và tạo mã từng bước với khả năng sửa chữa sau mỗi câu trả lời.

Tôi đã yêu cầu tạo phần phụ trợ cho ứng dụng đã được tạo trước đó. Mô tả mô hình dữ liệu và chức năng cần thiết với tính năng lưu trữ dữ liệu trong MongoDB, GPT bắt đầu tạo các mô hình, lược đồ dữ liệu và chính các điểm cuối.

6. Database assistants

Phần này sẽ giới thiệu ba custom GPT để làm việc với các loại cơ sở dữ liệu. Tất cả chúng sẽ giúp bạn trả lời các câu hỏi chuyên ngành liên quan đến SQL, NoSQL, cũng như dữ liệu ngữ nghĩa – RDF, OWL. Ngoài ra, có thể giúp bạn tạo truy vấn để truy xuất dữ liệu, cho dù đó là các tập hợp phức tạp cho truy vấn MongoDB, SQL hay SPARQL cho cơ sở dữ liệu đồ thị.

  • SQL Expert
  • Mongo Query Master
  • Semantic Web Senior

7. Code to Diagram

Nếu bạn chưa từng nghe nói đến thư viện có tên Mermaid.js, hãy nhớ thử qua. Thư viện này được thiết kế để tạo sơ đồ và biểu đồ bằng cách sử dụng mô tả văn bản. Điều này cho phép người dùng dễ dàng tạo các sơ đồ phức tạp, chẳng hạn như lưu đồ, sơ đồ trình tự, sơ đồ lớp và sơ đồ trạng thái, sử dụng cú pháp đơn giản và trực quan tương tự như Markdown. GPT này cho phép bạn tạo các sơ đồ như vậy dựa trên mã được cung cấp.

Ví dụ: tôi yêu cầu tạo sơ đồ lớp bằng cách cung cấp mã do một AI khác tạo ra (Angular GPT). Đây là những gì tôi nhận được:

ChatGPT – Code to Diagram

8. Logo Maker GPT

Logo Maker GPT sử dụng chế độ tương tác từng bước với các câu hỏi hướng dẫn. Trong lời nhắc đầu tiên, tôi chỉ định mục đích muốn tạo biểu tượng, sau đó AI sẽ bắt đầu hỏi bạn về kiểu dáng và màu sắc phù hợp, cách sử dụng văn bản trong biểu tượng, v.v.

9. DesignerGPT

DesignerGPT được tạo để nhanh chóng tạo và triển khai các trang web có bố cục đơn giản. Nó không chỉ xuất HTML/CSS, mà còn tạo một liên kết có kết quả trên Replit. Kết quả đầu tiên được tạo ngay sau lời nhắc ban đầu với mô tả về trang web bạn cần. Nó thực sự dễ sử dụng và giúp việc tạo một trang web trở nên đơn giản và nhanh chóng.

Total
0
Shares
Share 0
Tweet 0
Pin it 0
Share 0
Cùng chủ đề
  • AI Tool
  • chatGPT
Vũ Đức Phương

Chia sẻ kiến thức lập trình web và NodeJs.

Previous Article
  • Backend

Hướng dẫn deploy Node.js lên VPS

  • 15/01/2024
  • Vũ Đức Phương
View Post
Có thể bạn sẽ thích
View Post
  • Database
  • Tools

Top 5 công cụ quản lý PosgreSQL tốt nhất 2024

  • Vũ Đức Phương
  • 20/11/2019

Bài mới

  • Top 9 cộng cụ AI – chatGPT hữu ích cho việc phát triển web
  • Hướng dẫn deploy Node.js lên VPS
  • Vài thủ thuật hữu ích khi làm việc với React JS
  • Top 4 Node.js Frameworks để xây dựng ứng dụng web 2024
  • Top 5 công cụ quản lý PosgreSQL tốt nhất 2024

Comments

Không có bình luận nào để hiển thị.
Bài viết nổi bật
  • 1
    Top 9 cộng cụ AI – chatGPT hữu ích cho việc phát triển web
    • 16/01/2024
  • 2
    Hướng dẫn deploy Node.js lên VPS
    • 15/01/2024
  • 3
    Vài thủ thuật hữu ích khi làm việc với React JS
    • 15/01/2024
  • 4
    Top 4 Node.js Frameworks để xây dựng ứng dụng web 2024
    • 11/01/2024
  • 5
    Top 5 công cụ quản lý PosgreSQL tốt nhất 2024
    • 20/11/2019
Thẻ
AI Tool chatGPT cheat sheets framework node.js postgresql react js ubuntu vps
Chủ đề
  • Backend (2)
  • Database (1)
  • Frontend (1)
  • Tools (2)
Tác giả
Vũ Đức Phương
Chia sẻ kiến thức lập trình web và NodeJs.

Đăng ký nhận tin mới nhất qua email

hocweb.vn
  • Frontend
  • Backend
  • Tools
Chia sẻ kiến thức, kinh nghiệm, tài nguyên học lập trình web.

Input your search keywords and press Enter.