dubey/WebGoat
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fixed minor spelling mistakes, unified wording

Browse Source
This commit is contained in:
Timur Linden
2019-02-04 20:54:05 +01:00
committed by Nanne Baars
parent 875f0487bd
commit 53c16c8b82
51 changed files with 177 additions and 177 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
webgoat-lessons/chrome-dev-tools/src/main/resources/lessonPlans/en/ChromeDevTools_Assignment.adoc
View File

@ -1,8 +1,8 @@
== Try It! Using the Console
== Try It! Using the console
Let's try it. Use the console in the dev tools and call the javascript function *webgoat.customjs.phoneHome()*. +
Let us try it. Use the console in the dev tools and call the javascript function *webgoat.customjs.phoneHome()*. +
You should get a response in the console. Your result should look something like:
`phone home said
{"lessonCompleted:true, ... ,"output":"phone home response is..."`
Paste the random number, after that, in the text field below.
(Make sure you got the most recent number, since it's randomly generated each time you call the function)
(Make sure you got the most recent number, since it is randomly generated each time you call the function)

6
webgoat-lessons/chrome-dev-tools/src/main/resources/lessonPlans/en/ChromeDevTools_Assignment_Network.adoc
View File

@ -1,6 +1,6 @@
== Try It! Working with the Network Tab
== Try It! Working with the Network tab
In this Assignment you need to find a specific HTTP request and read a randomized number from it.
To start click the first button, this wil generate an HTTP Request. Try to find the specific HTTP request.
In this assignment you need to find a specific HTTP request and read a randomized number from it.
To start click the first button, this wil generate an HTTP request. Try to find the specific HTTP request.
The request should contain a field: `magic_num:`
Copy the number which is displayed afterwards, into the input field below and click on the check button.

6
webgoat-lessons/chrome-dev-tools/src/main/resources/lessonPlans/en/ChromeDevTools_console.adoc
View File

@ -1,8 +1,8 @@
== The Console tab
In the console tab you can see anything, which a loaded JavaScript file may have printed out to it.
Don't worry if you see something in red. While that is an error, it has probably resolved itself.
Through the console tab, it is also possible for you to run your own line of javascript code.
Do not worry if you see something in red. While that is an error, it has probably resolved itself.
Through the console tab, it is also possible for you to run your own line of JavaScript code.
Start by clearing console using the shortcut `CTRL+L`.
@ -12,6 +12,6 @@ The console also allows you to do some basic arithmetic. If you type for example
enter the console should display 4.
Note: You may see an `undefined` in the console. You can safely ignore this statement,
it only means, that the JavaScript function you have called did not return anything, therefor `undefined`.
it only means, that the JavaScript function you have called did not return anything, therefore `undefined`.
image::images/ChromeDev_Console_Ex.jpg[DeveloperToolsConsoleExample,500,500,style="lesson-image"]

10
webgoat-lessons/chrome-dev-tools/src/main/resources/lessonPlans/en/ChromeDevTools_elements.adoc
View File

@ -1,19 +1,19 @@
== The Elements Tab
The elements tab allows you to look at the HTML and CSS code, that are used to define and style the Website.
The elements tab allows you to look at the HTML and CSS code, that are used to define and style the website.
=== HTML Source
=== HTML source
If you hover over one line you can see that a part of the website turns blue. That means that
this particular HTML line defines this section of the Website.
this particular HTML line defines this section of the website.
The elements tab allows you to make changes to every single HTML element. For example if you click inside
a Paragraph (<p>...</p>) Tag you can edit the content of the website. If you have made your changes and then click enter
a paragraph (<p>...</p>) Tag you can edit the content of the website. If you have made your changes and then click enter
Chrome will actually update the website to show your edits. You can also change the HTML Tag used,
the classes and id's a tag has and much more.
image::images/ChromeDev_Elements.jpg[DeveloperToolsElements,500,350,style="lesson-image"]
=== CSS Source
=== CSS source
Underneath the HTML source, you can find information about the CSS which is used to style the
Website. Like the HTML, you can also edit the CSS and therefore adjust the styling of the website.