Lesson 12 - Testing

LEARN

Reading for Today

• Read 2.5 Tables
• Follow Reading Schedule

Today

• Development Process
• Testing
• Project Test Table

Office Hours

• If you need help please attend office hours or Wednesday help session
• Check the Canvas page for details
• Syllabus had an issue and is now fixed

Testing Practices

• Trick 1 - Setup a good workflow
• Trick 2 - Browser bookmarks
• Trick 3 - Create a project page
• Trick 4 - Run the validator on a page
• Trick 5 - Create a table of links

Trick 1 - Setup a good workflow

• Arrange Windows - Browser, Editor, Github Desktop
• Learn the shortcuts

• Free your mind for thinking

• Make a small change to process every day

Quick Launch

• Browser - Firefox
• Code Editor - Visual Studio

Development Workflow

• Pull
• Change
• Test
• Push
• Deploy

Using Visual Studio

• Use Emmet to write HTML
• Enable automatic code formatting
• Commit often using Visual Studio

Trick 2 - Browser bookmarks

• Turn on Bookmarks Toolbar
• Create short cuts
  • Website
  • Github
  • Sensei
  • Canvas
  • Validator

Trick 3 - Create a project page

• Build a page for links to speed up development
• Use name "test.html"
• Remove it when project is totally done
• Gradually add useful content

Trick 4 - Run the validator on a page

• Go to validator
• Validate your desired page
• Example:
  • https://Mark-Seaman.github.io
  • https://validator.w3.org

HTML Validator

• We need a way to check our HTML
• HTML Validator
• Point to your page and it will check it
• Bookmark this page in your Toolbar

Using the Validator

• Work only on the first error (nothing else matters)
• Don't ignore errors (fix them before moving on)
• Some things are not worth fixing so move on

Run the Validator

• Run it on all new pages you create
• Run it on existing pages and fix the errors
• Make it a game

Three Input Methods

• Validate by URI - give the URL of the published page
• Validate by File Upload - give it a local file on your computer
• Validate by Direct Input - cut and paste from Brackets

Try all the Input Methods

• Use the appropriate one for each situation
• Run the validator early and often
• Don't publish bad files

URL to validate your page

• https://validator.w3.org/nu/?doc=https://Mark-Seaman.github.io

Trick 5 - Create a table of links

• Mark's Test Page
• Check out my page for ideas
• Build your own content over time
• Create a page with a hyperlinks

https://Mark-Seaman.github.io

https://validator.w3.org/nu/?doc=https://Mark-Seaman.github.io

BUILD

Project 5

• Project Instructions