Becoming an eLearning Hacker

Regular Expressions (Regex)

Project 1. Scrape Internet Data

Project 2. Create a Helpful JavaScript Function

Project 2. Create a Chrome Extension to Track Learner Data

Project 3. Develop a Micro eLearning Module

Project 3. Integrate Click-Level Data Collection

Project 4. Develop a Learner Dashboard

Project 5. Develop a Teacher Dashboard

Project 6. Create a Video Walkthrough

Challenge 2. Get All Email Addresses from a Staff Directory

Challenge 3. Get Article Links from a Google Scholar Profile

Challenge 4. Analyze Pronoun Usage in Tolstoy's Novels

Challenge 5. Use LMS System Classes in Your Custom Content

Challenge 6. Determine the Flesch-Kincaid Grade Level of Content on Any Website

Challenge 7. Get the Navigation Outline of a Google Doc as a Table

Challenge 8. Create a Bootstrap Web Page

Essential Tools

Web Browser Inspectors

Integrated Development Environments (IDEs)

Generative Artificial Intelligences (AIs)

Document Object Model (DOM)

Common HTML Elements

Common HTML Attributes

Helpful HTML Snippets

Common CSS Properties

JavaScript Basics

Legalities and Ethics

Extracting HTML Elements from a Web Page using JavaScript

Extracting Structured Content with an API and JavaScript

Learning Analytics

Challenge 1

Hack a Website (well, sort of...)

Changing Website Content and Formatting with the Inspector

Figure 1

Example of a Screenshot of a Website Manipulated with the Inspector

Background

Nowadays, people seem to think that a screenshot of a website is reliable evidence. Is this true? We need some examples of how websites can be manipulated in such a way that screenshots will provide misleading information.

Task

Using the Chrome Inspector, access 5 different websites and change their content or formatting in unexpected ways. Take screenshots of your changes, post them to a class discussion board, and briefly explain what you did. Try to be creative and do things that others have not thought of.

This content is provided to you freely by EdTech Books.

Access it online or download it at https://edtechbooks.org/elearning_hacker/hack_a_website.