Teaching Resources

This repo contains links to a variety of teaching resources I use for teaching.

I currently teach full-stack web development at DigitalCrafts in Houston, TX. Formerly at The Iron Yard.

---

js101

JavaScript exercises designed to introduce JS syntax and language fundamentals. Students write Functions, Numbers, Strings, Arrays, and Objects in order to get a test suite to pass. There are no loops or "problem solving with code" in these exercises; just learning the language.

---

js201

JavaScript exercises using Functions, Arrays, Objects, and loops. Students work to get a test suite to pass, with regular feedback about their code.

---

git merge conflict

Create and resolve a git merge conflict on the command line.

---

CSS Diner and Flexbox Froggy

Fun, interactive games to help learn CSS selector syntax and flexbox positioning.

---

CSS Layout Exercises

CSS layout exercises using flexbox. Students really enjoy the Mondrian challenge here.

---

Shipping Logic Puzzle

Solve a challenging logic puzzle using JavaScript Arrays, Objects, and predicate functions.

---

Calculate Tournament Results

Use higher-order functions to calculate tournament results. Practices map, reduce, data manipulation.

---

Example Tic-Tac-Toe Game

Tic-tac-toe game using vanilla JavaScript. Demonstrates basic DOM manipulation, browser events, template literals, and state management in JS.

---

Introduction to AJAX

Teaches AJAX programming with XMLHttpRequest, jQuery, and the Fetch API. Assumes some basic JavaScript and DOM knowledge.

---

jQuery Login Form

Build a Login form using jQuery + AJAX. Teaches basic DOM interaction, AJAX (with error handling), JS state management, and following design requirements.

---

Northwind SQL Questions

Practice questions that can be answered using SQL JOIN statements. Uses the classic northwind database.

---

React State Examples

Some simple components that can be built using React. Teaches how to manage state in React using props and state.

---

Phase 1 Final Project Requirements

Final project requirements for the end of "Phase 1". Intended for a group of 3-5 students. Focus on HTML, CSS, JavaScript, APIs, AJAX, and using JavaScript libraries. Also requires a certain level of software quality and process: README.md file, Travis CI, deployment / hosting, PR review process, scrum stand-up meetings.

---

Phase 2 Backend Project Requirements

Backend project requirements for the end of "Phase 2". Intended for a group of 3-5 students. Focus on backend technologies using Node.js, express.js, databases, forms, authentication, etc.

---

Phase 3 React.js Project Requirements

Requirements for a frontend project using React.js + Redux.

---

Capstone Project Requirements

Requirements for the flex class capstone project. Build a full-stack web application.

---

TODO: catalog these

• Color clock
• https://github.com/oakmac/connect-four
• https://github.com/magentanova/higherOrderFunctions
• https://github.com/magentanova/funWithConstructors
• https://github.com/magentanova/introObjects
• https://github.com/magentanova/loopsAndIterables
• https://github.com/magentanova/loopsAndIterables2
• https://github.com/magentanova/js-functions-functional-practice-1
• https://github.com/magentanova/js-functions-functional-practice-2

---

This repo licensed as CC0 1.0 Universal:

You can copy, modify, distribute and perform the work, even for commercial purposes, all without asking permission.

The various exercises linked above each have their own license; most are open source.