The BEST Way To Make Money With AI NOW! - Don't Miss This
Summary
TLDR本视频介绍了如何利用人工智能工具简化编程,使初学者和中级开发者能够构建复杂的前端和后端应用程序。视频展示了如何使用AI工具提供自由职业编程服务,并在Upwork和Fiverr等平台上赚钱。即使没有编程基础,也可以通过YouTube上的教程学习基础知识,然后使用AI工具构建复杂的功能,如创建API或图像模糊网站。视频还演示了如何使用V by Veral AI工具生成Next.js API和图像编辑网站的代码,无需手动编写代码。
Takeaways
- 😀 AI工具如V by Vercel和GitHub Copilot使得即使只有基础或中级编程知识的人也能构建复杂的应用程序。
- 💼 通过使用AI工具,可以提供自由职业服务,如后端和前端开发,并通过平台如Upwork和Fiverr赚钱。
- 🔍 AI可以帮助你快速学习和掌握编程语言,例如通过YouTube上的高质量教程。
- 💻 AI工具可以用于创建API和完整的功能性网站,如一个允许用户上传图片并选择部分区域进行模糊的网站。
- 💰 即使是编程新手,也可以通过学习基础编程知识,然后使用AI工具来提供服务并赚取收入。
- 🔗 在Upwork上,可以通过筛选特定技能(如React.js)找到相关的自由职业工作机会。
- 📈 Fiverr上有各种编程相关的任务,价格和需求各不相同,提供了广泛的自由职业机会。
- 🛠️ AI工具可以帮助你快速编写代码,例如创建一个能够搜索Google并提取网页内容的API。
- 📸 通过AI工具,可以创建一个允许用户上传图片、选择区域进行模糊处理并下载图片的网站。
- 🌐 即使没有手动编写任何代码,通过AI工具生成的代码也可以创建完全功能性的应用程序。
Q & A
视频主要讨论了什么主题?
-视频主要讨论了如何使用人工智能工具来简化编程,并通过提供自由职业服务来赚钱。
视频中提到了哪些AI编程工具?
-视频中提到了V by Veral AI和Carser AI等AI编程工具。
即使只有基础或中级编程知识,使用AI工具可以做什么?
-即使只有基础或中级编程知识,使用AI工具也可以构建复杂的前端和后端应用程序,并提供自由职业服务来赚钱。
视频提到了哪些自由职业平台?
-视频提到了Upwork和Fiverr这两个自由职业平台。
视频演示了如何使用AI工具创建什么类型的API?
-视频演示了如何使用AI工具创建一个API,该API可以根据输入的关键词在Google上搜索,提取排名靠前的页面的标题、URL和内容。
视频是否提供了如何使用AI工具创建网站的示例?
-是的,视频提供了一个示例,展示了如何使用AI工具创建一个允许用户上传图片、选择部分进行模糊处理,然后下载图片的网站。
视频提到的API返回的数据结构是什么样的?
-视频提到的API返回的数据结构是一个包含标题、URL和每个页面内容的对象数组。
如果对编码一无所知,视频中建议如何开始学习?
-如果对编码一无所知,视频中建议可以在YouTube上搜索初学者教程,学习不同的编程语言,如JavaScript或React。
视频中提到的AI工具是如何帮助清理API返回的内容的?
-视频中提到的AI工具通过接收用户的提示,修改API代码,使其能够清理URL内容,只包含实际的文本内容,例如博客文章。
视频最后提到的图像模糊网站有哪些功能?
-视频最后提到的图像模糊网站允许用户上传图片,选择部分进行模糊处理,调整模糊强度,并提供下载模糊后的图片的功能。
Outlines
💻 利用AI工具进行编程赚钱
本段视频主要讲述了如何利用当前的AI工具,如V by Vercel、CLA AI或Caress AI等,简化编程过程,使得即使是只有基础或中级编程知识的人也能构建复杂的后端和前端应用程序,并提供自由职业服务来赚钱。视频中将展示如何使用这些AI工具来构建API和完整的功能性网站,并在Upwork、Fiverr等平台上提供编程相关的自由职业服务。即使对编程一无所知,也可以通过YouTube上的教程学习基础,然后使用AI工具来编写复杂的代码,提供金融服务并赚取收入。
🛠️ 创建API和图像模糊网站的示例
本段视频展示了如何使用AI工具V by Vercel来创建一个API和一个图像模糊的网站。首先,介绍了如何创建一个API,该API接受关键词作为输入,在Google上搜索,提取排名靠前的页面的标题和URL,并访问这些URL以收集文本内容,最后返回包含标题、URL和内容的对象数组。接着,展示了如何修改API以清除URL内容中的HTML标签,只保留文本内容。然后,介绍了如何创建一个网站,用户可以上传图片,选择部分区域进行模糊处理,并下载处理后的图片。整个过程没有手动编写代码,而是通过给AI工具提供提示,复制粘贴生成的代码来完成。
🌐 AI工具助力自由职业者
视频的最后一部分强调了即使只有基础或中级编程知识,也可以使用AI工具来创建API或完全功能的应用程序,并通过自由职业平台如Upwork、Freelancer或通过Twitter、LinkedIn寻找客户来提供编程服务赚钱。对于完全没有编程知识的人,虽然可能不太适用,但如果对编程语言的基础知识有所了解,使用AI工具来赚钱将会非常简单。视频以鼓励订阅频道并期待下一个视频结束。
Mindmap
Keywords
💡AI工具
💡自由职业服务
💡API
💡Next.js
💡TypeScript
💡Upwork
💡Fiverr
💡React.js
💡图像模糊
💡服务器端渲染
Highlights
AI工具如V by veral CLA AI或Carser AI使编程变得更简单,易于访问。
即使只有基础或中级编程知识,也能使用AI工具构建复杂的前端和后端应用程序。
可以通过AI工具提供自由职业编码服务并从中赚钱。
即使没有编码知识,也可以通过YouTube上的教程学习基础并使用AI工具。
可以在Upwork和Fiverr等平台上提供自由职业服务,将其转化为实际收入。
Upwork网站上有多种自由职业工作,包括开发和IT相关任务。
Fiverr上有大量编码相关的工作机会,包括PHP、Laravel、Node.js等。
AI工具可以帮助你编写代码,提供服务,并从中赚钱。
展示了如何使用V by veral AI工具创建一个Next.js API。
API可以根据关键词搜索Google,提取页面标题、URL和内容。
通过AI工具,可以轻松修改API以只包含文本内容,去除HTML标签。
展示了如何使用V by veral AI工具创建一个允许用户上传图片并模糊选定部分的网站。
用户可以选择图片的特定部分进行模糊,并下载模糊后的图片。
AI工具生成的代码可以让用户多次模糊图片的不同部分。
AI工具可以帮助你无需手动编写代码即可创建完全功能的应用程序。
即使只有基础或中级编程知识,也可以使用AI工具开始自由职业编码服务。
视频提供了如何使用AI工具在Next.js中创建API和完全功能网站的实际示例。
Transcripts
so in this video I will talk about the
easiest way to make money using AI right
now all thanks to AI tools like V by
veral CLA AI or carser AI coding has
become more simple easy and accessible
to the mes so even if you are a person
with only basic or intermediate coding
knowledge you can go ahead and with the
help of this AI tools build complex
applications both backend and front end
stuff and offer freelance services to
people and make money out of it and
that's exactly what I'm going to show
you in this video so in this video I
will show you how you can offer coding
related freelance services to people and
make money out of it and the best part
is that even if you only have basic or
intermediate knowledge about coding
these AI tools are here to help and I
will show you how exactly you can build
an API like the back end part and also a
website a fully functional website using
AI today and you can follow the same
pattern and you know take inspiration
from this and offer freelance services
on platforms like upor and FIV and
convert it into real money and again if
you don't know anything about coding you
can just go ahead and search for some
crash codes or simple codes for
beginners on YouTube and I'm pretty sure
you will find a lot of tutorials like
high quality tutorials on YouTube
related to various programming languages
so let's say you want to learn
JavaScript or react or xjs you can
simply go ahead and search for like
beginners guide for that particular uh
programming language on YouTube and
you'll find some really amazing high
quality content you can go ahead and
watch it a couple of times and do some
uh homework and you can just be
extremely good at the basics and then
you can go ahead and start using these a
tools to kind of code complex stuff and
if you understand how things work under
the hood then things should be that
simple for for you and you can use air
tools to create components or apis and
provide Finance related services and you
can make good money out of it so yeah
that's that all right so this right here
is the upwork website which is basically
like a freelance website and if you come
to this website hover over this find
work option and click on find work for
your skills and scroll down you can find
a lot of different freelance uh you know
works that you can do on the platform so
I'll go ahead and filter it down to
include only development and it and
let's say I want to I'm interested in
giving reactjs related work okay so I
can just go ahead and scroll down and
click on this option that says react.js
developer and now this page will show
all the reactjs related jobs posted on
upwork for example let's just click on
this one and this job or gig here says
that experienced full stack developer
needed to complete an MVP and the pay
for this one is going to be $750 and you
can go ahead and read the requirements
here and what are the skills needed here
as well now this writer is yet another
one and it says jigo puzzle component in
react and they okay they want you to
code a jigo puzle component in react and
the price for this one is $200 fixed
similarly Fiverr is yet another website
where you can find a lot of coding
related gigs and let me just go over and
click on programming and Tech and I'll
just click on web applications now you
can find a lot of gigs related to coding
here and people are offering like PHP
laravel developer and to build custom
websites for 1,700 rupees or uh backend
web developer using nodejs in 2,200 or
Ruby rails application for 13,000 and
these people are actually providing
various different services at various
different price points so this one here
says that I will create a scalable and
dynamic app using react nodejs Express
JS and the pricing is like 32,000 rupees
or somewhere in the range of $400 now
all these people are providing coding
related services on these platforms like
uper and Fiverr and you can to provide
your own services and make money out of
it now comes the biggest part how can
you actually use AI to kind of code
things and deliver to people and make
money of it right well in this video I
will to show you two examples of the
same in the first one I will show you
how you can create an API and the second
one I'll show you how you can create a
fully functional web app that is used to
blur images okay so first let's get
started with the API part all right so
let's say a person approached you asking
to create an API for them that they can
use in their nextjs project so what does
the API do you as well the API will take
a keyword as input and the API will go
ahead and search for the keyword on
Google take the top ranking top 10
ranking pages on Google take the title
of the page take the URL of the page and
also the API will actually visit each of
these individual URLs collect the entire
content textual content within each of
these URLs and return everything as an
array like an array of objects
containing the title the URL and also
the entire content of each individual
URL so that is the API that a person is
asking you to code now if this is the
context I will show you how exactly you
can code this API that works in nextjs
using V by veral AI tool so let's get
started shall we so I'll go ahead and
open v. d/ chat and this is the
interface that we'll be working with so
I'll go ahead and give it a simple
prompt something like
this so the prompt that I gave is create
an API in NEX js14 using App router and
typescript the API will take a keyboard
and search for it on Google and extract
the title and URL of all pages ranking
in the first page the API will then go
through the individual URLs and return
the entire content of the page as well
in the end the API should return and
array of objects containing the oops uh
containing the title URL and the content
of each page now go ahead and click on
the send button and let's see what it
comes up
with all right so this right here is the
code generated by the AI so the this is
the code for the API and the next thing
that we want to do is to create an API
end point and create a root. file and
add the entire content so this right
here is a nextjs project that I've been
working on so I'll go ahead and create a
API folder in the apps folder and inside
of the API folder I'll create a new
folder called search and inside of it
I'll create a new file called root. TS
now I'll go ahead and copy the entire
content and paste it in here okay so
I'll go ahead and paste everything and
yes and the thing to use this API all
you have to do is to make an API call to
this particular URL right here so I'll
just go ahead and copy this and before
that let me just go ahead and start the
development server so I'll go ahead and
run uh npm run Dev so I'll click on this
Local Host button to open it up and now
to access the API I'll will have to go
to this path right here and this example
I have to replace with whatever content
so for example let's say I want to
replace it with the keyword of
freelancing okay and I'll hit enter and
let's see what the API comes up with and
you can also see I have made a request
and these are all the logs and stuff
that's happening behind the scenes so
let's wait and there you have it the API
is actually working so let me just click
on this button and the API is now
returning the result uh array containing
things like the title this is the title
of the first page that is currently
ranking on Google then we have the URL
then we have the snippet and the actual
text content of this particular URL
right here all
right cool
and now one thing that I noticed is that
it also returns a lot of fluff and a lot
of HTML tags and stuff and we are only
particularly interested in the textual
content so I can go ahead and give it
another prompt saying can you modify the
API such that it cleans the content of
the URL to only include the actual text
content for example if it is a blog post
only the actual blog post and nothing
else and they have the tool has given me
the updated code so I'll go ahead and
copy the code and I'll go ahead and
replace the content
whoops okay let's copy the code
again control a delete hand paste and
save give it a save and I'll go ahead
and run this API
again and let's
see uh it's working here and now let me
just click on this
option and yes now we only have the
actual text content and all other HTML
elements and stuff is actually gone now
I will go ahead and give it a different
keyword something like this how to train
chat GPT and I'll go ahead and hit
enter and wait for a while and yeah it's
working and let me just go ahead and
click on this and now we have a link
from chat b.co the actual text content
then we have viky how.com then we have
the actual text content only and this
time if you notice you can see that
there is no HTML content right so HTML
tags and stuff like that is actually
ignored by the API and if you do a
search for how to train chat GPT on
Google so these are the websites that
going to pop up in the first page and
these are the actual text content so
that's how simple it is to create an API
for nextjs using Vis byel okay the next
thing that we're going to code is to
create a website in nextjs that will
allow users to upload a image or a
screenshot and select a particular part
and blur it okay and after blurring that
particular part users can download the
image back to their computer so let's
see how to code the same using V byell
so go ahead and give give it a symol
prom something like this create a
website in nextjs 14 app router
typescript where a user can upload an
image and drag and select a portion to
blur after blurring the user should be
given the option to download the image
to their device the selected portion
should be blurred also include an option
to invert the selection and blur and
also be able to blur multiple times so
I'll go ahead and click on the send
button and wait all right so v.d has
managed to code the entire thing and I
had to give a few more prompts to fix
the errors that it had initially and
this is the final code that is working
right now so I'll go ahead and copy this
one and replace the content inside page.
TSX and by the way I'm actually using
ret for this one not the local IDE and
I'll further scroll down and copy the
code for image uploaded. TSX so inside
of the components folder you'll have to
create something called as image
uploaded. TSX file and I'll go ahead and
replace the content inside then I'll
further scroll down and image editor so
image editor. TSX I'll replace the cont
there as well now I'll go ahead and
scroll down and yes that's all about it
and I'll go ahead and click on this run
button and let's see if it works all
right the development server is actually
running and I'll just go ahead and click
on this option to open it in a new tab
all right so this right here is the
website that a has managed to code and
let's see if it works this time so I'll
go ahead and capture a simple screenshot
like
this and once I have the screenshot I'll
click on upload image and select the
screenshot and upload the same and I'll
go ahead and make a selection right here
like so and I'll click on apply blur and
yes that works I can go ahead and make
more selection click on apply blur and
it works I also have a blur amount
slider so that I can select the
intensity of the blur to add and if I
want to reset I can click on reset but
before that let me just click on the
download button and see if it downloads
the image and there we have it and I'll
just go ahead and open it up and this is
the exact image that we see right here
and the functionality is just working as
it should and I click on the reset
button and everything is back to normal
so that's how simple it is to create a
image blurring website completely using
AI so I have not really coded a single
line manually all I did was give some
prompts to this AI tool right here and
copy the code it generated and pasted it
in replate and this is the app that it
generated and it's fully functional all
right so now that you know how to use AI
to kind of create an API in nextjs 14 or
create a fully functional app that lets
you blur parts of the images you can go
ahead and visit any freelancing
platforms like fivr RW work or find
clients from Twitter or LinkedIn and
provide freelance coding related
services and make money out of it and
the best part is that even if you only
have intermediate or basic knowledge
about coding you can still go ahead and
get started with the whole thing and if
you have like zero coding knowledge it
might not be for you but again if you
have basic understanding as to how
things work under the hood and you know
the basics of whatever programming
language that you plan to focus things
should be very simple for you and you
can use air tools like this to make
money out of it so I hope you found this
video useful if yes make sure to
subscribe to this Channel and I'll see
you in the next one
Ver Más Videos Relacionados
Build Anything with Perplexity, Here’s How
Is Cursor's Copilot++ BETTER than Github Copilot? FAST AI Coding Master Class
ExcaliAI Enhanced: More Visual Thinking Power
HTML Tutorial - Website Crash Course for Beginners
Python Advanced AI Agent Tutorial - LlamaIndex, Ollama and Multi-LLM!
The Easiest Way to Build a Website in 2024
5.0 / 5 (0 votes)