The BEST Way To Make Money With AI NOW! - Don't Miss This

Astro K Joseph
14 Sept 202412:02

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

00:00

💻 利用AI工具进行编程赚钱

本段视频主要讲述了如何利用当前的AI工具,如V by Vercel、CLA AI或Caress AI等,简化编程过程,使得即使是只有基础或中级编程知识的人也能构建复杂的后端和前端应用程序,并提供自由职业服务来赚钱。视频中将展示如何使用这些AI工具来构建API和完整的功能性网站,并在Upwork、Fiverr等平台上提供编程相关的自由职业服务。即使对编程一无所知,也可以通过YouTube上的教程学习基础,然后使用AI工具来编写复杂的代码,提供金融服务并赚取收入。

05:05

🛠️ 创建API和图像模糊网站的示例

本段视频展示了如何使用AI工具V by Vercel来创建一个API和一个图像模糊的网站。首先,介绍了如何创建一个API,该API接受关键词作为输入,在Google上搜索,提取排名靠前的页面的标题和URL,并访问这些URL以收集文本内容,最后返回包含标题、URL和内容的对象数组。接着,展示了如何修改API以清除URL内容中的HTML标签,只保留文本内容。然后,介绍了如何创建一个网站,用户可以上传图片,选择部分区域进行模糊处理,并下载处理后的图片。整个过程没有手动编写代码,而是通过给AI工具提供提示,复制粘贴生成的代码来完成。

10:06

🌐 AI工具助力自由职业者

视频的最后一部分强调了即使只有基础或中级编程知识,也可以使用AI工具来创建API或完全功能的应用程序,并通过自由职业平台如Upwork、Freelancer或通过Twitter、LinkedIn寻找客户来提供编程服务赚钱。对于完全没有编程知识的人,虽然可能不太适用,但如果对编程语言的基础知识有所了解,使用AI工具来赚钱将会非常简单。视频以鼓励订阅频道并期待下一个视频结束。

Mindmap

Keywords

💡AI工具

AI工具指的是使用人工智能技术来辅助人类完成某些任务的软件或服务。在视频中,AI工具如V by veral AI或Carser AI被提及,它们使得编程变得更加简单、易用,即使是只有基础或中级编程知识的人也能利用这些工具构建复杂的应用程序。

💡自由职业服务

自由职业服务指的是个人或团队独立于公司之外,为客户提供专业服务的一种工作方式。视频中提到,即使只有基础或中级编程知识的人,也可以通过AI工具的帮助,提供后端和前端的编程服务,从而赚取收入。

💡API

API(应用程序编程接口)是一种软件中间件,它允许不同的软件应用程序进行交互。在视频中,API被用来创建一个可以搜索关键词、抓取网页标题、URL和内容的后端服务,这是自由职业者可以提供的服务之一。

💡Next.js

Next.js是一个基于React的前端Web应用框架,它提供了服务器端渲染和生成静态网站的能力。视频中提到使用Next.js来创建API和构建网站,展示了如何利用AI工具来简化开发过程。

💡TypeScript

TypeScript是一种由微软开发的编程语言,它是JavaScript的一个超集,添加了类型系统和对ES6+的支持。视频中提到使用TypeScript来创建API,这表明了在构建复杂应用时,TypeScript提供了更好的代码质量和开发体验。

💡Upwork

Upwork是一个自由职业者在线工作平台,允许自由职业者寻找和申请工作机会。视频中提到Upwork作为自由职业者可以提供编程服务并赚取收入的平台之一。

💡Fiverr

Fiverr是另一个自由职业者市场,允许自由职业者提供各种服务,包括编程、设计、写作等。视频中提到Fiverr作为自由职业者可以提供编程服务并赚取收入的平台之一。

💡React.js

React.js是一个用于构建用户界面的JavaScript库,由Facebook开发。视频中提到React.js作为自由职业者可以提供的服务之一,例如开发React.js相关的工作。

💡图像模糊

图像模糊是一种图像处理技术,用于模糊图片的特定部分以保护隐私或强调图片的某些区域。视频中提到使用AI工具创建一个网站,允许用户上传图片,选择部分进行模糊处理,然后下载处理后的图片。

💡服务器端渲染

服务器端渲染是一种Web开发技术,指的是在服务器上生成HTML,然后发送到客户端。与客户端渲染相比,它可以提高首屏加载速度和SEO效果。视频中提到使用Next.js进行服务器端渲染,以创建快速加载的Web应用。

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

play00:00

so in this video I will talk about the

play00:01

easiest way to make money using AI right

play00:04

now all thanks to AI tools like V by

play00:06

veral CLA AI or carser AI coding has

play00:09

become more simple easy and accessible

play00:11

to the mes so even if you are a person

play00:13

with only basic or intermediate coding

play00:16

knowledge you can go ahead and with the

play00:17

help of this AI tools build complex

play00:20

applications both backend and front end

play00:22

stuff and offer freelance services to

play00:24

people and make money out of it and

play00:25

that's exactly what I'm going to show

play00:27

you in this video so in this video I

play00:28

will show you how you can offer coding

play00:30

related freelance services to people and

play00:32

make money out of it and the best part

play00:34

is that even if you only have basic or

play00:36

intermediate knowledge about coding

play00:37

these AI tools are here to help and I

play00:39

will show you how exactly you can build

play00:41

an API like the back end part and also a

play00:44

website a fully functional website using

play00:45

AI today and you can follow the same

play00:47

pattern and you know take inspiration

play00:49

from this and offer freelance services

play00:51

on platforms like upor and FIV and

play00:53

convert it into real money and again if

play00:55

you don't know anything about coding you

play00:56

can just go ahead and search for some

play00:58

crash codes or simple codes for

play00:59

beginners on YouTube and I'm pretty sure

play01:01

you will find a lot of tutorials like

play01:03

high quality tutorials on YouTube

play01:04

related to various programming languages

play01:06

so let's say you want to learn

play01:07

JavaScript or react or xjs you can

play01:09

simply go ahead and search for like

play01:10

beginners guide for that particular uh

play01:12

programming language on YouTube and

play01:14

you'll find some really amazing high

play01:15

quality content you can go ahead and

play01:17

watch it a couple of times and do some

play01:18

uh homework and you can just be

play01:20

extremely good at the basics and then

play01:22

you can go ahead and start using these a

play01:24

tools to kind of code complex stuff and

play01:26

if you understand how things work under

play01:28

the hood then things should be that

play01:29

simple for for you and you can use air

play01:31

tools to create components or apis and

play01:33

provide Finance related services and you

play01:35

can make good money out of it so yeah

play01:36

that's that all right so this right here

play01:38

is the upwork website which is basically

play01:40

like a freelance website and if you come

play01:42

to this website hover over this find

play01:44

work option and click on find work for

play01:46

your skills and scroll down you can find

play01:48

a lot of different freelance uh you know

play01:50

works that you can do on the platform so

play01:52

I'll go ahead and filter it down to

play01:53

include only development and it and

play01:56

let's say I want to I'm interested in

play01:57

giving reactjs related work okay so I

play02:00

can just go ahead and scroll down and

play02:02

click on this option that says react.js

play02:04

developer and now this page will show

play02:06

all the reactjs related jobs posted on

play02:09

upwork for example let's just click on

play02:11

this one and this job or gig here says

play02:14

that experienced full stack developer

play02:15

needed to complete an MVP and the pay

play02:17

for this one is going to be $750 and you

play02:19

can go ahead and read the requirements

play02:21

here and what are the skills needed here

play02:23

as well now this writer is yet another

play02:24

one and it says jigo puzzle component in

play02:27

react and they okay they want you to

play02:30

code a jigo puzle component in react and

play02:32

the price for this one is $200 fixed

play02:35

similarly Fiverr is yet another website

play02:37

where you can find a lot of coding

play02:38

related gigs and let me just go over and

play02:41

click on programming and Tech and I'll

play02:43

just click on web applications now you

play02:45

can find a lot of gigs related to coding

play02:47

here and people are offering like PHP

play02:49

laravel developer and to build custom

play02:51

websites for 1,700 rupees or uh backend

play02:55

web developer using nodejs in 2,200 or

play02:58

Ruby rails application for 13,000 and

play03:01

these people are actually providing

play03:03

various different services at various

play03:04

different price points so this one here

play03:07

says that I will create a scalable and

play03:09

dynamic app using react nodejs Express

play03:11

JS and the pricing is like 32,000 rupees

play03:13

or somewhere in the range of $400 now

play03:16

all these people are providing coding

play03:17

related services on these platforms like

play03:19

uper and Fiverr and you can to provide

play03:21

your own services and make money out of

play03:23

it now comes the biggest part how can

play03:25

you actually use AI to kind of code

play03:27

things and deliver to people and make

play03:29

money of it right well in this video I

play03:31

will to show you two examples of the

play03:33

same in the first one I will show you

play03:34

how you can create an API and the second

play03:36

one I'll show you how you can create a

play03:38

fully functional web app that is used to

play03:41

blur images okay so first let's get

play03:43

started with the API part all right so

play03:45

let's say a person approached you asking

play03:47

to create an API for them that they can

play03:49

use in their nextjs project so what does

play03:51

the API do you as well the API will take

play03:53

a keyword as input and the API will go

play03:56

ahead and search for the keyword on

play03:57

Google take the top ranking top 10

play04:00

ranking pages on Google take the title

play04:02

of the page take the URL of the page and

play04:04

also the API will actually visit each of

play04:06

these individual URLs collect the entire

play04:08

content textual content within each of

play04:10

these URLs and return everything as an

play04:12

array like an array of objects

play04:14

containing the title the URL and also

play04:16

the entire content of each individual

play04:17

URL so that is the API that a person is

play04:19

asking you to code now if this is the

play04:21

context I will show you how exactly you

play04:23

can code this API that works in nextjs

play04:26

using V by veral AI tool so let's get

play04:28

started shall we so I'll go ahead and

play04:30

open v. d/ chat and this is the

play04:33

interface that we'll be working with so

play04:34

I'll go ahead and give it a simple

play04:35

prompt something like

play04:41

this so the prompt that I gave is create

play04:43

an API in NEX js14 using App router and

play04:46

typescript the API will take a keyboard

play04:48

and search for it on Google and extract

play04:49

the title and URL of all pages ranking

play04:52

in the first page the API will then go

play04:54

through the individual URLs and return

play04:56

the entire content of the page as well

play04:57

in the end the API should return and

play04:59

array of objects containing the oops uh

play05:04

containing the title URL and the content

play05:07

of each page now go ahead and click on

play05:09

the send button and let's see what it

play05:10

comes up

play05:18

with all right so this right here is the

play05:20

code generated by the AI so the this is

play05:23

the code for the API and the next thing

play05:25

that we want to do is to create an API

play05:27

end point and create a root. file and

play05:29

add the entire content so this right

play05:31

here is a nextjs project that I've been

play05:33

working on so I'll go ahead and create a

play05:36

API folder in the apps folder and inside

play05:38

of the API folder I'll create a new

play05:40

folder called search and inside of it

play05:43

I'll create a new file called root. TS

play05:46

now I'll go ahead and copy the entire

play05:48

content and paste it in here okay so

play05:51

I'll go ahead and paste everything and

play05:52

yes and the thing to use this API all

play05:55

you have to do is to make an API call to

play05:57

this particular URL right here so I'll

play05:59

just go ahead and copy this and before

play06:02

that let me just go ahead and start the

play06:04

development server so I'll go ahead and

play06:05

run uh npm run Dev so I'll click on this

play06:09

Local Host button to open it up and now

play06:12

to access the API I'll will have to go

play06:14

to this path right here and this example

play06:17

I have to replace with whatever content

play06:19

so for example let's say I want to

play06:20

replace it with the keyword of

play06:23

freelancing okay and I'll hit enter and

play06:27

let's see what the API comes up with and

play06:29

you can also see I have made a request

play06:32

and these are all the logs and stuff

play06:34

that's happening behind the scenes so

play06:36

let's wait and there you have it the API

play06:38

is actually working so let me just click

play06:40

on this button and the API is now

play06:42

returning the result uh array containing

play06:45

things like the title this is the title

play06:47

of the first page that is currently

play06:49

ranking on Google then we have the URL

play06:51

then we have the snippet and the actual

play06:53

text content of this particular URL

play06:56

right here all

play06:58

right cool

play07:00

and now one thing that I noticed is that

play07:01

it also returns a lot of fluff and a lot

play07:04

of HTML tags and stuff and we are only

play07:06

particularly interested in the textual

play07:09

content so I can go ahead and give it

play07:10

another prompt saying can you modify the

play07:12

API such that it cleans the content of

play07:14

the URL to only include the actual text

play07:16

content for example if it is a blog post

play07:18

only the actual blog post and nothing

play07:20

else and they have the tool has given me

play07:23

the updated code so I'll go ahead and

play07:25

copy the code and I'll go ahead and

play07:28

replace the content

play07:30

whoops okay let's copy the code

play07:33

again control a delete hand paste and

play07:36

save give it a save and I'll go ahead

play07:38

and run this API

play07:42

again and let's

play07:44

see uh it's working here and now let me

play07:48

just click on this

play07:50

option and yes now we only have the

play07:54

actual text content and all other HTML

play07:56

elements and stuff is actually gone now

play07:58

I will go ahead and give it a different

play08:00

keyword something like this how to train

play08:02

chat GPT and I'll go ahead and hit

play08:05

enter and wait for a while and yeah it's

play08:09

working and let me just go ahead and

play08:11

click on this and now we have a link

play08:14

from chat b.co the actual text content

play08:17

then we have viky how.com then we have

play08:20

the actual text content only and this

play08:21

time if you notice you can see that

play08:23

there is no HTML content right so HTML

play08:25

tags and stuff like that is actually

play08:27

ignored by the API and if you do a

play08:29

search for how to train chat GPT on

play08:31

Google so these are the websites that

play08:33

going to pop up in the first page and

play08:35

these are the actual text content so

play08:37

that's how simple it is to create an API

play08:39

for nextjs using Vis byel okay the next

play08:42

thing that we're going to code is to

play08:43

create a website in nextjs that will

play08:46

allow users to upload a image or a

play08:48

screenshot and select a particular part

play08:50

and blur it okay and after blurring that

play08:52

particular part users can download the

play08:54

image back to their computer so let's

play08:55

see how to code the same using V byell

play08:58

so go ahead and give give it a symol

play09:00

prom something like this create a

play09:01

website in nextjs 14 app router

play09:03

typescript where a user can upload an

play09:05

image and drag and select a portion to

play09:07

blur after blurring the user should be

play09:09

given the option to download the image

play09:11

to their device the selected portion

play09:13

should be blurred also include an option

play09:15

to invert the selection and blur and

play09:17

also be able to blur multiple times so

play09:19

I'll go ahead and click on the send

play09:20

button and wait all right so v.d has

play09:23

managed to code the entire thing and I

play09:25

had to give a few more prompts to fix

play09:27

the errors that it had initially and

play09:29

this is the final code that is working

play09:30

right now so I'll go ahead and copy this

play09:32

one and replace the content inside page.

play09:35

TSX and by the way I'm actually using

play09:37

ret for this one not the local IDE and

play09:39

I'll further scroll down and copy the

play09:42

code for image uploaded. TSX so inside

play09:44

of the components folder you'll have to

play09:46

create something called as image

play09:47

uploaded. TSX file and I'll go ahead and

play09:50

replace the content inside then I'll

play09:52

further scroll down and image editor so

play09:56

image editor. TSX I'll replace the cont

play09:59

there as well now I'll go ahead and

play10:01

scroll down and yes that's all about it

play10:04

and I'll go ahead and click on this run

play10:05

button and let's see if it works all

play10:08

right the development server is actually

play10:11

running and I'll just go ahead and click

play10:13

on this option to open it in a new tab

play10:16

all right so this right here is the

play10:17

website that a has managed to code and

play10:19

let's see if it works this time so I'll

play10:21

go ahead and capture a simple screenshot

play10:24

like

play10:24

this and once I have the screenshot I'll

play10:27

click on upload image and select the

play10:29

screenshot and upload the same and I'll

play10:31

go ahead and make a selection right here

play10:33

like so and I'll click on apply blur and

play10:36

yes that works I can go ahead and make

play10:38

more selection click on apply blur and

play10:41

it works I also have a blur amount

play10:43

slider so that I can select the

play10:45

intensity of the blur to add and if I

play10:47

want to reset I can click on reset but

play10:49

before that let me just click on the

play10:50

download button and see if it downloads

play10:52

the image and there we have it and I'll

play10:54

just go ahead and open it up and this is

play10:56

the exact image that we see right here

play10:58

and the functionality is just working as

play11:00

it should and I click on the reset

play11:01

button and everything is back to normal

play11:04

so that's how simple it is to create a

play11:06

image blurring website completely using

play11:08

AI so I have not really coded a single

play11:10

line manually all I did was give some

play11:12

prompts to this AI tool right here and

play11:14

copy the code it generated and pasted it

play11:16

in replate and this is the app that it

play11:18

generated and it's fully functional all

play11:21

right so now that you know how to use AI

play11:23

to kind of create an API in nextjs 14 or

play11:25

create a fully functional app that lets

play11:27

you blur parts of the images you can go

play11:30

ahead and visit any freelancing

play11:31

platforms like fivr RW work or find

play11:33

clients from Twitter or LinkedIn and

play11:35

provide freelance coding related

play11:36

services and make money out of it and

play11:38

the best part is that even if you only

play11:40

have intermediate or basic knowledge

play11:41

about coding you can still go ahead and

play11:43

get started with the whole thing and if

play11:45

you have like zero coding knowledge it

play11:46

might not be for you but again if you

play11:48

have basic understanding as to how

play11:49

things work under the hood and you know

play11:51

the basics of whatever programming

play11:52

language that you plan to focus things

play11:54

should be very simple for you and you

play11:55

can use air tools like this to make

play11:57

money out of it so I hope you found this

play11:59

video useful if yes make sure to

play12:00

subscribe to this Channel and I'll see

play12:01

you in the next one

Rate This

5.0 / 5 (0 votes)

Ähnliche Tags
AI编程自由职业赚钱技巧Next.jsAPI开发图像模糊在线工具编程入门技术教程副业机会
Benötigen Sie eine Zusammenfassung auf Englisch?