1
00:00:00,570 --> 00:00:06,270
Hi and welcome to our JavaScript course, JavaScript powers the Web, and in this course, we're going

2
00:00:06,270 --> 00:00:11,310
to be showing you how you can use JavaScript in order to power up your Web applications and do some

3
00:00:11,310 --> 00:00:12,340
really cool things.

4
00:00:12,360 --> 00:00:16,860
We're going to be covering JavaScript language and the fundamental core concepts of JavaScript.

5
00:00:17,100 --> 00:00:21,000
You can also explore the course, jump to different lessons as needed.

6
00:00:21,240 --> 00:00:24,780
Tools and resources used in the course are also provided.

7
00:00:24,900 --> 00:00:29,610
And also we're going to be providing you how to set up and prepare to write JavaScript.

8
00:00:29,850 --> 00:00:36,360
So that's going to be all covered in the course and progressively increasing in complexity as you go

9
00:00:36,360 --> 00:00:37,110
through the course.

10
00:00:37,260 --> 00:00:41,970
The course is modular in design, so of course you can skip to lessons as desired.

11
00:00:42,180 --> 00:00:47,940
Source code is also included and it is encouraged that you do take the code and try it out for yourself

12
00:00:48,060 --> 00:00:50,820
and get familiar with what you can do with JavaScript.

13
00:00:51,000 --> 00:00:56,430
The course starts with the basics of JavaScript progressively gets more complex as you build on your

14
00:00:56,430 --> 00:00:57,450
coding knowledge.

15
00:00:57,660 --> 00:01:01,610
Resources and tips are provided throughout the course when appropriate.

16
00:01:01,620 --> 00:01:06,660
You probably already have all the tools that you need in order to write and run a JavaScript.

17
00:01:06,810 --> 00:01:11,130
And if you don't, you can use an editor such as Brackett's.

18
00:01:11,400 --> 00:01:15,810
So if you already have an editor on your computer that you are familiar with, you can go ahead and

19
00:01:15,810 --> 00:01:16,530
use that one.

20
00:01:16,650 --> 00:01:21,030
And I am going to be using brackets within the lessons of this course.

21
00:01:21,070 --> 00:01:26,160
If you want to use the same one that I'm using, you can go ahead and download it from Brackett's I

22
00:01:26,160 --> 00:01:26,490
o.

23
00:01:26,670 --> 00:01:31,980
Also, the browser that I'm going to be using is Chrome and we're going to be making use of the developer

24
00:01:31,980 --> 00:01:33,930
tools that are available in Chrome.

25
00:01:33,930 --> 00:01:38,220
If you're not familiar with the developer tools, we are going to be using them throughout the lessons

26
00:01:38,220 --> 00:01:44,730
and every version of Chrome has them installed so you can really easily utilize those as needed.

27
00:01:45,030 --> 00:01:51,300
The lessons are laid out with the editor on the left hand side, the browser on the right hand side

28
00:01:51,300 --> 00:01:55,350
and the developer console from the browser opened up in the bottom corner.

29
00:01:55,530 --> 00:02:01,590
And as we go through the lessons, we're going to make use of all three of these different screens,

30
00:02:01,890 --> 00:02:03,540
resources and reference.

31
00:02:03,540 --> 00:02:07,530
So if you want to find out a little bit more about JavaScript, there's an excellent resource at the

32
00:02:07,530 --> 00:02:09,030
Musila Developer Network.

33
00:02:09,240 --> 00:02:11,550
So that's the MDN documents.

34
00:02:11,730 --> 00:02:16,500
You can Google for that as well as you can follow this link called the Mozilla Developer Network.

35
00:02:16,680 --> 00:02:21,630
So everything you need to know about JavaScript is contained in there and we are going to be covering

36
00:02:21,630 --> 00:02:23,340
the core fundamental concepts.

37
00:02:23,460 --> 00:02:28,170
So you can reference that if you want to find out more, there's also a great code converter.

38
00:02:28,290 --> 00:02:33,720
So if you are using older versions and if you've got some code that's one of the newer versions of JavaScript,

39
00:02:33,840 --> 00:02:35,550
you want to convert it to an older version.

40
00:02:35,730 --> 00:02:38,790
There's an excellent resource that Babul Jaci old.

41
00:02:38,970 --> 00:02:45,060
And also if you want to be familiar with compatibility because JavaScript runs in the browser.

42
00:02:45,180 --> 00:02:49,680
So there have been updates and not all browsers, unfortunately, update at the same time.

43
00:02:49,800 --> 00:02:54,820
So some browsers might have compatibility for newer JavaScript and others may not.

44
00:02:54,930 --> 00:03:00,750
So there's a compatibility table also available here, which is a great resource if you want to find

45
00:03:00,750 --> 00:03:03,420
out if different methods are available.

46
00:03:03,570 --> 00:03:09,840
And of course, all the core JavaScript will work across browsers as we are going to be covering in

47
00:03:09,840 --> 00:03:11,040
the upcoming lessons.

48
00:03:11,250 --> 00:03:15,690
So there's no frameworks, there's no JavaScript libraries included in this course.

49
00:03:15,810 --> 00:03:21,150
This is all pure JavaScript and it's going to really show you what JavaScript can do.

50
00:03:21,480 --> 00:03:25,520
So for now, the lesson challenge and we're going to be wrapping up this lesson.

51
00:03:25,530 --> 00:03:31,170
So what I want you to do is set up your developing environment so you can dive right in and start writing

52
00:03:31,170 --> 00:03:33,030
code in the upcoming lesson.

53
00:03:33,210 --> 00:03:39,480
And if you are working online and if you can't download an editor, there's also excellent editors such

54
00:03:39,480 --> 00:03:46,350
as code pen eyehole that you can utilize in order to write code directly within your browser and you

55
00:03:46,350 --> 00:03:48,330
can save it and then reference it later.

56
00:03:48,450 --> 00:03:51,630
And of course, the editor that I'm using is Brackett's.

57
00:03:51,870 --> 00:03:55,650
So I'm going to do a quick walkthrough of what's available at Code Pend.

58
00:03:55,650 --> 00:04:00,720
The way that code pen works is whatever you type in the left hand side and of course, you can change

59
00:04:00,720 --> 00:04:03,060
the view gets output in the display area.

60
00:04:03,060 --> 00:04:05,730
So you've got HTML access and JavaScript.

61
00:04:05,940 --> 00:04:12,690
You can type in an alert and whenever you render it out, you can see that the JavaScript gets rendered

62
00:04:12,870 --> 00:04:13,470
immediately.

63
00:04:13,470 --> 00:04:16,680
So if you have any changes, it will constantly render out.

64
00:04:16,770 --> 00:04:21,480
And you see that this is one of the JavaScript methods that we're going to be covering up her coming

65
00:04:21,480 --> 00:04:22,020
lessons.

66
00:04:22,170 --> 00:04:24,380
But it shows you that it does render that out.

67
00:04:24,540 --> 00:04:25,740
There's also brackets.

68
00:04:26,150 --> 00:04:27,510
Also, this is brackets.

69
00:04:27,510 --> 00:04:32,250
You can download it so you can utilize it if you're on Windows or Mac or Linux.

70
00:04:32,430 --> 00:04:34,500
So there's different versions for each one.

71
00:04:34,500 --> 00:04:36,720
And it is a really great, powerful editor.

72
00:04:36,720 --> 00:04:37,830
So an Adobe product.

73
00:04:37,850 --> 00:04:38,760
So pretty cool.

74
00:04:39,240 --> 00:04:44,610
So go ahead and set up your developer environment and be ready to write some JavaScript code, because

75
00:04:44,610 --> 00:04:45,600
that's coming up next.