1
00:00:00,150 --> 00:00:05,250
Hey, and welcome in this lesson, we're going to be going over what you can expect from the upcoming

2
00:00:05,250 --> 00:00:07,210
lessons in this section.

3
00:00:07,470 --> 00:00:13,620
So this is all about JavaScript and covering some useful methods and JavaScript code snippets that you

4
00:00:13,620 --> 00:00:16,350
can utilize within your JavaScript applications.

5
00:00:16,590 --> 00:00:21,410
So the upcoming lessons, the code is going to be presented with the editor on the left hand side.

6
00:00:21,420 --> 00:00:27,840
This is using brackets ie brackets, Ed, and this is available at brackets O Open Source text editor.

7
00:00:28,110 --> 00:00:33,510
And you can see the code is going to be written in the left hand side where rendering out the HTML page,

8
00:00:33,900 --> 00:00:39,630
using the live script, because we are going to need this when we look at fetch later on in the section

9
00:00:39,780 --> 00:00:45,240
and we're rendering out the JavaScript code which just includes a simple div and a button and it's linking

10
00:00:45,240 --> 00:00:46,610
to app G.S..

11
00:00:46,740 --> 00:00:49,710
And this is where we're going to be writing all of the JavaScript coding.

12
00:00:49,710 --> 00:00:55,320
So it gives us the option to have a button that can trigger an event as well as a div where we can output

13
00:00:55,500 --> 00:01:01,530
some of the content used and that some of the response from JavaScript and for the most part we are

14
00:01:01,530 --> 00:01:02,640
going to be using the console.

15
00:01:02,640 --> 00:01:07,860
So the console is opened up fairly big and we're going to be doing a lot of communication from our JavaScript

16
00:01:07,860 --> 00:01:09,390
code into the console.

17
00:01:09,540 --> 00:01:16,260
So console and I am using Chrome as my browser and you can open up the console again, going to more

18
00:01:16,260 --> 00:01:18,300
tools and developer tools.

19
00:01:18,480 --> 00:01:19,260
Or you can.

20
00:01:19,260 --> 00:01:19,530
Right.

21
00:01:19,530 --> 00:01:20,820
Click on inspect.

22
00:01:20,850 --> 00:01:25,650
So there's a number of different ways, as well as shortcuts that are different for Macs as well as

23
00:01:25,650 --> 00:01:27,780
for Windows machines to open this up.

24
00:01:27,780 --> 00:01:34,140
And most browsers will have some format of developer tools, but we are going to be utilizing Chrome.

25
00:01:34,320 --> 00:01:38,430
So if you do want to follow along exactly what I'm doing within the course, then you can go ahead and

26
00:01:38,430 --> 00:01:39,510
use Chrome as well.

27
00:01:39,720 --> 00:01:44,880
So once you've got your developer environment set up, create your index page and this can just conclude

28
00:01:44,880 --> 00:01:48,630
that one div and a button and then link it to abstracts.

29
00:01:48,660 --> 00:01:51,000
And then this is where we're going to be writing the JavaScript code.

30
00:01:51,270 --> 00:01:52,830
So all of that is yet to come.

31
00:01:52,950 --> 00:01:57,390
So go ahead, get set up and ready to code some JavaScript starting next lesson.