WEBVTT

00:00.599 --> 00:02.200
uh Hello friends welcome to this video

00:02.200 --> 00:03.919
so in this video I will show you how to

00:03.919 --> 00:06.399
integrate chat GPT for totally free

00:06.399 --> 00:09.120
inside vs code so there is an

00:09.120 --> 00:11.759
extension which this is actually the

00:11.759 --> 00:15.680
extension right here it is having

00:15.680 --> 00:18.160
23277 download So once you install this

00:18.160 --> 00:21.920
extension you will get this menu

00:21.920 --> 00:24.119
appearing or you can click this

00:24.119 --> 00:25.720
additional view section you will see

00:25.720 --> 00:29.080
this chat GPT option so you need to

00:29.080 --> 00:31.599
Simply click this so inside this you can

00:31.599 --> 00:32.840
ask some

00:32.840 --> 00:36.239
questions you can

00:36.440 --> 00:41.440
just write a write a JS program to make

00:41.440 --> 00:43.079
a

00:43.079 --> 00:46.079
calculator so it is totally free it is

00:46.079 --> 00:48.960
not dependent upon any API key so once

00:48.960 --> 00:50.800
you ask a question it will generate the

00:50.800 --> 00:53.600
response you will see that instantly it

00:53.600 --> 00:56.120
will instantly generate this calculator

00:56.120 --> 01:01.920
with HTML CSS and JavaScript so

01:02.640 --> 01:05.680
I can just tell tell it that I want

01:05.680 --> 01:07.840
everything in a single file so I can

01:07.840 --> 01:11.040
just ask a consequent questions to it I

01:11.040 --> 01:13.520
want everything in a single file so

01:13.520 --> 01:15.520
based upon that it will now generate

01:15.520 --> 01:18.560
everything in a single

01:19.720 --> 01:22.560
file now I will simply say make a

01:22.560 --> 01:25.040
calculator you need to be descriptive

01:25.040 --> 01:26.520
when asking questions so make a

01:26.520 --> 01:30.240
calculator in HTML CSS and JavaScript

01:30.240 --> 01:33.960
and all code should be in a single

01:33.960 --> 01:37.960
file so now it will give you a single

01:37.960 --> 01:43.159
file it will which will be a simple

01:43.320 --> 01:46.159
calculator so now it the code is given

01:46.159 --> 01:48.680
to you so you can copy this code and

01:48.680 --> 01:51.840
just make this uh

01:52.920 --> 01:56.000
index.html paste this code so now this

01:56.000 --> 02:00.079
is your overall code here and uh you can

02:00.079 --> 02:02.439
open this code in the browser so you can

02:02.439 --> 02:05.039
see instantly we have made a calculator

02:05.039 --> 02:08.720
functional calculator which supports

02:08.720 --> 02:11.680
these four operations you can subtract

02:11.680 --> 02:14.440
addition divide multiply so it is

02:14.440 --> 02:17.760
actually coded entirely by chat GPT I

02:17.760 --> 02:19.440
haven't done anything you will see that

02:19.440 --> 02:21.720
it is completely responsive it works in

02:21.720 --> 02:24.120
the mobile phone desktop as well so in

02:24.120 --> 02:25.760
this way you can make any sort of

02:25.760 --> 02:27.720
application using this awesome extension

02:27.720 --> 02:30.319
chat GPT it is integrated inside the vs

02:30.319 --> 02:33.480
code extension it totally free and uh

02:33.480 --> 02:35.480
again make

02:35.480 --> 02:41.319
a let's suppose I say make a scientific

02:42.519 --> 02:46.599
calculator in HTML CSS and JavaScript

02:46.599 --> 02:50.040
all code should be in single

02:50.040 --> 02:53.760
file this calculator should so you you

02:53.760 --> 02:55.840
should be descriptive while you ask

02:55.840 --> 02:57.680
questions so based upon your questions

02:57.680 --> 03:00.159
the response will be generated that

03:00.159 --> 03:02.319
should support

03:02.319 --> 03:06.159
all Advan

03:07.519 --> 03:10.360
operations so once you ask the question

03:10.360 --> 03:15.319
you will actually get the full

03:16.440 --> 03:19.400
calculator so you will see that now you

03:19.400 --> 03:22.840
can copy this code and paste

03:22.840 --> 03:26.120
it so everything is minified so we can

03:26.120 --> 03:28.560
format the document right here you will

03:28.560 --> 03:31.760
see that

03:37.000 --> 03:40.280
so this is actually not functional

03:40.280 --> 03:43.239
something is gone wrong so once

03:43.239 --> 03:47.080
again some things sometimes it doesn't

03:47.080 --> 03:51.080
generate the correct response but uh you

03:51.080 --> 03:52.760
just need to ask questions again and

03:52.760 --> 03:55.319
again make

03:55.920 --> 04:00.920
a scientific calculator in HTML

04:00.920 --> 04:07.040
CSS in JavaScript give code in a single

04:09.200 --> 04:13.000
file so you can see it is very fast you

04:13.000 --> 04:15.959
can see the speed of this plug-in it's

04:15.959 --> 04:16.959
very

04:16.959 --> 04:21.239
fast how it generates the

04:28.080 --> 04:31.080
responses so it is not limited to HTML

04:31.080 --> 04:33.960
CSS in JavaScript you can ask in any

04:33.960 --> 04:37.039
language PHP python you can now see it

04:37.039 --> 04:40.560
also now supports uh additional

04:40.560 --> 04:43.600
operators cost you can see that so in

04:43.600 --> 04:46.680
this way you can make applications so

04:46.680 --> 04:49.240
PHP

04:49.400 --> 04:53.800
script to download file you can see

04:53.800 --> 04:56.360
that so now it will give you this PHP

04:56.360 --> 04:58.360
code instantly you can see the speed is

04:58.360 --> 05:00.520
very good you can see it also dis

05:00.520 --> 05:02.800
generates this short little description

05:02.800 --> 05:05.039
explaining the code what this code does

05:05.039 --> 05:07.360
each and everything so it's completely

05:07.360 --> 05:08.960
automated guys in this way you can

05:08.960 --> 05:12.759
integrate chat gbt inside vs code and

05:12.759 --> 05:14.080
thank you very much for watching this

05:14.080 --> 05:15.680
video please hit that like button

05:15.680 --> 05:17.360
subscribe the channel and I will be

05:17.360 --> 05:21.280
seeing you in the next video