1
00:00:00,580 --> 00:00:02,140
Hello 1 welcome.

2
00:00:02,160 --> 00:00:10,050
In this video I will show you how to access the developer tool console.

3
00:00:10,140 --> 00:00:21,930
What is the developer to console the developer tool console is one of the most powerful and free tools

4
00:00:22,350 --> 00:00:32,460
available for you to debug your front end applications by front and I mean things that you can access

5
00:00:32,940 --> 00:00:44,280
to the web browser debugging basically is a process of trying to find errors that have occurred in your

6
00:00:44,490 --> 00:00:46,710
web based applications.

7
00:00:47,430 --> 00:00:56,430
So when there's an error in your code it is usually referred to as a bug and the process of trying to

8
00:00:56,940 --> 00:01:06,500
detect and fix it is referred to as debugging the developer tool is a very useful tool.

9
00:01:07,050 --> 00:01:16,590
And the console within the developer tool also allows you to write an experiment directly with JavaScript

10
00:01:16,980 --> 00:01:25,080
so you can write some javascript inside the console directly and use it to test different things almost

11
00:01:25,350 --> 00:01:36,600
if not all Web browsers have a developer tool console and there are different ways you can access the

12
00:01:36,600 --> 00:01:43,550
developer to console the most common way is to right click on a web page.

13
00:01:43,590 --> 00:01:51,450
If you're on a web page currently just right click on it and E or give you a context menu just select

14
00:01:51,450 --> 00:01:57,060
Inspect Element and that will give you access to the developer tool console.

15
00:01:57,060 --> 00:02:05,370
Another way to access it if you're on a Mac there is a keyboard shortcut which is all about command

16
00:02:05,490 --> 00:02:10,440
and I would take you directly into the developer tool console.

17
00:02:10,440 --> 00:02:20,550
If you're on the windows you'll be control shift and I I have opened up my web browser using Google

18
00:02:20,550 --> 00:02:26,880
Chrome so I've opened up to Google Chrome on page and all you need to do.

19
00:02:26,910 --> 00:02:33,570
You don't have to be a Google or any Web site or web browser you open is fine but I'm using Google Chrome

20
00:02:33,570 --> 00:02:37,580
to illustrate how to access the developer tool console.

21
00:02:37,620 --> 00:02:38,520
Just right click.

22
00:02:38,560 --> 00:02:41,880
Anyway it doesn't matter and click on inspect.

23
00:02:41,890 --> 00:02:48,840
Yours Missy inspect element as long as he's got the word inspect just click on it and that will open

24
00:02:48,840 --> 00:02:51,260
up the developer area.

25
00:02:51,270 --> 00:02:52,980
So this area here is a developer.

26
00:02:52,970 --> 00:02:54,420
Two areas.

27
00:02:54,660 --> 00:03:01,440
The one we're interested in is the console so click on the console and within the console is where you

28
00:03:01,440 --> 00:03:02,550
can do different things.

29
00:03:02,550 --> 00:03:07,650
For example you can experiment directly with javascript on the console.

30
00:03:07,650 --> 00:03:13,030
For example I could do five floors five press enter.

31
00:03:13,650 --> 00:03:15,600
Now give me 10.

32
00:03:15,660 --> 00:03:27,780
I can do maybe 10 times to press enter and give me 20 so you can experiment with JavaScript directly

33
00:03:28,290 --> 00:03:31,990
inside the console the developer console.

34
00:03:32,070 --> 00:03:35,910
You can also troubleshoot errors in your program.

35
00:03:35,940 --> 00:03:42,690
If you go to a web based application that is having some errors or the program is not working as it

36
00:03:42,690 --> 00:03:43,510
should.

37
00:03:43,680 --> 00:03:49,650
Usually you can come to the console and you should see some error messages that will help you or give

38
00:03:49,650 --> 00:04:00,540
you a guide as to how to debug or fix the error message is that your application is experiencing there

39
00:04:00,540 --> 00:04:04,630
is no substitute for practice.

40
00:04:04,710 --> 00:04:12,380
So in order to get better anything you need to practice the developer tool on the console area.

41
00:04:12,380 --> 00:04:19,090
Here is a very good area for you to experiment with code especially with javascript.

42
00:04:19,440 --> 00:04:21,090
So thanks for watching.