JavaScript30 – Day 6

Categories: Education

In today’s lesson, I learned how to create an AJAX dynamic search using JavaScript. We worked with a JSON list with American cities and after providing a search string, the application returned all matching results.
Resources:

JS Event Listener
JS Fetch
JS Filter
JS Map
JS Push
JS Promise
JS RegExp
JS Replace
JS Query Selector

JavaScript30 – Day 3

Categories: Education

In today’s lesson, I’ve learned how to create dynamic CSS using JavaScript. The exercise was about how to fetch values of HTML input elements via JavaScript and convert these into CSS statements. The final code can be found on 03 – CSS Variables.
References:

CSS :root
CSS variables
Document.querySelectorAll()
EventTarget.addEventListener()

 

JavaScript30 – Day 1

Categories: Education

Another year, another challenge. Last year, I attempted the 30 Days of Node.js challenge, which I failed after 16 days due to various factors. My main takeaways from that challenge have been that daily practice really helps to master a subject, but also that it’s sometimes hard to do the daily exercise due to travelling or other circumstances. While I refused to prepare exercises upfront or catch up later, when travelling, this time I’ll do so, to finish the 30 days exercise, even if that means that I only wrote JavaScript code for a few days less.
So far so good, but how do I challenge myself this time? For the next 30 days, I’ll focus on JavaScript30 — A Free 30 day Vanilla JS Coding Challenge from Wes Bos. Day 1 started with a JavaScript Drum Kit and the final code can be found on 01 – JavaScript Drum Kit. Besides creating teh JavaScript Drum Kit, I also learned where to look up  JavaScrip Event KeyCodes.