0 00:00:00.240 --> 00:00:04.120 To begin, open up your browser and head over to this URL 1 00:00:04.360 --> 00:00:08.480 Now, if you didn't want to type all of that out and make some typos and errors 2 00:00:08.480 --> 00:00:09.720 and not get to the right place, 3 00:00:10.000 --> 00:00:13.480 then simply just head over to the course resources and click on the link there 4 00:00:13.760 --> 00:00:15.680 It'll take you directly to this page 5 00:00:16.760 --> 00:00:20.920 Now, once you've clicked on the link that takes you to the starting Replit, 6 00:00:21.440 --> 00:00:23.560 you should see something that looks like this 7 00:00:24.000 --> 00:00:28.990 And the first thing I want you to do is to go ahead and click on the Fork button 8 00:00:29.760 --> 00:00:34.760 What this is going to do is it's going to create a version of that 9 00:00:34.760 --> 00:00:38.400 same Replit that you'll see me working through in the videos 10 00:00:38.720 --> 00:00:41.240 But in this case, you'll be able to edit it 11 00:00:42.040 --> 00:00:44.320 So if you want to save the work that you're doing, 12 00:00:44.440 --> 00:00:46.220 I recommend signing up to Replit 13 00:00:46.220 --> 00:00:49.200 It's completely free, you don't need any credit cards or anything 14 00:00:49.520 --> 00:00:51.560 Once you've created your account on Replit, 15 00:00:51.680 --> 00:00:55.530 it will take you to the previous page where you can now 16 00:00:55.530 --> 00:00:58.360 actually click the Fork Repl button 17 00:00:58.640 --> 00:01:03.040 And what that will do is it'll create a copy of what I've created 18 00:01:03.060 --> 00:01:04.960 and put it into your account 19 00:01:05.400 --> 00:01:09.654 And then you'll be able to see a record of all of the code 20 00:01:09.654 --> 00:01:11.654 that you've written throughout the course 21 00:01:12.110 --> 00:01:12.840 In this course, 22 00:01:12.840 --> 00:01:14.670 you'll be coding along with me on Replit 23 00:01:14.670 --> 00:01:19.600 and completing a whole bunch of interactive coding exercises in our Replit classroom 24 00:01:20.560 --> 00:01:24.290 So go ahead, pause the video, sign up to Replit 25 00:01:24.290 --> 00:01:29.170 and make sure you've forked the starting copy of day1-printing-start. 26 00:01:29.480 --> 00:01:31.650 And you should be on a screen that looks like this 27 00:01:33.680 --> 00:01:35.360 And once you're signed in, 28 00:01:35.400 --> 00:01:39.100 then you can actually go ahead and edit the name of the Replit 29 00:01:39.156 --> 00:01:41.006 or add a brief description 30 00:01:41.050 --> 00:01:45.040 and you'll be able to access it later on through the My Repls folder 31 00:01:45.680 --> 00:01:46.960 Now, once you've done that, 32 00:01:47.080 --> 00:01:49.280 then let's go ahead and walk through 33 00:01:49.357 --> 00:01:52.057 some of the different parts of Replit that you'll be using 34 00:01:52.630 --> 00:01:55.000 First, on the left-hand side pane here, 35 00:01:55.000 --> 00:01:56.840 you've got some files 36 00:01:56.857 --> 00:02:00.957 and you can see the current file that's open is this Python file here 37 00:02:00.957 --> 00:02:04.280 And you can create new files or you can create new folders 38 00:02:04.440 --> 00:02:07.880 And later on, we'll be using these features to organize our code 39 00:02:08.560 --> 00:02:13.500 Now the other part of the left-hand side pane that's really useful is the Settings tab here 40 00:02:13.840 --> 00:02:17.760 And I recommend everybody to switch their font size up to large 41 00:02:18.200 --> 00:02:22.560 This just makes it so much easier to identify mistakes and any typos you make 42 00:02:23.000 --> 00:02:25.400 Now we're going to leave everything else as it is, 43 00:02:25.560 --> 00:02:28.860 and you can click on the Settings button to collapse that pane 44 00:02:28.860 --> 00:02:31.760 so that you end up with more space for writing code 45 00:02:32.360 --> 00:02:35.920 And this area here is where you're going to be doing that 46 00:02:36.120 --> 00:02:38.280 All of your code is going to go inside here 47 00:02:38.800 --> 00:02:40.720 And once we're done with writing our code, 48 00:02:41.000 --> 00:02:45.700 we'll click Run and it will execute and the results of our code 49 00:02:45.700 --> 00:02:48.600 will come up over on the console in the right here 50 00:02:49.680 --> 00:02:54.240 And I generally prefer to code using a darker background 51 00:02:54.520 --> 00:02:58.280 It's slightly easier on my eyes, especially when you're working at night 52 00:02:59.320 --> 00:03:02.200 So these are some of the most important parts of Replit, 53 00:03:02.600 --> 00:03:06.680 but the important thing is it allows us to just get started 54 00:03:07.160 --> 00:03:10.670 Now remember that the whole reason why we're learning to program 55 00:03:10.670 --> 00:03:13.680 is to be able to tell the computer what it needs to do 56 00:03:13.968 --> 00:03:16.318 and for it to follow our commands 57 00:03:16.818 --> 00:03:19.720 So let's go ahead and tell the computer to do something 58 00:03:20.320 --> 00:03:23.240 And we're going to do that by writing our first line of code. 59 00:03:23.990 --> 00:03:27.400 So in this case, I'm creating something called a print function, 60 00:03:27.720 --> 00:03:30.330 which is just the word print all in lowercase 61 00:03:30.535 --> 00:03:32.985 and then followed by a set of parentheses 62 00:03:33.285 --> 00:03:35.360 Now inside these parentheses, 63 00:03:35.560 --> 00:03:38.440 I'm going to tell it what I want it to print 64 00:03:39.000 --> 00:03:43.040 And hopefully it's going to output that inside our console 65 00:03:44.000 --> 00:03:49.000 So I'm going to start off by writing the classic "Hello world!" inside here 66 00:03:49.600 --> 00:03:53.000 And then once you're ready, then go ahead and click Run 67 00:03:53.960 --> 00:03:57.890 After a few seconds, you should see the computer follow your command 68 00:03:57.890 --> 00:04:01.220 namely printing the words that you told it to print 69 00:04:01.476 --> 00:04:04.626 inside the console or the output area over here 70 00:04:05.870 --> 00:04:06.800 And once it's done, 71 00:04:06.840 --> 00:04:09.500 it indicates that with the little orange arrow 72 00:04:10.200 --> 00:04:12.840 And the way that this command works is super simple 73 00:04:13.120 --> 00:04:17.270 You have the keyword print followed by a set of parentheses 74 00:04:17.540 --> 00:04:21.480 and then inside the parentheses, you tell it what you want it to print 75 00:04:22.240 --> 00:04:23.720 And once you've inserted that, 76 00:04:23.960 --> 00:04:27.520 then when this line of code gets executed by the computer, 77 00:04:27.840 --> 00:04:33.360 it'll know to simply print or output the thing that you've placed in between the parentheses 78 00:04:35.890 --> 00:04:40.890 But notice here that it's not just the word Hello world exclamation mark 79 00:04:40.995 --> 00:04:43.145 that I've put inside my parentheses 80 00:04:43.900 --> 00:04:48.950 I've also added some quotation marks or double quotes around the word 81 00:04:49.750 --> 00:04:52.180 And the reason why I've done this is 82 00:04:52.196 --> 00:04:58.896 so that I can tell the computer that this bit here in between the double quotes is not code 83 00:04:59.246 --> 00:05:02.470 It's not like print where it's supposed to do something 84 00:05:02.470 --> 00:05:06.230 This is just some text that I've made up that I want it to print out 85 00:05:07.730 --> 00:05:12.210 And these pieces of text in programming lingo is known as Strings 86 00:05:12.810 --> 00:05:16.550 And you can imagine it as almost like a pearl necklace, right? 87 00:05:16.550 --> 00:05:19.180 It's a string of characters 88 00:05:20.030 --> 00:05:22.670 And what the double quotes do is 89 00:05:22.670 --> 00:05:29.020 they basically show the beginning and the end of that string of characters 90 00:05:30.420 --> 00:05:34.150 So that means you have to be really careful when you're typing 91 00:05:34.150 --> 00:05:38.870 For example, if I go ahead and I miss out the closing double quote, 92 00:05:39.470 --> 00:05:44.200 well now you can see that there's some changes that have happened to our code already 93 00:05:44.550 --> 00:05:46.820 Namely that the last parenthesis, 94 00:05:47.220 --> 00:05:50.430 instead of being colored in white like the opening parenthesis 95 00:05:50.680 --> 00:05:52.130 or how it used to be, 96 00:05:52.616 --> 00:05:54.716 it's now colored in orange 97 00:05:54.930 --> 00:05:56.840 And this is a subtle hint to us 98 00:05:57.190 --> 00:06:00.540 You're going to get really attuned to these subtle hints 99 00:06:00.640 --> 00:06:05.610 because they are the clues that will tell you what might've gone wrong in your code 100 00:06:06.110 --> 00:06:09.400 If I run this code as it is right now, it's going to break 101 00:06:10.000 --> 00:06:12.660 It's going to give me a SyntaxError 102 00:06:13.301 --> 00:06:17.151 and it says something that seems like it's completely non-English 103 00:06:17.551 --> 00:06:20.110 So how can we figure out what this means? 104 00:06:20.930 --> 00:06:23.280 Now, the thing I want you to know is that 105 00:06:23.560 --> 00:06:25.640 all programmers make mistakes 106 00:06:25.680 --> 00:06:28.280 We all make lots of errors 107 00:06:28.826 --> 00:06:32.826 like forgetting to add the double quotes at the end of the String 108 00:06:32.926 --> 00:06:36.930 or forgetting to add a closing parenthesis 109 00:06:37.320 --> 00:06:40.200 These things are just common errors because we're human 110 00:06:40.920 --> 00:06:44.120 But the thing that differentiates great programmers is 111 00:06:44.120 --> 00:06:48.480 we're really good at figuring out what the problem is and how to fix it 112 00:06:49.040 --> 00:06:51.120 So you can imagine that coding is just 113 00:06:51.120 --> 00:06:53.290 a whole bunch of problems that you have to solve. 114 00:06:53.687 --> 00:06:55.587 And in this case, 115 00:06:55.587 --> 00:06:58.330 when we get some sort of red text on the right 116 00:06:58.587 --> 00:07:01.587 and our code is not doing what we expect it to do, 117 00:07:01.920 --> 00:07:06.280 then all we have to do is take this entire error message where it says 118 00:07:06.560 --> 00:07:07.800 something, something error, 119 00:07:07.840 --> 00:07:10.800 and this is some sort of message that we're supposed to understand 120 00:07:11.480 --> 00:07:14.000 And we're simply going to drop it into Google 121 00:07:14.520 --> 00:07:17.540 And usually the first link you come across will be from 122 00:07:17.540 --> 00:07:19.480 a website called stackoverflow.com 123 00:07:20.040 --> 00:07:24.170 And this is basically the Q&A website that all developers will go to 124 00:07:24.272 --> 00:07:26.372 whenever something is wrong with their code 125 00:07:26.372 --> 00:07:28.240 or when they can't figure out how to do something 126 00:07:29.840 --> 00:07:31.280 So if we click on this link, 127 00:07:31.720 --> 00:07:35.170 you can see that somebody else has also had this error 128 00:07:35.730 --> 00:07:39.950 and some kind souls have told us that the solution might be 129 00:07:40.129 --> 00:07:44.079 the fact that you're missing a double quote before the end of the line 130 00:07:44.579 --> 00:07:46.520 So if we take a look back at our code, 131 00:07:46.800 --> 00:07:50.360 the code that generated this error looks like this 132 00:07:50.880 --> 00:07:55.280 And indeed we are missing a double quote at the end of our String 133 00:07:57.160 --> 00:08:00.040 As you're learning to code, as you're going through your hundred days, 134 00:08:00.120 --> 00:08:05.820 I want you to become more and more attuned to the color of your code 135 00:08:06.100 --> 00:08:10.750 because one of the most helpful things that code editors such as this do for us 136 00:08:11.180 --> 00:08:13.890 is something called syntax highlighting 137 00:08:14.340 --> 00:08:16.880 For example, when I was missing that double quote, 138 00:08:17.080 --> 00:08:21.430 it highlighted this entire thing in this orange color 139 00:08:21.770 --> 00:08:27.240 and that is basically it telling us it seems like this whole thing is some text, 140 00:08:27.600 --> 00:08:29.800 it thinks that all of this is a string, 141 00:08:30.415 --> 00:08:33.715 and that we're missing a closing parenthesis 142 00:08:35.160 --> 00:08:39.600 So if you notice this and you're like, wait, actually that's not right 143 00:08:39.760 --> 00:08:43.440 This part should be orange because this is what I want to be printed 144 00:08:43.800 --> 00:08:48.280 But this part should match the color of the open brace, which is white 145 00:08:48.560 --> 00:08:50.200 So there must be something wrong here 146 00:08:50.720 --> 00:08:53.440 And indeed if you have a look at the error message, 147 00:08:54.200 --> 00:08:57.350 it actually has a little caret sign right here 148 00:08:57.540 --> 00:09:01.740 showing you that there's something that's probably not right here 149 00:09:02.278 --> 00:09:04.378 and it might jog your memory that, 150 00:09:04.480 --> 00:09:07.760 Oh yeah, I've forgotten a closing double quote 151 00:09:08.880 --> 00:09:12.120 And now when we run our code, you'll see that it's good as new 152 00:09:12.720 --> 00:09:17.720 So now it's your turn to try it out in a code challenge 153 00:09:18.200 --> 00:09:21.120 Head over to the next lesson, sign up to our classroom, 154 00:09:21.440 --> 00:09:25.240 and then I'll guide you through getting started on your first coding challenge 155 00:09:25.480 --> 00:09:28.480 So all of that and more, I'll see you on the next lesson