Micro Course - Contents - Protect The Square - an introduction to HTML and JavaScript Technical Testing
 
In this course you will be introduced to Technical Web Testing. Using a small JavaScript game called "Protect the Square". This micro course has about 70 minutes of video content and the exercises might take 30 - 60 minutes.


We cover:


* An overview of the Chrome Developer Tools - Elements DOM View and JavaScript Console

* How to view Application Source Code

* Basics of HTML and how to learn more

* How to amend DOM elements and change the HTML of the application under test

* Some Basic JavaScript

* How to execute JavaScript from the Console

* How to amend JavaScript memory to change the application under test as it executes

* How to amend the code the application under test executes

* How to add new code into the application under test with JavaScript


When you finish you will:


* Know that you can't 'trust' information from the 'front end' of a client server app

* Feel confident 'opening' and application to view its source, both HTML and JavaScript

* Have run JavaScript code from the console

* Changed an applications HTML in the browser

* Know how to learn more HTML for the applications you test

* Know enough to start experimenting with the applications you test


The Game we use (see below for download links to an offline version)

https://www.compendiumdev.co.uk/games/buggygames/protect_the_square/protect_the_square.html


Contents:


* 001 Testing Exercise - Buggy Games - Protect The Square - Overview

    * 12:39

    * https://www.patreon.com/posts/18718596

* 002 Testing Exercise - Buggy Games - Protect The Square - Overview Answers

    * 07:42

    * https://www.patreon.com/posts/18718655

* 003 Testing Exercise - Buggy Games - Protect The Square - HTML Review

    * 15:18

    * https://www.patreon.com/posts/18718679

* 004 Testing Exercise - Buggy Games - Protect The Square - JavaScript Review

    * 14:42

    * https://www.patreon.com/posts/18718705

* 005 Testing Exercise - Buggy Games - Protect The Square - JavaScript Answers

    * 14:36

    * https://www.patreon.com/posts/18718727


* 006 Micro Course - Protect The Square - Resources and Next Steps

    * https://www.patreon.com/posts/20815250 


* 007 Bonus - Case Study of click from console using TodoMvc App

    * https://www.patreon.com/posts/20817713 


---

Links:

Related Blog post - http://blog.eviltester.com/2018/05/protect-square.html

Play the game online - https://www.compendiumdev.co.uk/games/buggygames/protect_the_square/protect_the_square.html

Offline version - https://github.com/eviltester/TestingApp/releases