JavaScript30Days

30 Projects in 30 Days

Day 1

Built a drum set with using the homekeys.

Learned: Can trigger event based on hitting a key with "window.addEventListener('keydown')".

Day 2

Built a clock that shows real time.

Learned:

---

• Every second or minute is 6 degrees on a cloc using the formula (min / 60) * 360.
• Adding 90 to last formula will let hands start at 12.
• Can use "document.querySelector('.className')" to locate a HTML class frm JavaScript.

Day 3

Built a site that modifies pictures via a UI interface.

Learned:

---

• How to use css variables.

Day 4

Array practice.

Learned:

---

• Various ways to manipulate arrays.
• How to use arrow functions.

Day 5

Made a flexbox photo gallery.

Learned:

---

• How to use flexbox.
• Practiced adding/removing classes in JavaScript.

Day 6

Made a city/state search using Ajax and JSON.

Learned:

---

• How to create an array from JSON file.
• Use Ajax to send data.

Day 7

Array practice.

Day 8

Made a drawing app with Canvas.

Learned:

---

• How to use JavaScript to add functionality to Canvas.
• Drawing functions.

Day 9

Learned various dev tools in the console.

Day 10

Made a form that allows user to hold "shift" and select range of checkboxes.

Learned:

---

• How to use JavaScript to add range on a form.

Day 11

Code needs updating for exercise.

Day 12

Used JavaScript to add key sequencing to trigger a function.

Learned:

---

• How to use JavaScript to add keys to an array and compare against a string.

Day 13

Used JavaScript to add image events on scroll.

Learned:

---

• How to use JavaScript to add events on scroll.

Day 14

Learned the difference between reference and copy in JS.

Learned:

---

• How to use JavaScript for referencing objects, copying objects and the difference.

Day 15

Learned about local storage on a browser.

Learned:

---

• How to use JavaScript for utilizing local storage to save list data.

Day 16

Learned how to move text shadows with mouse event.

Learned:

---

• How to use JavaScript for moving text shadows.

Day 17

Learned how to make a sorted list with neglecting certain words.

Learned:

---

• How to use JavaScript to sort arrays with removing certain common words but keeping those words in the actual array.

Day 18

Learned how to total up times of videos.

Learned:

---

• How to use JavaScript to sort arrays and split up minutes and seconds in order to get a total value of all times.

Day 19

Code needs updating for exercise.

Day 20

Learned how to use built-in speech recognition in browser.

Learned:

---

• How to use JavaScript and HTML to do basic speech recognition.