WEBVTT

1
00:00:00.040 --> 00:00:03.090
The first thing we need to do is to install Claude Code onto our computer.

2
00:00:03.400 --> 00:00:06.940
Claude Code is a desktop application that lets us chat with the cloud models,

3
00:00:07.200 --> 00:00:09.870
and it's going to be what we use to build our applications.

4
00:00:10.720 --> 00:00:13.470
You can think of Claude as your agent that will do work

5
00:00:13.470 --> 00:00:17.300
on your behalf using just plain English or whatever language you're using,

6
00:00:17.480 --> 00:00:19.860
and you can think of elements as the toolkit it will use

7
00:00:19.920 --> 00:00:22.840
and the guidance system that makes sure that it does it correctly.

8
00:00:23.470 --> 00:00:25.820
Click the button to download it for your operating system,

9
00:00:25.990 --> 00:00:27.180
and when it's done downloading,

10
00:00:27.390 --> 00:00:28.610
click on the upper right,

11
00:00:28.960 --> 00:00:30.940
drag the application into your applications,

12
00:00:30.990 --> 00:00:32.540
and since I already have it installed,

13
00:00:32.590 --> 00:00:33.690
I'll just stop it here.

14
00:00:34.030 --> 00:00:34.460
On a Mac,

15
00:00:34.480 --> 00:00:37.180
you can use command space that'll bring up Spotlight Search.

16
00:00:37.370 --> 00:00:38.340
Type the word cloud,

17
00:00:38.430 --> 00:00:40.010
and it should be the first entry

18
00:00:40.110 --> 00:00:40.700
in the list.

19
00:00:40.900 --> 00:00:42.260
Press enter or click that,

20
00:00:42.300 --> 00:00:44.130
and it'll open up the cloud application.

21
00:00:44.310 --> 00:00:45.340
If you're on Windows,

22
00:00:45.590 --> 00:00:47.260
do the same but with the Windows key.

23
00:00:47.940 --> 00:00:49.680
If you haven't created an account with Cloud yet,

24
00:00:49.700 --> 00:00:50.600
you'll have to do that.

25
00:00:50.820 --> 00:00:52.890
If you open up the application and you're not signed in,

26
00:00:52.980 --> 00:00:54.230
it will guide you through

27
00:00:54.380 --> 00:00:55.050
that process,

28
00:00:55.140 --> 00:00:57.820
or you can go to cloud.com/pricing

29
00:00:58.020 --> 00:01:00.570
and pick the middle option for Claude Code Pro.

30
00:01:00.890 --> 00:01:02.600
Free doesn't have Claude Code,

31
00:01:02.780 --> 00:01:07.250
and so we'll need to pay $20 a month or $17 a month if you do the annual plan.

32
00:01:07.400 --> 00:01:09.010
I don't think you'll need Macs to start off.

33
00:01:09.100 --> 00:01:12.130
You can start off with Pro and you can always upgrade it later if you need to.

34
00:01:12.580 --> 00:01:12.770
Next,

35
00:01:12.860 --> 00:01:13.850
head over to Elements Dev,

36
00:01:13.900 --> 00:01:14.410
the website,

37
00:01:14.430 --> 00:01:16.740
and click the install link on the top nav bar.

38
00:01:17.220 --> 00:01:19.770
We'll sign up for elements with a username that will be public,

39
00:01:19.940 --> 00:01:21.440
and you can pick whatever one you want.

40
00:01:21.580 --> 00:01:22.450
If you want to be anonymous,

41
00:01:22.540 --> 00:01:23.160
that's fine.

42
00:01:23.260 --> 00:01:23.860
And if you're not sure,

43
00:01:23.900 --> 00:01:25.130
just click the generate button

44
00:01:25.260 --> 00:01:27.060
and it will give you one automatically.

45
00:01:27.290 --> 00:01:28.360
Put in your email address,

46
00:01:28.600 --> 00:01:29.120
password,

47
00:01:29.460 --> 00:01:30.250
accept the agreements,

48
00:01:30.340 --> 00:01:32.010
and click verify your email.

49
00:01:32.140 --> 00:01:32.370
Next,

50
00:01:32.390 --> 00:01:35.450
an email is gonna be sent to the email address that you provided so that

51
00:01:35.450 --> 00:01:38.530
we can verify that it's a real email address and that you're not a robot.

52
00:01:38.660 --> 00:01:39.450
The email should look

53
00:01:39.800 --> 00:01:40.170
Like this,

54
00:01:40.270 --> 00:01:42.260
open it up and grab this code

55
00:01:42.480 --> 00:01:43.400
and copy it.

56
00:01:43.800 --> 00:01:45.150
Paste it into the form input,

57
00:01:45.320 --> 00:01:47.870
and then click the next get the install script.

58
00:01:48.070 --> 00:01:48.270
Next,

59
00:01:48.290 --> 00:01:50.070
you should see the agent prompt appear,

60
00:01:50.120 --> 00:01:52.070
and whenever you see a box that looks like this,

61
00:01:52.160 --> 00:01:53.180
it means you can click it,

62
00:01:53.200 --> 00:01:55.560
and that will copy the contents to your clipboard

63
00:01:55.680 --> 00:01:59.820
so that we can then go over to Claude Code and paste it into the desktop application.

64
00:02:00.040 --> 00:02:01.880
So go ahead and click this box.

65
00:02:02.740 --> 00:02:04.560
And then head over to Claude Code.

66
00:02:04.820 --> 00:02:08.570
Paste that install script directly into the cloud prompt and press enter,

67
00:02:08.780 --> 00:02:11.520
and Cloud should automatically begin installing elements.

68
00:02:11.660 --> 00:02:13.660
The whole process shouldn't take more than

69
00:02:13.810 --> 00:02:15.400
20 to 30 seconds.

70
00:02:15.870 --> 00:02:17.410
Once Cloud is done installing elements,

71
00:02:17.460 --> 00:02:19.580
it will ask you whether you want to create an application,

72
00:02:19.740 --> 00:02:22.410
and you can do that by just asking it in plain language.

73
00:02:24.320 --> 00:02:26.060
Cloud will create that application in your

74
00:02:26.060 --> 00:02:29.020
home directory elements projects folder by default,

75
00:02:29.250 --> 00:02:31.430
and it will open up a terminal on the right.

76
00:02:31.520 --> 00:02:32.350
I can press

77
00:02:32.550 --> 00:02:35.170
control L and Mac to clear this out a little bit,

78
00:02:35.600 --> 00:02:37.350
and it gives me my next instruction.

79
00:02:37.400 --> 00:02:39.750
It opens up this terminal in my folder.

80
00:02:39.900 --> 00:02:42.110
If I type PWD on a Mac,

81
00:02:42.160 --> 00:02:46.030
you'll see the folder is in the elements projects myapp directory.

82
00:02:46.860 --> 00:02:49.290
And it wants me to type elements start,

83
00:02:49.420 --> 00:02:51.370
so go ahead and type elements start and

84
00:02:51.660 --> 00:02:53.220
and and press enter.

85
00:02:54.860 --> 00:02:56.780
This should start it very quickly,

86
00:02:57.060 --> 00:02:57.730
and when it does,

87
00:02:57.820 --> 00:03:00.400
it will provide you a URL called

88
00:03:00.620 --> 00:03:02.240
localhost 4000,

89
00:03:02.260 --> 00:03:03.880
and you can click that here.

90
00:03:04.800 --> 00:03:08.160
And it will open up a prompt that asks you whether you want to open the link,

91
00:03:08.200 --> 00:03:08.820
and you should say,

92
00:03:08.840 --> 00:03:09.430
OK.

93
00:03:10.390 --> 00:03:14.570
And that will open up a browser inside of the cloud agent editor,

94
00:03:14.990 --> 00:03:17.220
and this means that you have been successful.

95
00:03:17.350 --> 00:03:18.300
Congratulations,

96
00:03:18.470 --> 00:03:20.340
you are now running on elements.