Cursor AI - Code siêu nhanh siêu nhàn với sự trợ giúp của AI Text Editor

Summary

In 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

00:00

😀 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.

05:01

🛠️ 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.

10:03

📸 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.

15:03

🎓 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.

Keywords

💡Vlog

A vlog, short for video blog, is a type of blog for which the medium is video. Entries are typically created on a regular basis and then posted online, either on a blog or a vlog-specific website, and often include discussion or commentary by the individual creating the video. In the script, the speaker mentions that they haven't been able to make vlogs recently due to forgetting their password, indicating that vlogging is a regular activity for them.

💡AI

Artificial Intelligence (AI) refers to the simulation of human intelligence in machines that are programmed to think like humans and mimic their actions. The video script discusses an AI tool that assists in coding, which is a clear example of AI being used to enhance productivity in software development.

💡Code Editor

A code editor is a type of editor used for editing source code, or text files that contain programming language code. The script mentions an AI code editor that is a version of Visual Studio Code (VS Code) but with additional AI features, highlighting the evolution of code editors with AI integration.

💡VS Code

Visual Studio Code (VS Code) is a popular free source-code editor made by Microsoft for Windows, Linux, and macOS. It includes support for debugging, embedded Git control, syntax highlighting, intelligent code completion, snippets, and code refactoring. The script references VS Code as the base for the AI-enhanced code editor discussed.

💡IntelliSense

IntelliSense is a set of features that help you write code more quickly and accurately. It provides smart completions based on variable types, method signatures, and other contextual information. The script describes how the AI tool improves upon IntelliSense by offering more comprehensive code completion and prediction.

💡Code Completion

Code completion, also known as IntelliSense, is a feature in many code editors and integrated development environments (IDEs) that suggests possible completions for your code. The script discusses how the AI tool enhances this feature, allowing for the automatic completion of multiple lines of code and anticipating the coder's next steps.

💡Extension

In the context of software development, an extension is a software module that adds functionality to an existing application. The script mentions installing extensions to enhance the capabilities of the AI code editor, indicating that the tool is extensible and customizable.

💡Machine Learning

Machine learning is a type of artificial intelligence (AI) that provides systems the ability to automatically learn and improve from experience without being explicitly programmed. The script implies that the AI tool uses machine learning to understand and predict coding patterns and assist in writing code.

💡IDE

An Integrated Development Environment (IDE) is a software application that provides comprehensive facilities to computer programmers for software development. The script contrasts a code editor with an IDE, emphasizing that the AI tool is a code editor rather than a full-fledged IDE, suggesting a focus on coding assistance rather than a comprehensive development suite.

💡GitHub

GitHub is a web-based hosting service for version control and source code management, using Git. It offers the distributed version control and source code management (SCM) functionality of Git, plus its own features. The script mentions GitHub as the platform where the AI tool's repository can be found, indicating its use in software development and version control.

💡API

An Application Programming Interface (API) is a set of routines, protocols, and tools for building software and applications. The script refers to using an API to create a service that generates images, demonstrating how APIs are used to integrate different software components and services.

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