1 00:00:00,630 --> 00:00:02,070 Hello and welcome. 2 00:00:02,140 --> 00:00:09,950 In this video I will show you how to access a tool comcel. 3 00:00:10,080 --> 00:00:16,560 What is the developer tool console the developer tool Council. 4 00:00:16,570 --> 00:00:29,400 He's one of the most powerful and free tools available for you to blog your front end applications by 5 00:00:29,400 --> 00:00:30,180 front end. 6 00:00:30,180 --> 00:00:39,750 I mean things that you can access through the web browser the boggan basically is a process of trying 7 00:00:39,750 --> 00:00:47,050 to find errors that have occurred in your web based applications. 8 00:00:47,400 --> 00:00:56,430 So when there's an error in your code it's usually referred to as a bug and the process of trying to 9 00:00:56,880 --> 00:01:06,720 detect and fix it is referred to as debugging develop a tool is a very useful tool. 10 00:01:06,990 --> 00:01:16,590 And the console within did develop a tool also allows you to write an experiment directly with javascript 11 00:01:16,950 --> 00:01:24,010 so you can write some javascript inside the console directly and use it to test the frame things. 12 00:01:24,810 --> 00:01:35,940 Most if not all web browsers have a developer tool console and there are different ways you can access 13 00:01:36,410 --> 00:01:38,400 developer to tool. 14 00:01:38,520 --> 00:01:43,520 The most common way is to right click on a web page. 15 00:01:43,530 --> 00:01:51,990 If your webpage correctly just right click on it and it will give you a context menu just say that inspect 16 00:01:52,050 --> 00:01:58,540 element and that will give you access to the developer tool console on the way to access it. 17 00:01:58,570 --> 00:01:59,870 You on a Mac. 18 00:02:00,240 --> 00:02:09,150 There is a keyboard shortcut which is all that command and I would take you directly into the developer 19 00:02:09,150 --> 00:02:11,690 to console you on the windows. 20 00:02:11,710 --> 00:02:21,540 He would be quantrell Shift and I I have put up my web browser using Google Chrome so I've opened up 21 00:02:21,540 --> 00:02:26,840 the Google Chrome page and all you need to do. 22 00:02:26,850 --> 00:02:30,900 You don't have to be Google any Web site or Web browser. 23 00:02:30,900 --> 00:02:37,540 Your point is fine but I'm using Google Chrome to illustrate how to access the developer to. 24 00:02:37,590 --> 00:02:38,900 Just right click anyway. 25 00:02:38,970 --> 00:02:44,160 Doesn't matter and click on inspect helped me see it inspect element. 26 00:02:44,160 --> 00:02:51,270 As long as he's got the word inspect just click on it and that will open up the developer area. 27 00:02:51,270 --> 00:02:53,190 So this here here is a developer tool. 28 00:02:53,190 --> 00:03:00,860 Here is the one we're interested in is the console so click on the console and within the console is 29 00:03:00,900 --> 00:03:02,520 where you can do different things. 30 00:03:02,520 --> 00:03:07,560 For example you can experiment directly with javascript on the console. 31 00:03:07,620 --> 00:03:15,460 For example I could do five plus five press enter and now give me 10. 32 00:03:15,600 --> 00:03:23,510 I can do maybe 10 times too and press enter. 33 00:03:23,710 --> 00:03:32,040 Now give me 20 so you can experiment with javascript directly inside the console to develop a console. 34 00:03:32,040 --> 00:03:39,290 You can also troubleshoot errors in your programming if you go to where is application that is having 35 00:03:39,300 --> 00:03:43,620 some errors or the program is not working as it should. 36 00:03:43,620 --> 00:03:49,620 Usually you can come to the console and you should see some error messages that will help you or give 37 00:03:49,720 --> 00:04:00,070 a guide as to how to debug or fix the error messages that your application is experiencing. 38 00:04:00,090 --> 00:04:04,460 There is no substitute for practice. 39 00:04:04,650 --> 00:04:12,320 So all in all to get better at anything you need to practice the developer tool and the console area. 40 00:04:12,330 --> 00:04:19,880 Here is a very good area for you to experiment with code especially with javascript too. 41 00:04:19,920 --> 00:04:21,490 Thanks for watching.