This installment of Wes Bos’ Javascript30 course demonstrates several morearray methods, e.g., Array.prototype.some(), Array.prototype.every(), Array.prototype.find() & Array.prototype.findIndex() … (more…)
#js30.05 Flex Panels Image Gallery
Wes Bos’ Javascript30 course Project #5 is a flex panel image gallery. The concept relies primarily on the CSS Flexbox module, while the javascript consists simply of event listeners and class-toggling. (more…)
#js30.04 Array Cardio 1
This installment of Wes Bos’ Javascript30 course demonstrates several array methods, e.g., Array.prototype.filter(), Array.prototype.forEach(), Array.prototype.map() & Array.prototype.sort(). Whenever I spend some time working with array methods I start to feel like I have a clue how javascript works. Yup, it’s slowly seeping in …
#js30.03: CSS variables & js
This exercise demonstrated how to use javascript to get, e.g., slider and color picker inputs values, and assign them to CSS variables, thereby modifying e.g., an image element’s border, padding and background-color.
#js30.02: Clock
Wes Bos’ Javascript30 course Project #2 is a css & js analog clock, mainly a lesson in how the Date object can be used in javascript. The use of css transforms – specifically the transform-origin attribute – is also central to achieving the clock’s hands.
The clock face and clock hands are created using pretty straightforward html & css: (more…)
#js30.01: Drumkit
Off to a fun, illuminating start on Wes Bos’ Javascript30 course. The first project is a drumkit (more…)