1 00:00:00,240 --> 00:00:01,060 To begin. 2 00:00:01,080 --> 00:00:04,080 Open up your browser and head over to this URL. 3 00:00:04,380 --> 00:00:09,330 Now, if you didn't want to type all of that out and make some typos and errors and not get to the right 4 00:00:09,330 --> 00:00:13,500 place, then simply just head over to the course resources and click on the link there. 5 00:00:13,740 --> 00:00:15,660 It'll take you directly to this page. 6 00:00:16,770 --> 00:00:22,350 Now, once you've clicked on the link that takes you to the starting report, you should see something 7 00:00:22,350 --> 00:00:23,490 that looks like this. 8 00:00:23,940 --> 00:00:29,010 And the first thing I want you to do is to go ahead and click on the fork button. 9 00:00:29,820 --> 00:00:37,140 What this is going to do is it's going to create a version of that same replicate that you'll see me 10 00:00:37,140 --> 00:00:38,430 working through in the videos. 11 00:00:38,730 --> 00:00:41,280 But in this case, you'll be able to edit it. 12 00:00:42,120 --> 00:00:46,260 So if you want to save the work that you're doing, I recommend signing up to raffle it. 13 00:00:46,260 --> 00:00:47,360 It's completely free. 14 00:00:47,370 --> 00:00:49,260 You don't need any credit cards or anything. 15 00:00:49,530 --> 00:00:55,290 Once you've created your account on replicate, it will take you to the previous page where you can 16 00:00:55,290 --> 00:00:58,380 now actually click the fork rappel button. 17 00:00:58,620 --> 00:01:06,000 And what that will do is it'll create a copy of what I've created and put it into your account, and 18 00:01:06,000 --> 00:01:11,550 then you'll be able to see a record of all of the code that you've written throughout the course. 19 00:01:12,150 --> 00:01:16,950 In this course, you'll be coding along with me on replicate and completing a whole bunch of interactive 20 00:01:16,950 --> 00:01:19,620 coding exercises in our replica classroom. 21 00:01:20,580 --> 00:01:21,600 So go ahead. 22 00:01:21,660 --> 00:01:28,830 Pause the video, sign up to replicate and make sure you forked the starting copy of Day one printing 23 00:01:28,830 --> 00:01:31,590 start and you should be on a screen that looks like this. 24 00:01:33,630 --> 00:01:39,750 And once you're signed in, then you can actually go ahead and edit the name of the applet or add a 25 00:01:39,750 --> 00:01:45,120 brief description, and you'll be able to access it later on through the My Rebels folder. 26 00:01:45,690 --> 00:01:51,040 Now, once you've done that, then let's go ahead and walk through some of the different parts of it 27 00:01:51,090 --> 00:01:52,080 that you'll be using. 28 00:01:52,770 --> 00:01:58,350 First, on the left hand side pane, here you've got some files and you can see the current file that's 29 00:01:58,350 --> 00:01:58,800 open. 30 00:01:59,160 --> 00:02:00,990 Is this Python file here? 31 00:02:01,410 --> 00:02:06,270 And you can create new files, or you can create new folders and later on will be using these features 32 00:02:06,270 --> 00:02:07,890 to organize our code. 33 00:02:08,610 --> 00:02:14,130 Now the other part of the left hand side pane that's really useful is the Settings tab here, and I 34 00:02:14,130 --> 00:02:17,760 recommend everybody to switch their font size up to large. 35 00:02:18,240 --> 00:02:22,560 This just makes it so much easier to identify mistakes and any typos you make. 36 00:02:23,010 --> 00:02:28,020 Now we're going to leave everything else as it is, and you can click on the Settings button to collapse 37 00:02:28,020 --> 00:02:31,740 that pane so that you end up with more space for writing code. 38 00:02:32,340 --> 00:02:35,940 And this area here is where you're going to be doing that. 39 00:02:36,120 --> 00:02:38,280 All of your code is going to go inside here. 40 00:02:38,760 --> 00:02:45,180 And once we're done with writing our code, we'll click run and it will execute, and the results of 41 00:02:45,180 --> 00:02:48,660 our code will come up over on the console in the right here. 42 00:02:49,650 --> 00:02:54,270 And I generally prefer to code using a darker background. 43 00:02:54,570 --> 00:02:58,320 It's slightly easier on my eyes, especially when you're working at night. 44 00:02:59,370 --> 00:03:02,220 So these are some of the most important parts of it. 45 00:03:02,610 --> 00:03:06,690 But the important thing is it allows us to just get started. 46 00:03:07,170 --> 00:03:12,570 Now, remember that the whole reason why we're learning to program is to be able to tell the computer 47 00:03:12,600 --> 00:03:16,440 what it needs to do and for it to follow documents. 48 00:03:16,950 --> 00:03:19,800 So let's go ahead and tell the computer to do something. 49 00:03:20,310 --> 00:03:23,340 And we could do that by writing our first line of code. 50 00:03:24,030 --> 00:03:29,460 So in this case, I'm creating something called a print function, which is just the word print, all 51 00:03:29,460 --> 00:03:32,970 in lowercase and then followed by a set of parentheses. 52 00:03:33,420 --> 00:03:40,470 Now inside these parentheses, I'm going to tell it what I want it to print, and hopefully it's going 53 00:03:40,470 --> 00:03:43,080 to output that inside our console. 54 00:03:44,250 --> 00:03:49,290 So I'm going to start off by writing the classic Hello World inside here. 55 00:03:49,830 --> 00:03:53,250 And then once you're ready, then go ahead and click Run. 56 00:03:54,150 --> 00:03:59,970 After a few seconds, you should see the computer follow your command, namely printing the words that 57 00:03:59,970 --> 00:04:04,770 you told it to print inside the console or the output area over here. 58 00:04:05,810 --> 00:04:11,780 And once it's done, it indicates that with the little orange arrow and the way that this command works 59 00:04:11,780 --> 00:04:17,180 is super simple, you have the key would print, followed by a set of parentheses. 60 00:04:17,600 --> 00:04:21,470 And then inside the parentheses you tell it what you want it to print. 61 00:04:22,220 --> 00:04:28,370 And once you've inserted that, then when this line of code gets executed by the computer, it'll know 62 00:04:28,370 --> 00:04:33,410 to simply print or output the thing that you've placed in between the parentheses. 63 00:04:35,910 --> 00:04:43,260 But notice here that it's not just the word Hello World exclamation mark that I've put inside my parentheses. 64 00:04:43,890 --> 00:04:48,990 I've also added some quotation marks or double quotes around the word. 65 00:04:49,740 --> 00:04:56,970 And the reason why I've done this is so that I can tell the computer that this bit here in between the 66 00:04:56,970 --> 00:04:59,100 double quotes is not code. 67 00:04:59,250 --> 00:05:02,190 It's not like print where it's supposed to do something. 68 00:05:02,490 --> 00:05:06,330 This is just some text that I've made up that I want it to print out. 69 00:05:07,740 --> 00:05:15,180 And these pieces of text in programming lingo is known as strings, and you can imagine it as almost 70 00:05:15,180 --> 00:05:16,420 like a pearl necklace. 71 00:05:16,440 --> 00:05:16,680 Right? 72 00:05:16,690 --> 00:05:19,350 It's a string of characters. 73 00:05:20,040 --> 00:05:28,170 And what the double quotes do is they basically show the beginning and the end, all of that string 74 00:05:28,200 --> 00:05:29,100 of characters. 75 00:05:30,440 --> 00:05:33,890 So that means you have to be really careful when you're typing. 76 00:05:34,250 --> 00:05:39,020 For example, if I go ahead and I miss out the closing double quote. 77 00:05:39,560 --> 00:05:45,380 Well, now you can see that there's some changes that have happened to all code already, namely that 78 00:05:45,380 --> 00:05:51,710 the last parentheses instead of being colored and white, like the opening parentheses or how it used 79 00:05:51,710 --> 00:05:54,710 to be, it's now colored in orange. 80 00:05:54,890 --> 00:05:56,860 And this is a subtle hint to us. 81 00:05:57,290 --> 00:06:03,740 You're going to get really attuned to these subtle hints because they are the clues that will tell you 82 00:06:03,770 --> 00:06:05,540 what might have gone wrong in your code. 83 00:06:06,110 --> 00:06:09,590 If I run this code, as it is right now, it's going to break. 84 00:06:10,040 --> 00:06:17,000 It's going to give me a syntax error, and it says something that seems like it's completely non English. 85 00:06:17,540 --> 00:06:20,180 So how can we figure out what this means? 86 00:06:21,080 --> 00:06:25,730 Now, the thing I want you to know is that all programmers make mistakes. 87 00:06:25,730 --> 00:06:33,860 We all make lots of errors, like forgetting to add the double quotes at the end of the string or forgetting 88 00:06:33,860 --> 00:06:36,950 to add a closing parentheses. 89 00:06:37,370 --> 00:06:40,280 These things are just common errors because we're human. 90 00:06:40,940 --> 00:06:47,360 But the thing that differentiates great programmers is we're really good at figuring out what the problem 91 00:06:47,360 --> 00:06:48,560 is and how to fix it. 92 00:06:49,100 --> 00:06:53,240 So you can imagine that coding is just a whole bunch of problems that you have to solve. 93 00:06:53,750 --> 00:07:00,530 And in this case, when we get some sort of red text on the right and our code is not doing what we 94 00:07:00,530 --> 00:07:07,100 expected to do, then all we have to do is take this entire error message where it says something, 95 00:07:07,100 --> 00:07:07,880 something error. 96 00:07:07,880 --> 00:07:13,400 And this is some sort of message that we're supposed to understand and we're simply going to drop it 97 00:07:13,400 --> 00:07:14,090 into Google. 98 00:07:14,510 --> 00:07:20,270 And usually the first thing you come across will be from a web site called StackOverflow dot com, and 99 00:07:20,270 --> 00:07:25,910 this is basically the Q&A web site that all developers will go to whenever something is wrong with their 100 00:07:25,910 --> 00:07:28,400 code or when they can't figure out how to do something. 101 00:07:29,960 --> 00:07:37,160 So if we click on this link, you can see that somebody else has also had this error, and some kind 102 00:07:37,160 --> 00:07:43,370 souls have told us that the solution might be the fact that you're missing a double quote before the 103 00:07:43,370 --> 00:07:44,240 end of the line. 104 00:07:44,660 --> 00:07:51,620 So if we take a look back at our code, the code that generated this error looks like this and indeed 105 00:07:51,620 --> 00:07:55,360 we are missing a double quote at the end of our string. 106 00:07:57,140 --> 00:08:02,150 As you are learning to code, as you're going through your 100 days, I want you to become more and 107 00:08:02,150 --> 00:08:09,080 more attuned to the color of your code because one of the most helpful things that code editors such 108 00:08:09,080 --> 00:08:13,790 as this do for us is something called syntax highlighting. 109 00:08:14,420 --> 00:08:20,960 For example, when I was missing that double quote, it highlighted this entire thing in this orange 110 00:08:20,960 --> 00:08:21,350 color. 111 00:08:21,830 --> 00:08:27,230 And that is basically it telling us it seems like this whole thing is some text. 112 00:08:27,650 --> 00:08:33,680 It thinks that all of this is a string and that we're missing a closing parentheses. 113 00:08:35,180 --> 00:08:39,560 So if you notice this and you're like, wait, actually, that's not right. 114 00:08:39,800 --> 00:08:43,430 This part should be orange because this is what I want to be printed. 115 00:08:43,820 --> 00:08:49,670 But this part should match the color of the open brace, which is white, so there must be something 116 00:08:49,670 --> 00:08:50,240 wrong here. 117 00:08:50,720 --> 00:08:57,260 And indeed, if you have a look at the error message, it actually has a little carrot sign right here 118 00:08:57,590 --> 00:09:04,460 showing you that there's something that's probably not right here and it might jog your memory that, 119 00:09:04,490 --> 00:09:07,760 oh yeah, I've forgotten a closing double quote. 120 00:09:08,870 --> 00:09:12,170 And now when we run our code, you'll see that it's good as new. 121 00:09:12,740 --> 00:09:17,810 So now it's your turn to try it out in a code challenge. 122 00:09:18,230 --> 00:09:19,520 Head over to the next lesson. 123 00:09:19,790 --> 00:09:25,250 Sign up to our classroom and then I'll guide you through getting started on your first coding challenge. 124 00:09:25,520 --> 00:09:27,110 So all of that and more. 125 00:09:27,350 --> 00:09:28,550 I'll see you on the next lesson.