Recording from Class – June 3rd
Recording from Class – May 27th
Notes
Resources
- Click here to test out your code at AFA’s HTML Code editor
- Click here to check out some JavaScript examples
- Click here to check out some other resources for JavaScript
Assignment 1
Objective
To explore the practical applications of JavaScript by building a simple but creative tool using core JavaScript concepts (no frameworks required). This assignment is designed to encourage experimentation, problem-solving, and creativity.
Task
Create 3 JavaScript-based tools that solves a problem, serves a unique purpose, or enhances user interaction. You are free to choose any use case of JavaScript that interests you.
Requirements
- Your project must include:
- HTML structure
- CSS for styling (inline or external)
- JavaScript (in
<script>tag or external file)
- The tool should be interactive or functional in some meaningful way.
- You must not use frontend frameworks like React, Vue, or Angular.
- Originality and creativity are highly encouraged.
Examples (Optional Inspiration)
Do not do any of these for submissions but you can try building any of these for the experience and learning purposes.
- A to-do list with save functionality
- A simple quiz app with scores
- A calculator (basic or scientific)
- A random password generator
- A unit or currency converter
- A Pomodoro timer or countdown app
- A name picker or dice roller
- A mood tracker or daily journal
- A keyboard shortcut trainer
Submission Instructions
Upload one of the following:
- A
.zipfile containing your HTML, CSS, and JS files - OR upload your code in the Assignment Submission Block for Code in this page