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 1. Hack a Website (well, sort of...)

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

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

Integrated Development Environments (IDEs)

HTML Web Development CSS JavaScript

An Integrated Development Environment (IDE) is a tool for creating and testing code. There are many free IDEs that are common, and you will need to use one to complete the projects. Some popular examples include the following:

This content is provided to you freely by EdTech Books.

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