1
00:00:00,760 --> 00:00:04,010
Let's get started. Let's take a look at

2
00:00:04,010 --> 00:00:05,760
the development environment we'll be using

3
00:00:05,760 --> 00:00:07,593
for this course. All the demos in the

4
00:00:07,593 --> 00:00:10,760
course will be done in Visual Studio Code,

5
00:00:10,760 --> 00:00:12,903
which can be downloaded from

6
00:00:12,903 --> 00:00:14,760
code.visualstudio .com. To get the most

7
00:00:14,760 --> 00:00:16,510
out of this course, you should already

8
00:00:16,510 --> 00:00:18,427
know the basics of JavaScript, things like

9
00:00:18,427 --> 00:00:20,760
how to use variables to store information,

10
00:00:20,760 --> 00:00:23,331
the different data types like string,

11
00:00:23,331 --> 00:00:25,885
numbers, and Boolean values, and how to

12
00:00:25,885 --> 00:00:27,760
write conditional statements and loops.

13
00:00:27,760 --> 00:00:29,093
There are several Pluralsight courses you

14
00:00:29,093 --> 00:00:31,260
can look at if you need a refresher or

15
00:00:31,260 --> 00:00:34,093
you're completely new to JavaScript. Once

16
00:00:34,093 --> 00:00:36,093
you have downloaded and installed Visual

17
00:00:36,093 --> 00:00:38,093
Studio Code, open the editor. Let's

18
00:00:38,093 --> 00:00:40,760
briefly review how we will run our demos.

19
00:00:40,760 --> 00:00:43,760
First, install the live server extension

20
00:00:43,760 --> 00:00:46,385
by clicking the Extensions tab on the

21
00:00:46,385 --> 00:00:48,135
left. This will let us change our code and

22
00:00:48,135 --> 00:00:51,427
view the output at the same time. Next, we

23
00:00:51,427 --> 00:00:53,960
have two files in the same directory. We

24
00:00:53,960 --> 00:00:56,260
have an index.html file with some template

25
00:00:56,260 --> 00:00:59,093
code, and at the body tag, we have an h1

26
00:00:59,093 --> 00:01:01,760
tag with a JavaScript Demo and a script

27
00:01:01,760 --> 00:01:04,160
tag that references the app.js file. This

28
00:01:04,160 --> 00:01:06,960
template can be easily generated in Visual

29
00:01:06,960 --> 00:01:10,331
Studio Code by typing! followed by the tab

30
00:01:10,331 --> 00:01:12,316
key. And then you only have to reference

31
00:01:12,316 --> 00:01:16,093
the app.js in the body as shown here. You

32
00:01:16,093 --> 00:01:18,427
can right-click and select Open with Live

33
00:01:18,427 --> 00:01:20,160
Server, and this will open up the browser

34
00:01:20,160 --> 00:01:22,760
displaying the content of your h1 tag

35
00:01:22,760 --> 00:01:25,851
inside the body tag. And any changes you

36
00:01:25,851 --> 00:01:28,331
make and save in your HTML file will

37
00:01:28,331 --> 00:01:31,760
immediately be reflected in your browser.

38
00:01:31,760 --> 00:01:33,538
Since we'll be printing our output to the

39
00:01:33,538 --> 00:01:35,427
console, you should open the developer

40
00:01:35,427 --> 00:01:40,135
tools in your browser as shown here. Next,

41
00:01:40,135 --> 00:01:42,760
we look at this empty app.js file

42
00:01:42,760 --> 00:01:46,160
referenced in our index.html file. This is

43
00:01:46,160 --> 00:01:47,760
where we'll be spending most of our time

44
00:01:47,760 --> 00:01:51,982
in the demos. If you type console.log

45
00:01:51,982 --> 00:01:55,617
('Hello world') here and save, it shows up

46
00:01:55,617 --> 00:02:00,000
in the browser console. With the environment setup out of the way,

