Cursor AI - Code siêu nhanh siêu nhàn với sự trợ giúp của AI Text Editor
Summary
TLDRIn this video, the creator discusses their recent experience with a powerful AI coding tool that significantly streamlines their development process. Initially, they were concerned about losing their job to AI but have come to embrace it as a valuable tool. The video showcases how the tool can write, review, and fix code, as well as add new features to an application with minimal manual coding. The creator also shares their upcoming AI course, aimed at teaching developers how to leverage AI to enhance their coding capabilities without needing extensive machine learning knowledge.
Takeaways
- 😀 The speaker reintroduces themselves after a long absence due to forgetting their password.
- 👶 They have been busy with a new baby and focusing on an AI-related project, limiting their time for vlogging.
- 🛠️ They discuss a new AI tool that is similar to VS Code but with more integrated AI capabilities to assist in coding more efficiently.
- 🎥 The speaker provides a demo of the AI tool, showcasing its ability to write and correct code, including suggesting and implementing code changes.
- 💡 The AI tool is capable of understanding and predicting coding patterns, automating repetitive tasks, and even generating code from images.
- 🔗 The tool is not entirely free; it has a free tier but requires payment for certain advanced features.
- 💻 The speaker guides through the installation process, including importing settings and extensions from VS Code.
- 🔧 They demonstrate how to use the AI tool to enhance an existing project by adding new features with minimal coding.
- 📈 The speaker emphasizes the importance of understanding the business requirements and customer needs, suggesting that AI will not replace the need for human understanding in coding.
- 📚 They announce an upcoming AI course and invite interested viewers to sign up, promising to cover AI basics and practical applications for developers.
Q & A
What was the main reason the speaker couldn't make vlogs for a while?
-The speaker couldn't make vlogs for a while because they forgot their password and only recently regained access to their vlog account.
What is the speaker's current project involving AI?
-The speaker is working on a project that involves AI to assist in writing code more quickly and effectively.
What is the tool that the speaker finds very useful for coding?
-The tool the speaker finds very useful for coding is an AI code editor, which is a version of Visual Studio Code (VS Code) with additional AI features.
How does the AI code editor help with coding efficiency?
-The AI code editor helps with coding efficiency by providing features like auto-completion of multiple lines of code, predicting the user's next steps in coding, and offering suggestions for improvements.
What is the AI tool's approach to handling code suggestions and edits?
-The AI tool offers code suggestions and edits, and users can accept or reject these suggestions, allowing for a collaborative approach to code improvement.
How does the AI tool assist with understanding and modifying existing codebases?
-The AI tool can read the entire codebase and answer questions about it, helping users understand and make necessary changes to the code.
What is the AI tool's capability with image recognition and code generation?
-The AI tool can convert images into code, allowing for the creation of test cases or code directly from visual inputs.
What are some of the key shortcuts the speaker uses with the AI tool?
-The speaker uses key shortcuts like Ctrl K for asking the AI to write or modify code, and Ctrl L for querying the codebase.
What is the AI tool's approach to handling multiple files and codebase changes?
-The AI tool can handle changes across multiple files and can create new files as needed, streamlining the process of code development and maintenance.
How does the AI tool assist in deploying applications?
-The AI tool can provide guidance on deploying applications to the web by searching the web for relevant information and integrating it into the codebase.
What is the speaker's perspective on the future role of developers with the advent of AI in coding?
-The speaker believes that the role of developers will shift from writing code to reviewing and understanding it, with a focus on comprehending business requirements and customer needs.
Outlines
😀 Introduction to AI Coding Tool
The speaker, Tôi Đi Code dạo, returns to vlogging after a hiatus due to forgetting his password. He discusses his recent engagement with a new AI coding tool that has significantly reduced his workload by automating 80% of his tasks. The tool, similar to Visual Studio Code, is presented as highly efficient and useful for coding, with the speaker planning to demonstrate its capabilities and practical applications in a project that runs actual code.
🛠️ Exploring Advanced Features of the AI Coding Tool
The speaker delves into the advanced features of the AI coding tool, showcasing its ability to complete multiple lines of code, suggest edits, and understand the context of code for智能化 code suggestions. He demonstrates the tool's capacity to answer questions about the codebase and its integration with image recognition to generate code from images. The speaker also guides through the installation process, emphasizing the tool's free tier and paid features, and concludes with a live demo of enhancing an existing project using the AI tool to add new functionalities without manual coding.
📸 Building an Image Gallery Feature with AI Assistance
The speaker uses the AI tool to develop an image gallery feature for an application. He explains how the tool helps in coding by providing suggestions and automatically fixing errors across multiple files. The process includes saving images to a database, creating a gallery page, and adding functionalities like image size selection and language translation options. The speaker highlights the AI's ability to understand and implement complex coding tasks, such as handling promises and server-side components, to streamline the development process.
🎓 Final Thoughts on AI in Coding and Upcoming Course
In the concluding paragraph, the speaker reflects on the impact of AI on coding, emphasizing that it should be viewed as a tool to enhance productivity rather than a threat to programmers' jobs. He encourages developers to focus on understanding business requirements and customer needs, suggesting that the role of a programmer will evolve towards code review and comprehension. The speaker also announces an upcoming course on AI for developers, promising practical projects and insights into integrating AI into applications, and provides a link for registration, indicating a significant number of participants have already signed up.
👋 Farewell and Future Vlog Plans
The speaker bids farewell to the audience, expressing his eagerness to return to vlogging once his upcoming course is launched. He assures his viewers that he will have more time to create content for them and hints at a possible vlog in the future, inviting them to look forward to it.
Mindmap
Keywords
💡Vlog
💡AI
💡Code Editor
💡VS Code
💡IntelliSense
💡Code Completion
💡Extension
💡Machine Learning
💡IDE
💡GitHub
💡API
Highlights
Introduction to a new AI coding tool that enhances efficiency and speed in writing code.
The AI tool is described as being similar to VS Code but with more integrated AI functionalities.
It is mentioned that the AI has already completed 80% of the speaker's work, highlighting its productivity.
Demonstration of the AI's code completion abilities, surpassing traditional autocomplete features.
Explanation of the AI's predictive coding suggestions, which can add entire blocks of code based on user behavior.
Showcasing the AI's ability to understand and fix code based on user queries and commands.
The AI can read and analyze entire codebases to answer specific questions about the code.
Live demonstration of integrating the AI tool into a real project, showcasing its practical application.
Description of how the AI can understand and convert images into test cases or code.
Tutorial on installing the AI tool, including importing extensions from VS Code.
The AI's capability to understand and implement user requests for new features in an application.
Live coding session where the AI assists in adding new functionalities to an image generation app.
Discussion on the AI's ability to handle multiple files and its impact on coding efficiency.
Introduction of a new feature that allows the AI to create and manage a gallery of generated images.
Explanation of how the AI can read and interpret images, and the potential for further development in this area.
Final thoughts on the future of coding with AI, emphasizing the importance of understanding business needs over mere code writing.
Encouragement for developers to embrace AI as a tool to enhance their work rather than fearing job displacement.
Announcement of an upcoming course on AI for developers, focusing on practical applications and integration.
Transcripts
Hello các bạn mình là Tôi Đi Code dạo, đã lâu không gặp mọi người ha. Thì do máy này mình quên mật
khẩu nên giờ mình mới nhấm mật khẩu mà vô mình đă Vlog được à giỡn thôi Tại vì
gần đây á là mình có em bé với lại là mình đang quay một cái học về ai không
có thời gian hơn để làm vlog thì sau khi quay học xong mình sẽ có thể làm vlog
nhiều hơn ha Thì hôm nay á Mình làm về chủ đề gì gần đây mình nghịch một cái
tool khá là hay nó giống như như vs code vậy á Nhưng mà nó có tử dụng ai tới tận
răng luôn giúp cho các bạn viết code nhanh hơn hiệu quả hơn và từ hộ dùng á
thì mình thấy là 80 công việc của mình ai nó đã làm giùm mình rồi còn mình đ
phải về nhau còn lại thôi Nó là tool gì dùng như thế nào cài đặt như thế nào và
là sẽ tận dụng sức mạnh của nó thì mình sẽ đi từ demo cho thấy những cái sức
mạnh của nó a trong cái vị pi code cho tới tận dụng nó thực tế và cái dự án của
mình chạy code thật luôn ha Ok mình cũng bắt đầu thôi nè Thì cái thằng cer này á
là một cái ai code Editor nó không phải IDE code Editor Tức là cái để viết code
tỉnh sữa code thôi Nó là một cái bản for của visz code á Tức là nó dùng chung sột
Nhưng nó có thêm một số tính năng khác tích hợp rất là nhiều tính năng ai và
với giú cái Việ b c nhanh hơn hiệu quả hơn ha nó tiện hơn cả thằng k thup co
pilot mình vừa demo hôm trước luôn thì các bạn có thể coi demo thử 1 phút của
nó này các bạn phải cursor.com ha coi thử demo 1 phút của nó này ha Thì nó làm
cái gì thì chỗ này á Các bạn thấy thường co pilet nó sẽ gợi ý là mình hoàn thành
hết một dòng đúng không Nhưng thằng này á nó sẽ g là hoàn thành hết rất là nhiều
dòng khác nhau luôn và nó không chỉ gửi Ý complete dòng mà thằng n gửi ý cái
edit nó đoán là bạn sẽ làm những cái code này và nó sẽ tự thêm vào luôn rất
là xịn hoặc sau khi bạn xóa cái này nè thì nó thấy là mình sửa cái này thì nó
dữ là mình sẽ sửa hết những thằng này Thành rgs nè đó rất là xịn ha cái thứ
hai là chứ Này edit code tức là khi mà Có code thì bạn có thể bấm Ctrl K Nè kêu
nó thêm một cái gì đó nó sẽ tự thêm code cho bạn thì cái thằng này vs code B cũng
có ha các bạn có thể accept và các bạn có thể kêu nó là bổ sung thêm sửa chữa
Nhữ cần thiết luôn ha một cái tính năng khác đó là các bạn có thể hỏi tàn bộ s
code trên bên này nè bạn ctr ch l á các bạn hỏi nó nó sẽ đọc toàn bộ những cái
file trong cái S code của bạn thì nó sẽ trả lời câu hỏi nè khi bấm vào thì nó sẽ
có link và khi có thay đổi gì á nó sẽ yêu cầu mình là sửa chỗ nào để mình gắn
vô luôn rồi tí mình demo cho các bạn coi một cái nữa là nó có thể nhận hình ảnh
được Tức là từ hình ảnh á nó sẽ chỉ thành test hoặc là chỉ thành code đ Được
luôn Hoặc chỗ này nè Nó gửi ý những cái cần sửa mình có thể bấm apply là nó sửa
thẳng vô luôn thay vì là cái các bạn coi code bên vs code là các bạn phải tự viết
vô Tự tìm chỗ cái này B apply là nó tự nó bỏ thẳng vô code luôn thì demo ser
thôi tím là thực tế cho các bạn coi nha thì giờ tụi mình tải nè download for
free ha Thì thằng này á Thật ra nó không free nha Cái bảng Góc của nó thì free á
Nhưng mà có một số chức năng các bạn phải trả tiền n mới chạy được thì sau
khi tải về thì các bạn bấm cái này để các bạn install ha Chờ chút để nó
Download Rồi nó tải về thôi Thì lần đầu á nó sẽ hiện ra K là có dùng những cái C
từ vs code hay là vim nà được bạn nào quen xài vim thì cứ xài vim set friend
thì cứ xài Mình dùng vs code nè Rồi mình dấn cái này nè Để cho nó lưu toàn bộ
những cái eding Tức là những cái trong sụ code Á là nó sẽ lưu data để t Nó
search cho dễ bấm install curer luôn Các bạn bấm continue nè chời chút ha Thì nó
có có mút import mấy cái extension từ v code Không bạn nào chưa mà cài V code
thì các bạn coi ở trên này hướng dẫn cài Còn không thì các bạn cứ chạy từ đầu luô
cũng được thì mình bấm V extension này Chờ nó chút nó sẽ tìm extension và nó
cài thôi Nó kê là nếu mà bạn cài K thức c pilet á thì nó sẽ override C stab nên
mình kê là mình cứ dùng default này mình khỏi cần dùng C pilet cái cơ sá để xị
định hơn rồi cái này nếu bạn không muốn lưu thông tin thì các bạn cứ bấm Private
nè giờ mình sẽ phải sai up V login nha các bạn phải có account thì các bạn mới
gọi EPI được để cho đỡ tốn server của họ thì mình có account thì mình cứ bấn
login bằng Google thôi ha sau khi login xong á thì nó kêu là bạn có thể quay lại
curer rồi nè thì các bạn chỉ việc quay lại là được các bạn bạn thấy ở dưới đã
có cơ sở Tab rồi nè Ha thì mình sẽ bắt đầu giới thiệu dự án của mình luôn Giả
sử các bạn chưa biết gì về dự án đi thì các bạn vào dự án mới chẳng hạn thì các
bạn vẫn có thể bấm nút đầu tiên là Ctrl L để các bạn hỏi ha Thì mình sẽ hỏi nó
là mình sẽ hỏi nó một câu mà cái tên sin để cho nó lấy nó lưu code vào đây th giờ
nó sẽ đọc hết toàn bộ s code để nó trả lời mình hỏi nó và giải thích cho đây là
dự án gì chạy như thế nào flow chương trình là gì Ha nó đây là một cái ch
trình sgs để tạo ảnh CH trình sgs này hàm chính là trong hàm image generator
để tạo ảnh á thì dùng servite Action nè Có thể dùng là nbm r dep sau đó là chạy
thì cái flow chương trình là gì sao khi là vào trang này nè Nó hiển thị cái
image generate khi người dùng bấm vào thì nó sẽ chạy cái C image server Action
này sau đó thì nó sẽ r Limit Tức là nó Dạ hạn chế từ một IP người ta spam quá
nhiều dịch rom của người dùng và sau đó là nó sẽ tạo một cái service để nó tạo
ảnh và nó chả kết quả về tiếp theo là nó sẽ kê là đây là những epq mình sẽ bỏ ở
đây ok thì nó cũng khả Đúng rồi Nãy giờ mình chưa có làm V con này nó đã đọc
code nó giải thích cho mình luôn rồi mình thử chạy này nó kêu B có thể chạy
cái thằng này để chạy chỉ bấm một trong bốn lệnh thôi ha Tại nó o nhiều quá giờ
mình bấm npm r dep nè xong rồi truy cập vào 3000 thì chờ chút thì đâ Cái app rất
là đơn giản đ một cái app tạo ảnh ha muốn tạ gì gõi vào đây thì mình sẽ dịch
cái prom này qu tiếng Anh để cho nó tạo ảnh giả sử nó nhịch l Ok giờ mình tạo
cái này đi giờ mình chờ nó tạo ảnh coi sao ha rồi thì đó nó là tạo ảnh được con
chó màu đen cộng heo màu trắng rồi đó bạn nhìn nó hơi ngáo một chút giờ đổi
thành con mèo thử coi sao con chó màu đen này cộng con mèo nè con mèo ch bắt
đầu con chó rồi ok Đây là cái app của tụi mình thì bây giờ á Mình sẽ đi và các
bạn thấy là mình sẽ dùng những con này mình sẽ thêm một số chức năng của Cái
app này luôn bằng cách là dùng ai mà mình sẽ không tự code giờ mình sẽ vào
đây mình kêu là mình muốn cho người ta chọn sai ảnh thì làm sao thì đầu tiên là
nó kêu là cái góc là ở trang p này ha Nó render image generator nè Thì chỗ này nè
mình sẽ cho người ta chọn sii ảnh thì giờ mình không biết chỗ nào hết thì mình
che hết đằng này lại đi mình bấm Ctrl K tức là hỏi nè Mình kêu là add radio for
user Tức là mình muốn cho ba size ảnh đó là size ngang này size dọc size Square
này ha thì bấm spit đi Thì kêu nó nh Tú nó sẽ chạy chạy chạy chạy và ở chỗ này
nó sẽ hiện cho mình một cái nút là chọn kích thước ảnh này ha Thì nó sẽ có ba
cái là image size set image size nè Cứ bấm chạy thử đi coi nó có lỗi gì đã thì
nó kêu là hai hàm này không có thì giờ làm sao thì mình có thể khỏi nó là tại
sao bị đỏ thì mình cứ Ctrl I vô đi mình hỏi tiếp Ctrl K là thì mình kêu nó là
Missing image size and set image size thì nó cảm TH là th cả thấy thiếu Nè nó
nói là th dòng này vào luôn ha Thì nó sẽ sẽ đi hết dòng code coi nó thiếu gì nữa
không l bấm accept ha rồi giờ quay lại code nè Thì thấy này nó đã có chọn cái
thức ảnh nè vuông nè chữ nhật nè dọc nè Ha Tất nhiên là mình thấy được rồi nhưng
mà chỗ này nó sẽ bị đỏ bấm thì nó sẽ bị lỗi tại vì là cái hàm này cần hai cái
lận mà chỉ có một cái thôi mình kêu ai fix đi thì nó chỉ fix đây tức là nó bỏ
được cái đó thôi muốn nó fix được á là phải fix luôn cả cái hàm này thì đầu
tiên là mình sẽ reject nè các bạn thấy đó là a nó rất thông minh nhưng mà thông
minh cũng phải cho nó cái Contest hàm này nó ở một chỗ khác nè Bây giờ giả sử
mình bấm vô lại game image này ha hàm này chỉ có một cái thôi C nếu mà mình
làm CO pilet không bao giờ nó làm được cái này còn thằng này nó biết là a mình
đã muốn theêm một param mình chỉ bấn Tab thêm một cái param image siz string cho
mình sẽ chỉ tiếp nè là bấm Tab xuống đi tao chỉ tiếp cho là hàm này phải thêm
inage siz vô Bấm vô luôn thì nó sẽ tự nhận image size ha bấm tiếp vô hàm này
nè có hàm tên là code api đúng không nó sẽ tự cho size vào nè rồi Ở đây nè Nó sẽ
gửi tiếp cho mình đó là nếu mà Square á thì là 1024 nhưng mà chưa đủ Mình cứ cầm
sử cái dòng này hết đi thì mình sẽ C Chẩn k này ha Kêu cái file góc ban đầu
là init generator nè image si ở đây nè update mình đã K đây là code mà mày cần
xem nè đó và lấy cái ở đây thì mình with và hết để cho phù hợp thì mình bấm subit
edit đi ch nó chờ nó sẽ tự lấy giá trị này nó sẽ coi s quare with hay nè xong
rồi là nó sẽ tự set vào đâyy Ok mình thấy đúng rồi Mình bấn accept thì bây
giờ nè Mình thấy cái chiều ngy có vẻ lệch lệch quá mình muốn cái này lệch
ngang hơn thì sao thì chỗ này mình giảm cái này lại là 512 nè hoặc là cái này là
512 thôi nè Để cho nó lệt hơn nè Ha giờ mình chạy lại nè chữ nhật nè rồi đó giờ
mình muốn để hình dọc nè Ha rồi ok đó hình dọc rồi đó để lại hình
vuông nè đó các bạn thấy không Nãy giờ mình có thêm một cái chức năng mà hầu
như là mình chỉ t t không rồi chứ mình cũng không có tự code máy giả sử giờ
mình muốn thêm chức năng nữa đó là cái này nè có thể là mình muốn để tiếng Anh
mà không muốn dịch chẳng hạn thì sao thì mình Ctrl l đi giờ mình kêu nó là giờ ta
muốn một cái checkbox để cho người ta chọn và để người ta chọn là có trans
select hay không thì mình sẽ kêu là bây giờ mình thay vì mình tự trans select á
thì mình sẽ thêm một cái checkbox để cho ta chọn có ch hay không thì mình biết
những file nào cần thay đổi thì mình có thể bán nó luôn để cho nó tự tìm cho dễ
thì đầu tiên là phải generator nè Tiếp theo là cái file Action nè thay vì các
bạn phải tự copy code chắc đ thỏi các bạn dễ việc thêm Còn cái file này mà nó
tự nó đưa vào rất là nhanh và rất là tiện ha chỉ cần Hà nó là được rồi mình
enter này ha Chờ chút rồi nó sẽ k l ở file này á thì là mình cần thay đổi cái
này thêm một cái checkbox dịch prom thê tiếng Anh nè trong cái file thì nó kêu
Nếu mà cho prom á thì phải để cái này Qua đây mình thấy nó háng này nè thì nếu
mà mình hỏi bên trên máy mình sẽ phải tìm chỗ chỗ này thêm thế nào ta rồi mình
copy vào bây giờ có một cái nút ha là nút apply bấm vào đây ha sẽ là thêm vào
cái dòng này các bạn có thể bấm đây hoặc là bấm ctr I cũng được xong rồi Ở đây
các bạn thêm và là trans prom nè Ở dưới đây thì các bạn sẽ phải thêm một cái
checkbox là dịch prom theo tiếng Anh thì mặc định nó là tru đúng như mình yêu cầu
luôn ha Thì mình cảm thích Đúng Ok rồi mình bấm Ctrl I để mình approve tiếp
theo cần sửa cái file Action đúng không app Drive luôn thêm một cái là ch select
prom bulling nè thì mặc định mình để prom góc Nếu mà CH select thì mới dịch
HA Ok mình save hết rồi mình refres lại Trang nè Thì bây giờ ví dụ mình để một
cái prom là Ctrl hút vào con bò đi Enter nè Thì mình mình vào co lock Nè nó để
dịch sang là the water hit the OST con trâu này không thấy con bò đâu hết để
hình chữ nhật lại xem biết đâu nó sẽ có con bò thì bây giờ giả sử như mình bỏ
cái dịch ph theo tiếng Anh nè thì nó sẽ để nguyên chữ luôn nó sẽ để chữ Nguyên
chữ luôn thì cái dịch nó sẽ không có ý nghĩa hết á ví dụ mình muốn để tiếng Anh
m không dịch á thì mình thêm là i love anh có Dạ vân vân chẳng hạn thì nó sẽ
lưu qua I love anh có dạo nè bỏ chữ này là được đó bỏ chữ I love có dạo là được
nè Thì ở đây á là nó đã Để nguyên nó không thầ cần dịch cái prom th tiếng anh
ha đó I love code dạo đó b cái Anime đó đó các bạn thấy không Nãy giờ mình demo
á Nó khá là tiện tức là nó giúp mình code rất là nhiều thứ mà nãy giờ mình
thêm hai cái chức năng này nè mình biết về cospace thì mình code tầm một hai
tiếng Còn nếu các bạn Junior giả hạn các bạn mới tìm các bạn phải coi là thêm sử
chỗ nào rồi test á thì các bạn sẽ phải mất có thi lệnh 3 tiếng tới nửa buổi
dùng con ai á nó tạo trả lời hai ba câu hỏi nó sửa tầm 5 phút t t t t là xong
giúp cho cái công việc của mình nó nhanh hơn rất là nhiều thì nãy giờ viết code Á
hai cái thứ quan trọng nhất là đầu tiên là Ctrl K tức là để hỏi hoặc là để nhờ
nó viết thêm cái gì đó hoặc là bôi một cái đoạn để nhờ nó sửa cái gì đó cái nút
Ctrl L để mà hỏi bên này và cái nút thứ ba đó là nút Tab cái nút Tab của nó một
chức năng khá là hay ví dụ như là chỗ này nè mình thấy mình bỏ dòng này đi
đúng không x lại này thì nó cảm thấy là ồ mình bỏ dòng này thì chắc mình C bỏ
dưới mình t Phát đó bỏ vong dưới bên cạnh đó là hai cái nút C can l là các
bạn thấy là nó đơn giản nó dễ dùng thì còn một cái chức năng mới Các bạn thấy
Thường thường mấy con m này á thì nó chỉ sửa trong một file Lâu lâu mình mới đi m
thì nó được nhiều file Nhưng mà ví dụ Các bạn muốn nó tạo file vân vân rồi thì
sao thì mình cũng có thể làm thì các bạn có thể bấm Ctrl I để Active nó đây là
một cái chức năng giúp cho nó sửa code ở nhiều file nó tạo thêm nhiều file mới
luôn Ctrl shift I đ mở một bự luôn thì mình kêu nó là giờ ta muốn làm thêm cái
chức năng này thì mình muốn tạo thêm một cái trang Gallery để ai mà tạo ảnh á thì
nó sẽ lưu vào cái Gallery nó lưu ảnh và lưu prom vào thì mình sẽ viết yêu cầu
chước V coi A nó làm được gì
mình sẽ thêm một cái code p vào để nó hiểu là đây là tao cần của toàn bộ code
hiện tại coi nó nhận được không nó sẽ tìm những thằng liên quan này ha phải
đọc nó thì đầu tiên là nó sẽ tạo một cái file để mà lưu ảnh vào RAM thì lưu một
cái biến này mà thấy cái này ok rồi đó accept ha file này Ok accept cái này
tiếp theo là hãy sửa cái ham này lại để store thì mình co dip nè dip thì là nó
sẽ thêm cái Store vào và khi mà tạo Nó sẽ lưu cái prom và cái URL vào có vẻ
cũng đúng ờ Ok đúng thì mình accept luôn tiếp theo nè tạo một cái page lấy ảnh ra
hiện Gallery ra ha cái này thì mình không biết đúng resign nữa nh nhưng mình
cứ tạm tin nó đi m accept đã tí mình coi thử coi tiếp theo nó kêu là ở cái link
này á thêm một cái link vào tức là link tới Gallery là được view Gallery ha
accept luôn sau khi tất cả đã xong rồi đó thì mình xem là mình đã có gì đó đây
là bốn file này ha mình đã hết rồi thì mình coi Thôi thì đầu tiên là có image
store nè Có image game nè Thì mình bấm mm RP Thử đi thì mình thấy có một cái
nút view Gallery này cái này mình bỏ chỗ khác xong ha giờ mình bấm thử đi thì nó
chưa có gì hết đúng không Giờ mình tạo thử nè con mèo cute đó đây là con mèo
cute trắng bốc nè giờ mình refresh lại coi đây mình refresh thì không thấy Chắc
là do Lưu Vào memory không được thì mình kêu là thôi giờ lưu thử cái khác coi sao
TH mình và im store này thì mình cũng ctr k cái này thôi mình kêu á là lưu vào
file đi có một cái thư viện khá hay đó là dùng l DB để nó lưu vào file cho dẻ
thì chờ nó chút để nó update lại code chứ mình cũng đâu cần phải làm đâu Thì
chỗ này mình thấy nó bị đỏ nè Không biết vì sao nữa Nó kê không thể tìm lev được
Bấm ai f fix thì để nó coi Làm sao để fix thì nó kê chắc là mình quên bấm thôi
thì thôi tắt cái này lại mình bấm run nè Chờ tí để cho nó chạy nó tự tìm lỗi vì
sao luôn thì mình sẽ xem lại code nó làm gì thì đầu tiên nó sẽ lưu cái code vào
cái file là db.js thôi ha Thì sau khi add xong á Nó sẽ chạy db.ve để nó lưu
ảnh vào giờ mình chạy thử này ha nbm l dep thôi tạo lại ảnh coi sao ha Đây là
con mute dễ thương này ha rồi Giờ mình vô đây mình coi thử coi có cái file nào
db.js nè thì nó sẽ lưu cái ảnh là con m cute dễ thương nhờ mình refresh lại bên
này coi nó đã có image ch map Ino a function tức là lỗi này lỗi gì đó không
biết bên này image ch map inox of function thì bấm vào đây image store get
image nó sẽ v m nó function Tức là nó là Promise Đúng không các bạn thiếu away ha
mình cứ bấm ai fix thôi mấy cái này mình tự fix được nhưng mà thử coi ai nó thông
minh cỡ nào đó nó sẽ kêu là phải bỏ vi effect you stay vào này ha rồi đó thì nó
sẽ thêm us stay effect vào và thêm store image vào luôn Nếu các bạn cứ muội bấm
vô thì các thi tạo nó thành một cái CL component luôn Nhưng mình không muốn
mình cái này chạy ở server size luôn thì mình phải cứng lên mình kêu nó là This
is a server size component fit cái loading đi được rồi thì nó kêu nè Thay
vì làm vậy á thì mình bỏ đó đi và mình sẽ away mình sẽ assin và là được thì
mình apply nè đó thì mình dùng Asin away này là được và mình không cần cái này
luôn em r dep thử coi sao khi mình refresh á thì nó đã ra con m cute dễ
thương rồi Giờ mình mu đ một cái form tiếng Anh khác mình để vậy đi chờ chút
em gái mặc bẫy đen chẳng hạn hình vuông ha Đây th cái hot mặc váy đen chẳng hạn
sau qua đây nè mình bấm refresh là nó đã ra ba tấm trong cũng được rồi đó thì một
cái demo nữa demo cái chức năng mà tạo ảnh Gallery luôn ha vậ th th cái ui này
cũng hay đi Thì giờ mình copy nó nè thì sau khi mà mình lấy cái ảnh về á thì đ
mu một cái chức năng hay nữa C cái thằng ai này nó đ có đọc được ảnh ha Thì cái
con clot giờ cũng đọc được rồi ô trướ có cái nút ảnh ở đây nó bị lỗi gì á Giờ m
chị khó thả vô đây ha Có cái ảnh này rồi nè Thì mình cho nó thêm một p tsx nữa
thì mình kêu nó là cá sẽ đọc ảnh và nó imp lên mình lại cái này để cái prong và
bottom r luôn chờ chút đó nó sẽ update lại code một chút không biết code đúng
không nữa nhưng mà cứ tin tưởng nó thì vậy từ từ sửa sau rồi giờ mấ apply nè
apply the entire f đi nó sẽ sửa lại cái đống này chút thôi Không biết đúng hay
sa nữa mình nghĩ chắc là cũng không thông minh lắm đâu thử đi cũng không mất
gì hết nó sẽ sửa cái đống này lại sửa cái đp này lại luôn rồi save lại thử này
ha thì đây là cái ảnh mà mình đưa nó vào Còn đây là cái mà mình đưa thì thấy cũng
tạo mặc dù nó không có nhiều size khác nhau nhưng cái này là nó cũng vuông
vuông nó cũng cách nhau th này để cái này ở góc dưới rồi ha Nhìn cũng đẹp hơn
là cái ban đầu mình làm rồi đó rồi còn có một số cái chức năng khá hay ha ví dụ
các bạn B Chỗ l nè nó có rất là nhiều Cái accon này là nó chỉ rất nhiều nơi
Cái accon này nó có thể chỉ tới folder nè Nó có thể chỉ tới web các bạn muốn
code một số Ngôn ngữ các bạn dùng nó nế này các bạn dùng react rồi chẳng hạn thì
nó có react và các bạn dùng như là the win CSS n cũng theo Win CSS nè Hoặc là
các bạn dùng những con ng như là hay là elic rồi mấy cái ngôn ngữ gì Khổ biến nó
đều có hết hoặc là ví dụ như các bạn không biết ngôn ngữ gì Các bạn có thể
bấm web nè các bạn kêu là how to deploy t app to web chẳng hạn rồi thêm cái code
pay vô ha Chờ chút thì nó sẽ search file này nó sẽ tìm V web mình là web gì nè
xong rồi nó sẽ trả lời thì nó đây là một cái app ncs nè thì mình sẽ cần ghi là
chọn platform nè rồi để những cái file nv nè si up vân vân gì nè một số code để
mình có thể deploy rồi là có thể chạy vm2 này vân vân nè Nó rất là hay cái web
này là nó vừa Search Web nó tư nó đưa vào cho mình luôn thì còn nhiều chức
năng hay ho hơn nữa nhưng mà Chớ thểu ở đây là cũng khá dài thì hi vọng nó hết
cho mọi người đó là lý do mà nhiều thằng này xong á thì mình cảm thấy là cuộc
sống của mình nó rất là nhẹ nhàng mình thêm một vài cái chức năng tốc độ code
nó ngang bằng với tốc độ tư duy của mình vì mình muốn làm gì mình ai nó làm là
được nhưng mà Tất nhiên cũng sẽ có một số cái nhược điểm mình đã nói vừa rồi đó
Nếu quá lệ Thuột nó sẽ không tốt đâu ha Ok thì nhờ các bạn thấy đó trong quá
trình vừa rồi á bọn mình đã cài cái cer này bọn mình đã cùng chạy thử thử chức
năng của nó và làm thêm những chức năng trong ứng dụng thực tế code thực tế là
không phải chỉ là code chơi chơi nữa ha Thì hồi trước mình hơi sợ nó mất việc
của mình nhưng bây giờ á thì mình cảm thấy không sợ ai nữa vì nó có mạnh h thì
nó chỉ là công cụ thôi Ai sẽ không cướp việc của bạn mà những người khác biết
dùng ai họ làm việc hiệu quả xuất sắc hơn bạn thì họ sẽ cướp việc của bạn Ha
thì nếu các bạn dùng ai tốt á thì các bạn sẽ biết tận dụng nó và công việc nè
làm việc nhanh hơn hiệu quả hơn nè Tuy nhiên c có cảnh báo đó là các bạn đừng
có quá lự thộc đừng có nghĩ là nó tạo ra cái code xong rồi là mình bấn enter nó
không có lỗi gì là mình chạy liền các bạn phảy tự đọc code tự xem code xem nó
có đúng không Do vậy á mình nghĩ là trong tầm vài năm tới á cái vai trò
người đọc trình viên sẽ từ là cái người viết code ra cái người là review code và
đọc code Đó là một khể năng quan trọng không thu vì viết code đâu ha nếu mà các
bạn chỉ làm công việc mà kiểu viết code chân tay ta đưa về code n á thì các bạn
nên cẩn thận tại vì bâ giờ ai nó đã làm những việc đó rồi các bạn phải là những
con người mà dạng như là hiểu business này hiểu yêu cầu này hiểu đ mình của
khách hàng nè Đó là những cái thứ mà ai chưa làm được có thể là mình kêu nó viết
một hàm viết được viết một chức năng nó viết được nhưng mà nó không biết được là
tại sao phải cần những chức năng đó chức năng đó dùng cho ai cần phải integrate
với những bên nào với những bộ phận nào thì trong t cá ngán bạn cũng đừng nên lo
lắng quá đừng có nghĩ là nó thay thế Mình đừng nghĩ nó là đối thủ hay nghĩ nó
là bạn bè giúp đỡ mình đi Nói thật là công việc hiện tại của mình thì mình
chưa được dùng con này nhưng mà dùng con cilet với lại dùng clot thì nó cũng hỗ
trợ cho mình khá nhiều rồi đó thì sắp tới là mình có một cái khóa học về ai á
Mình g đâ qu được một nửa rồi thì các bạn nào quan tâm có thể bấm vào cái link
bit.li code dạo ha Hôm sau mình sẽ có một cái demo khói học cho các bạn xem
khói học sẽ nhận các bạn là tìm hiểu về eii là một cách Những Con em nó hoạt
động như thế nào nè cách để mà viết code sử dụng tụi nó gắn những cái tính năng
của ai và app của mình luôn đó Và bên cạnh đó mình cũng sẽ có một số cái dự án
để các bạn làm là các bạn dùng ai từ cơ bản tới nâng cao phù hợp cho những bạn
mà developer Engineer như mình không cần kiến thức cơ bản về machine learning hay
gì hết á chỉ cần các bạn là hập trình viên SH Engineer các bạn sẽ coi ai là
một cái hộp đen các bạn sẽ dùng api để các bạn tự dụng sức mạnh của nó là được
và biết cá cách hộp đen hoạt động tin Chỉnh như thế nào rồi là Build những cái
ứng dụng thông qua đó ha ha giới thiệu gì thì cũng đủ rồi bạn nào quan tâm thì
có thể bấm vào cái link bit ch l có Dạ trên để đăng ký hiện tại thì chắc cũng
khoảng tầm 2000n mấy bạn đăng ký đó Tầm 3 4000 là mình sẽ ngừng không cho đăng
ký nữa Để mình chuẩn bị ra mắt khóa học chắc tầm tháng 10 mình ra đó Ok Thì đó
tới này cũng hết rồi Hi vọng sau khi làm khóa học xong á thì mình sẽ có nhiều
thời gian hơn để mình xem Vlog cho mọi người nha mình nhớ mọi người lắm Bye bye
mọi người hẹn V vào tháng nào đó nha Không saa đâu
Ver Más Videos Relacionados
Devin 게섯거라-! LG CNS가 만든 AI 개발자! || DevOn AIDE 소개
Coding with OpenAI o1
Deep Learning for Music Generation - Training GPT-2 on a large music dataset - Lakh MIDI Dataset
Making a ROBLOX game with its new AI
Gemini API and Flutter: Practical, AI-driven apps with Google AI tools
ClickUp AI Tutorial - How To Use ClickUp for Beginners in 2024
5.0 / 5 (0 votes)