Lab #22 Dev Tool Domination
The name of this lab is "Dev Tool Domination". As stated by the lab named, this lab involves using dev tools which exist in console. There are many things that take place in the console within this lab. It may not all show in the console due to the console.clear command that runs a few times but I will explain all of the things that were inputted in the console.
Within the console, many commands are run with JavaScript into the console that can be done with dev tools as well. A simple console.log can say anything in chat like hello, which is done in the lab but not shown (inspect my JavaScript within my HTML to see it). Also, a warning message can be ran through the console that can display a warning of your choosing, in my case it was "WATCH OUT!!!". I also run a console.error message that says "Oof!". In my JavaScript, I also have a console.info message that says, "Brandon why are you up at 12 AM doing labs? Go to sleep! You need it!". There are also console.clear commands as I said before which clears the entire console. I can also view DOM elements like the breakdown text using console.log(#break); or console.dir(#break); commands. I've also added counting on the console which runs console.count(name); and then you can fetch the data at the end and log how long it took to get the data using console.time();.
That was a lot of developer tools to go through using console. However, there are MUCH more. Anyways, web designers would be able to, "dominate" their webpages using developer tools. They can do so much with their data and manage it however they see fit. There is so much to do with the JavaScript console that creative people can take advantage of and turn it into wonders. An example of using the JavaScript console for your website is to test whether certain data is entered properly by calling that data to verify if it is correct.
Within the console, many commands are run with JavaScript into the console that can be done with dev tools as well. A simple console.log can say anything in chat like hello, which is done in the lab but not shown (inspect my JavaScript within my HTML to see it). Also, a warning message can be ran through the console that can display a warning of your choosing, in my case it was "WATCH OUT!!!". I also run a console.error message that says "Oof!". In my JavaScript, I also have a console.info message that says, "Brandon why are you up at 12 AM doing labs? Go to sleep! You need it!". There are also console.clear commands as I said before which clears the entire console. I can also view DOM elements like the breakdown text using console.log(#break); or console.dir(#break); commands. I've also added counting on the console which runs console.count(name); and then you can fetch the data at the end and log how long it took to get the data using console.time();.
That was a lot of developer tools to go through using console. However, there are MUCH more. Anyways, web designers would be able to, "dominate" their webpages using developer tools. They can do so much with their data and manage it however they see fit. There is so much to do with the JavaScript console that creative people can take advantage of and turn it into wonders. An example of using the JavaScript console for your website is to test whether certain data is entered properly by calling that data to verify if it is correct.

Comments
Post a Comment