Hello 1 welcome.
In this video I will show you how to access the developer tool console.
What is the developer to console the developer tool console is one of the most powerful and free tools
available for you to debug your front end applications by front and I mean things that you can access
to the web browser debugging basically is a process of trying to find errors that have occurred in your
web based applications.
So when there's an error in your code it is usually referred to as a bug and the process of trying to
detect and fix it is referred to as debugging the developer tool is a very useful tool.
And the console within the developer tool also allows you to write an experiment directly with JavaScript
so you can write some javascript inside the console directly and use it to test different things almost
if not all Web browsers have a developer tool console and there are different ways you can access the
developer to console the most common way is to right click on a web page.
If you're on a web page currently just right click on it and E or give you a context menu just select
Inspect Element and that will give you access to the developer tool console.
Another way to access it if you're on a Mac there is a keyboard shortcut which is all about command
and I would take you directly into the developer tool console.
If you're on the windows you'll be control shift and I I have opened up my web browser using Google
Chrome so I've opened up to Google Chrome on page and all you need to do.
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
to illustrate how to access the developer tool console.
Just right click.
Anyway it doesn't matter and click on inspect.
Yours Missy inspect element as long as he's got the word inspect just click on it and that will open
up the developer area.
So this area here is a developer.
Two areas.
The one we're interested in is the console so click on the console and within the console is where you
can do different things.
For example you can experiment directly with javascript on the console.
For example I could do five floors five press enter.
Now give me 10.
I can do maybe 10 times to press enter and give me 20 so you can experiment with JavaScript directly
inside the console the developer console.
You can also troubleshoot errors in your program.
If you go to a web based application that is having some errors or the program is not working as it
should.
Usually you can come to the console and you should see some error messages that will help you or give
you a guide as to how to debug or fix the error message is that your application is experiencing there
is no substitute for practice.
So in order to get better anything you need to practice the developer tool on the console area.
Here is a very good area for you to experiment with code especially with javascript.
So thanks for watching.