WEBVTT 00:01.960 --> 00:04.720 This course is going to be very hands on. 00:04.880 --> 00:08.400 That means we'll be doing a lot of things together step by step. 00:08.400 --> 00:09.960 So let's not waste any time. 00:09.960 --> 00:14.200 We're going to get started with the first steps towards building our first app. 00:14.200 --> 00:16.520 But for that we need a few tools. 00:16.520 --> 00:22.080 And actually the tools that we need are cursor, Node.js and git. 00:22.080 --> 00:24.880 And I'm going to go step by step and explain why we need them. 00:25.040 --> 00:29.920 But just keep in mind all these tools work on windows, macOS or Linux. 00:30.200 --> 00:33.080 So no matter what computer you have, you're good to go. 00:33.240 --> 00:39.720 I've also added helpful links and tutorials in the resources folder for this lecture, so all lectures 00:39.720 --> 00:44.080 in the course also have additional resources that it's always a good idea to check them out to see what 00:44.080 --> 00:44.960 they're all about. 00:44.960 --> 00:47.680 So that will also help you get started. 00:48.240 --> 00:53.120 Apart from this, during the course I will ask you from time to time to open something which is called 00:53.160 --> 00:55.400 a terminal and you've never used that before. 00:55.440 --> 01:01.880 Then where is relatively easy on Mac OS and Linux, simply search for a program called terminal, and 01:01.920 --> 01:09.190 on windows search for a program called CMD or PowerShell, and what you should see on the screen is 01:09.190 --> 01:11.430 something similar to what you see right now. 01:11.550 --> 01:14.590 It may look a bit different on each system, but the idea is the same. 01:14.590 --> 01:19.070 It is a place where we can type commands and talk directly to the computer. 01:19.070 --> 01:20.550 And I'm going to show you in a second. 01:21.150 --> 01:25.310 Now let's start with the first tool that we're going to use and that is NodeJS. 01:25.510 --> 01:30.070 And this is a platform that allows us to run JavaScript on our computer. 01:30.070 --> 01:32.990 You can think of it like an engine behind the scenes. 01:32.990 --> 01:36.670 So we're going to use this throughout the course to actually run our code. 01:37.110 --> 01:40.830 I highly recommend that you always go with the LTS version. 01:40.830 --> 01:44.430 So you're going to see here download Node Inversion LTS. 01:44.630 --> 01:47.670 But there's also a chance you already have this installed locally. 01:47.670 --> 01:49.550 So this is why I've asked you to open a terminal. 01:49.550 --> 01:53.670 If you're typing here command like node space dash dash version. 01:54.190 --> 01:59.830 What you should get here is the actual version of NodeJS that is installed on your system. 01:59.830 --> 02:01.990 So if you see this then you're good to go. 02:02.630 --> 02:05.590 The next tool that we're going to need is actually git. 02:05.830 --> 02:12.350 And git helps us keep track of our work and save different versions of our code, and it's going to 02:12.390 --> 02:14.830 be super useful, and we're going to use it throughout the course. 02:14.830 --> 02:17.390 For that reason, it's always a good idea to have it installed. 02:17.750 --> 02:21.430 Git works in a similar way, so in a terminal you can just search for git. 02:22.390 --> 02:25.270 And you're going to see here that I already have git installed. 02:25.270 --> 02:28.030 So I'm already good to go from this perspective. 02:28.030 --> 02:32.350 So the last tool that still needs to be installed is actually cursor. 02:32.390 --> 02:35.190 This is the main tool that we're going to use in this section. 02:35.190 --> 02:36.710 And in many parts of the course. 02:36.910 --> 02:42.390 This is an AI powered code editor and it's currently one of the most popular ones out there. 02:42.630 --> 02:44.270 It is based on VSCode. 02:44.670 --> 02:49.710 So if you use VS code before cursor we're going to feel very, very similar. 02:50.430 --> 02:57.350 So all you need to do is go to this page cursor and download cursor for your operating system. 02:57.710 --> 03:02.670 And when you open cursor for the first time after the installation, you're going to get a few setup 03:02.670 --> 03:03.230 questions. 03:03.230 --> 03:05.430 Now the first one is about the language. 03:05.430 --> 03:11.630 You can choose a non-English language that you're comfortable speaking or typing, and I will talk to 03:11.630 --> 03:12.710 you in that language. 03:13.270 --> 03:16.740 There's also the option to connect cursor to your terminal. 03:17.300 --> 03:21.860 I really like to do this, but it's completely optional for you, so feel free to skip ahead if you 03:21.860 --> 03:23.340 don't really care about that. 03:23.380 --> 03:25.780 Let's go ahead and click on continue. 03:26.340 --> 03:31.660 Now, I said earlier that cursor is based on VSCode and we can use VSCode extensions. 03:31.780 --> 03:36.300 I'm just going to select here start from scratch because I don't want to clutter cursor with any other 03:36.300 --> 03:37.780 extensions I might have. 03:38.380 --> 03:40.820 Then we're also going to be asked about privacy. 03:40.860 --> 03:46.580 Now personally, I don't want to share my private code with cursor, so I'm just going to select privacy 03:46.580 --> 03:47.100 mode. 03:47.580 --> 03:51.980 Now we're not done with the entire setup process because this is the fun part. 03:52.020 --> 03:53.540 To actually use cursor. 03:53.540 --> 03:55.100 We also need an account. 03:55.140 --> 03:59.020 If you don't already have an account, simply click on Sign up and follow the steps. 03:59.140 --> 04:02.180 It is relatively quickly and you don't need a credit card. 04:02.460 --> 04:09.140 And once you log in, the browser will connect your local cursor installation with your cursor account. 04:09.380 --> 04:10.820 And that's pretty much it. 04:10.820 --> 04:16.420 And when you open cursor for the first time, then after login, it should look something like this. 04:16.860 --> 04:19.860 It can be confusing in the beginning for a lot of people. 04:19.860 --> 04:24.180 So do look for those small buttons right in the top right corner. 04:24.780 --> 04:30.540 These are used to open and close different panels, so just try them out a bit and see exactly what's 04:30.540 --> 04:31.460 happening there. 04:32.100 --> 04:35.380 Before we conclude this lecture, a quick note on pricing. 04:35.780 --> 04:41.660 While Node.js and Git are completely free, if you look at a cursor page and click on pricing, you're 04:41.660 --> 04:44.020 going to see here that there are different plans available. 04:44.020 --> 04:46.620 So now we have started with the free plan. 04:46.620 --> 04:48.300 We haven't provided any payment. 04:48.460 --> 04:54.100 And actually with the free plan at the time of this recording, we are getting a two week pro trial. 04:54.100 --> 05:01.940 So the pro trial is the one here in the middle and the free plan is working fine, but it does have 05:01.940 --> 05:02.540 some limits. 05:02.540 --> 05:05.340 So definitely the Pro plan is a much better plan. 05:05.780 --> 05:11.140 But also later in the course we're going to take a look and see how we can use cursor at a lower cost. 05:11.340 --> 05:13.380 But for now, enjoy the free plan. 05:13.420 --> 05:16.500 Just keep in mind it's not going to be like this forever. 05:16.900 --> 05:17.660 So I think that's it. 05:17.700 --> 05:19.060 We have all the tools that we need. 05:19.060 --> 05:20.420 So let's get started.