WEBVTT 00:01.960 --> 00:06.800 This course tries to teach you the skills you need to know, regardless of the tools you decide to use. 00:07.000 --> 00:12.160 And talking about that, currently there's an explosion of tools in this space. 00:12.360 --> 00:15.280 It is just incredibly hard to keep track of all of them. 00:15.400 --> 00:20.480 But in this lecture, I'm going to give you a bit of orientation so that at least you know which tools 00:20.480 --> 00:21.680 work best for you. 00:22.200 --> 00:28.200 If you're getting started and have no experience installing DevTools on your computer, or just stick 00:28.200 --> 00:32.800 to web based tools which are presented here on the right hand side. 00:33.000 --> 00:35.160 So web based tools are lovable. 00:35.160 --> 00:40.160 Firebase Studio, Bold zero from Vercel and many, many others. 00:40.160 --> 00:46.000 So let me just give you an example of what a web based tool is and how it looks like so that you have 00:46.040 --> 00:46.920 a brief idea. 00:47.600 --> 00:51.120 So in this case I'm going to demonstrate here briefly lovable. 00:51.360 --> 00:57.400 And all these tools are excellent for creating beautiful front ends without you having to install any 00:57.400 --> 00:59.120 tools or leave your browser. 00:59.360 --> 01:01.830 So you'll need to do is provide a prompt here. 01:01.830 --> 01:05.390 You can even attach here an image or a figma design. 01:05.790 --> 01:08.070 And you can easily create an app. 01:08.070 --> 01:13.790 So just to show you an example, I have created here a small application which helps me learn a few 01:13.790 --> 01:14.750 Spanish words. 01:14.990 --> 01:17.750 And this is what I used to get started. 01:17.750 --> 01:24.910 So I just specified here an initial prompt, which is anyway not ideal, but this is the interface that 01:24.910 --> 01:25.790 has been created. 01:25.790 --> 01:31.390 So it has been built a front end that I would need a lot of time to replicate. 01:31.710 --> 01:35.790 And I can continue the conversation and improve this app and make it better. 01:36.070 --> 01:42.670 So there's a lot of possibility by using one of these apps and it's all integrated. 01:42.670 --> 01:44.190 So this is also deployed. 01:44.470 --> 01:47.790 I can just use a domain from lovable a lot of options there. 01:48.350 --> 01:50.910 And there's also the possibility of viewing here the code. 01:50.910 --> 01:54.310 If you're a bit more technical, you want to see exactly what has happened. 01:54.350 --> 01:58.070 It's also possible to integrate this with GitHub. 01:58.110 --> 02:00.900 So if you have a GitHub account, you want to sync your code there. 02:00.940 --> 02:02.220 That's also possible. 02:02.460 --> 02:08.020 And not only that, it's also a good idea to look into additional integrations. 02:08.020 --> 02:13.780 For example, Supabase is something that allows you to add data storage or other backend capabilities 02:13.780 --> 02:16.980 so things that a normal application also needs. 02:17.020 --> 02:19.980 It's just about building a front end, which is absolutely fine. 02:20.020 --> 02:26.020 We're also building more advanced applications, and I think this is a great starting point for many 02:26.020 --> 02:26.500 people. 02:26.820 --> 02:31.180 If you still don't want to leave your browser, but you're looking for something slightly more advanced, 02:31.620 --> 02:34.900 Firebase Studio from Google has been recently launched. 02:35.140 --> 02:41.140 It provides even more functionality, but sometimes, especially for beginners, more is not always 02:41.140 --> 02:41.660 better. 02:41.780 --> 02:43.380 So just keep that in mind. 02:44.860 --> 02:49.660 So in a nutshell, if you're a beginner and you want to do everything from your browser, start with 02:49.660 --> 02:50.980 one of these apps. 02:50.980 --> 02:53.900 I think loveable is a great place to start. 02:54.060 --> 03:01.090 But if you're a bit more adventurous and are used to solving problems on your own, You can go for any 03:01.090 --> 03:02.810 of the tools on the left hand side. 03:02.810 --> 03:04.890 So we have here a few options available. 03:04.930 --> 03:07.330 I'm going to start here with ID extensions. 03:07.330 --> 03:15.130 So any ID that you're currently using, whether it's Visual Studio Code or something else as the possibility 03:15.130 --> 03:17.330 of adding extensions or plugins. 03:17.330 --> 03:19.210 And there are a lot of options here available. 03:19.810 --> 03:24.850 GitHub Copilot is one of these tools that has been on the market for a long time, and they've also 03:24.850 --> 03:28.330 recently added this agent mode, which is pretty good actually. 03:28.730 --> 03:33.930 We also have windsurf, which is available also as an extension, and also many other options. 03:33.930 --> 03:35.490 So there are a few options right here. 03:35.490 --> 03:40.810 So if you just want to get started with something, choose either GitHub Copilot or Windsurf in terms 03:40.810 --> 03:41.770 of an extension. 03:42.130 --> 03:48.610 However, if you want to get a full IDE which has all these features already enabled and added, you 03:48.610 --> 03:50.690 want to look here at this part. 03:50.730 --> 03:53.090 Full Ides or Visual Studio Code forks. 03:53.090 --> 03:58.880 Because all the options that we have here have been forked from Visual Studio, which is created by 03:58.880 --> 03:59.560 Microsoft. 03:59.680 --> 04:04.440 So we have here in this category cursor windsurf and also more recently tray. 04:04.600 --> 04:10.320 So in terms of tool recommendation cursor or windsurf they are both excellent tools tools that we're 04:10.320 --> 04:12.440 going to discuss also throughout this course. 04:12.800 --> 04:14.600 And these are a great starting point. 04:14.920 --> 04:19.320 So choose any of the options that you think are best for you. 04:19.480 --> 04:21.120 There's also a very small category. 04:21.120 --> 04:22.680 These are CLI tools. 04:22.680 --> 04:25.720 More recently OpenAI released Codex CLI. 04:26.160 --> 04:27.480 Honestly I'm not so impressed. 04:27.480 --> 04:30.080 We're going to look into this a bit later in the course. 04:30.080 --> 04:31.080 It's not a big category. 04:31.080 --> 04:33.280 It's not something that I would recommend looking into. 04:33.280 --> 04:34.760 If you're just getting started. 04:34.800 --> 04:38.360 There are many more exciting tools that are available there. 04:39.160 --> 04:45.640 Now, the idea of IDE extensions and also of this Visual Studio Code works, is that you have more control 04:45.640 --> 04:47.360 over the application that you're building. 04:47.360 --> 04:52.640 You're not constrained to a specific tool or a specific technology that's being used. 04:52.640 --> 04:53.520 And this is great. 04:53.520 --> 04:56.600 But with more power also comes more responsibility. 04:56.600 --> 05:02.110 So these are tools that I recommend for people who are a bit more experienced, or for people who want 05:02.150 --> 05:06.630 to learn software development and are willing to experiment a bit. 05:07.030 --> 05:12.670 Now, regardless of the tools you decide to use, keep in mind that it's relatively easy to use the 05:12.670 --> 05:18.230 skills you have learned with a particular tool, and apply those skills to any other tools that you 05:18.230 --> 05:19.190 see out here. 05:19.430 --> 05:26.150 So throughout the course, even if a section focuses on a specific tool, the ideas apply to other tools 05:26.150 --> 05:26.550 as well. 05:26.550 --> 05:30.870 So don't skip something because you think, oh, this is talking about herself, for example. 05:30.870 --> 05:32.270 And I want to use lovable. 05:32.390 --> 05:34.230 And that's not really relevant for me. 05:34.270 --> 05:37.030 Actually it is up to a certain degree. 05:37.630 --> 05:43.470 So you're going to see here in the course that many of these concepts can be applied to many other tools. 05:44.470 --> 05:46.470 So that is it in terms of orientation. 05:46.790 --> 05:48.710 And these are my recommendations. 05:48.710 --> 05:53.950 And if you have any questions about this, feel free to drop a question in the Q&A below this lecture. 05:53.950 --> 05:55.470 I'm more than happy to help out.