Niels Lange WordPress Engineer

JavaScript30 – Day 6

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 5

In today’s lesson, we’ve created a small image gallery using JavaScript and nested CSS Flexboxes. The final code can be found on 05 – Flex Panel Gallery.

References:

• CSS Flexbox
• JS Event Listener
• JS Toggle Method
• JS Query Selector

JavaScript30 – Day 3

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

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.