1 00:00:00,000 --> 00:00:09,321 [MUSIC] 2 00:00:09,321 --> 00:00:12,901 Hey, welcome to Object-Oriented JavaScript by Example. 3 00:00:12,901 --> 00:00:15,819 My name is Ashley Boucher, and I'll be your teacher. 4 00:00:15,819 --> 00:00:20,264 This course is a direct follow up to our previous coursework in OOJS. 5 00:00:20,264 --> 00:00:23,947 To get the most that of his course, it's really important that you've taken 6 00:00:23,947 --> 00:00:27,642 the prereqs and feel comfortable with that material before beginning here. 7 00:00:27,642 --> 00:00:30,471 This project will be focusing on writing JavaScript. 8 00:00:30,471 --> 00:00:34,090 The HTML and CSS will be provided for you. 9 00:00:34,090 --> 00:00:35,957 This is a by example course. 10 00:00:35,957 --> 00:00:39,944 That means instead of learning new concepts, you're going to be cementing 11 00:00:39,944 --> 00:00:43,945 the things you've learned already and applying them to an actual project. 12 00:00:43,945 --> 00:00:46,962 Practicing what you learn is how you become a great developer. 13 00:00:46,962 --> 00:00:50,508 It's how you build confidence and begin to see the connections between all 14 00:00:50,508 --> 00:00:52,824 the different concepts you've been learning. 15 00:00:52,824 --> 00:00:56,258 Here in this course, you'll be building a game called Four-in-a-row. 16 00:00:56,258 --> 00:00:59,202 Conceptually this game is a lot like Tic-tac-toe, but 17 00:00:59,202 --> 00:01:00,807 it's played on a larger grid. 18 00:01:00,807 --> 00:01:03,369 And as you've might have guessed from the theme, 19 00:01:03,369 --> 00:01:06,116 the objective is to get four in a row instead of three. 20 00:01:06,116 --> 00:01:08,132 Here's a look at the final project. 21 00:01:08,132 --> 00:01:11,825 As you can see, there's a vertical board with a grid of spaces. 22 00:01:11,825 --> 00:01:16,672 On each turn the player has a token that they move left or right along the board, 23 00:01:16,672 --> 00:01:20,356 eventually dropping it into the desired column of spaces. 24 00:01:20,356 --> 00:01:24,496 In order to win, a player has to be the first to get four of their tokens in 25 00:01:24,496 --> 00:01:27,673 a row, horizontally, vertically, or diagonally. 26 00:01:27,673 --> 00:01:31,816 Tokens are moved left and right, and dropped with the left, right, 27 00:01:31,816 --> 00:01:33,968 and down arrow keys respectively. 28 00:01:33,968 --> 00:01:35,088 Pretty cool, right? 29 00:01:35,088 --> 00:01:38,252 My goal for this course is to give you an opportunity to build 30 00:01:38,252 --> 00:01:42,513 something on your own, with lots of checkpoints and safety nets along the way. 31 00:01:42,513 --> 00:01:46,737 If you've taken any of our practice content, you'll find that the format for 32 00:01:46,737 --> 00:01:48,275 this course feels similar. 33 00:01:48,275 --> 00:01:51,205 For each step of the project, I'll provide instructions and 34 00:01:51,205 --> 00:01:53,638 guidelines for you to attempt the step on your own. 35 00:01:53,638 --> 00:01:56,216 You'll give it a try, and then we'll reconvene and 36 00:01:56,216 --> 00:01:58,214 move to the next step using my solution. 37 00:01:58,214 --> 00:02:00,930 Keep in mind, there are many ways to program something. 38 00:02:00,930 --> 00:02:05,034 And even if your method doesn't match mine, it doesn't mean it's wrong. 39 00:02:05,034 --> 00:02:08,389 Note that because it's a by example course, you might find that it moves 40 00:02:08,389 --> 00:02:11,804 a little more quickly than other coursework you've taken on Treehouse. 41 00:02:11,804 --> 00:02:13,979 It also might be a little more challenging. 42 00:02:13,979 --> 00:02:17,679 So along the way, if something doesn't make sense or you're getting stuck, 43 00:02:17,679 --> 00:02:20,763 I really encourage you to reach out in the Treehouse community and 44 00:02:20,763 --> 00:02:22,856 connect with other students in the course. 45 00:02:22,856 --> 00:02:26,205 A big part of a developer's job is seeking answers online and 46 00:02:26,205 --> 00:02:28,516 collaborating with other programmers. 47 00:02:28,516 --> 00:02:33,224 Stick with it and use this course as a way to really hone your OOJS skills. 48 00:02:33,224 --> 00:02:36,555 If you're ready to get started, then roll up your sleeves and 49 00:02:36,555 --> 00:02:38,036 come join me in the next step