Time Capsule
Unit1: Introduction to Tools, Blogging, Markdown, HTML and CSS
The initial weeks focus on introducing Tools, Pair Programming, and tools we will using throughout the year. At the end of the first unit, students will be blogging on GitHub and creating GitHub Pages; be introduced to Jupyter Notebooks and VSCode, coding with JavaScript, HTML, and CSS
| Week | Plans | Hacks | Tangibles |
|---|---|---|---|
| 0 |
- [0] Plans |
- Tool Setup |
- Review Ticket | 0 - Journey into Technology |
| 1 |
- [1] Plans |
- CSS Magic - Jupyter Notebook |
|
| 2 |
- [2] Plans |
- Setup Games - Issues Setup |
- Game of Life - Classic Snake Game - Calculator |
| 3 |
- [3] Plans |
- All About Tables - Improving Snake - Translator Magic |
- Javascript Table - Conversion Tool - U1 Pair Showcase |
Unit2: Introduction to Development with JavaScript
A key focus of this course is to make Web Games using JavaScript. These next few weeks we will perform the aspects of constructing a game and deploying the game to GitHub Pages. Our goal is to participate in N@tM with the other CS classes and other classes from the Electives Department.
| Week | Plans | Hacks | Tangibles |
|---|---|---|---|
| 4 |
- [4] Plans |
- GPA Calculator - JS Calculator - Prompts - JavaScript Playground |
|
| 5 |
- Functions |
- Spritesheet |
|
| 6 |
- Home |
- JS Basics Test Review |
|
| 7 |
Unit3: Building a Web Application with GitHub Pages for N@tM
Part of the process of becoming technically proficient is taking on challenges while coding, these challenges will often make a student feel uncomforatable. But with some vision, questions, and AI research it is amazing what can be done.
| Week | Plans | Hacks | Tangibles |
|---|---|---|---|
| 8 |
- Canvas Creation |
||
| 9 |
- Randomization Logic |
- Coin Flip - Rock Paper Scissors |
|
| 10 |
- Music Changer |
||
| 11 |
- Youtube APIs - Hitbox Overlay - Collisions |
- Testing with Hitboxes |
|
| 12 |
- Individual Review |
Unit4: Working with Data and Frameworks
Understanding key development frameworks available in GitHub Pages make development faster. We will look at storing data in the Browsers with Local Storage, generating repetitive code using YML and Liquid and styling HTML with SASS.
| Week | Plans | Hacks | Tangibles |
|---|---|---|---|
| 13 |
- Local Storage Basics |
||
| 14 |
- OOP Notes |
||
| 15 | |||
| 16 |
Unit5: Algorithmic and Programming Fundamentals
Each week a "Student Team" will have a teaching assignment. Additionally, the Teacher is providing mini-labs that correspond to topics for the week. Using the two things together, you will your learning experience, blogging and Jupyter Notebooks skills.
| Week | Plans | Hacks | Tangibles |
|---|---|---|---|
| 17 | |||
| 18 | |||
| 19 | |||
| 20 |
Unit6: Create a Final Project and N@tM
Trimester 2 concludes with student presenting their CPT project at N@tM. Each person within "Student Teams" will have their own specialty within the student project that satisfied all their Create Performance Task requirements. Student should be able to talk about design, coding, and present features of their portion of the system.
| Week | Plans | Hacks | Tangibles |
|---|---|---|---|
| 21 | |||
| 22 | |||
| 23 |
- Portfolio - N@M Blog |
||
| 24 |