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