An Illustrated (and Musical) Guide to Map, Reduce, and Filter Array Methods
26.3.2019
Map, reduce, and filter are three very useful array methods in JavaScript that give developers a ton of power in a short amount of space. Let’s jump right into how you can leverage (and remember how to use!) these super handy methods.
Array.map()
Array.map() updates each individual value in...
Buddy: 15 Minutes to Automation Nirvana
26.3.2019
(This is a sponsored post.)
Deploying a website to the server in 2019 requires much more effort than 10 years ago. For example, here's what needs to be done nowadays to deliver a typical JS app:
split the app into chunks
configure webpack bundle
minify .js files
set up staging environment
upload...
Exploding 3D Objects with Three.js
26.3.2019
A set of WebGL demos that show an exploding 3D object animation inspired by "Kubrick Life Website: 3D Motion".
Exploding 3D Objects with Three.js was written by Yuriy Artyukh and published on Codrops
Deliver Responsive and Art Directed Images For Your Website with ImageKit
26.3.2019
Images are essential for all websites. Whether it is product images for an e-commerce store, photographs of picturesque locations on a travel website or images to support the content of a blog
The Ultimate Guide to JavaScript Algorithms: Integer Reversal
26.3.2019
Reversing an integer usually comes across as an easy thing to do for most developers. However, on closer evaluation, it gets a little tricky due to certain requirements and constraints involved. Th
TheWestTour: Ice, Products, and 2G
26.3.2019
“Do people speak English in Africa?”, “Do high school students have access to smartphones and computers?” These series of challenging questions made me know I was amongst the right crowd and the lo
Understanding Event Emitters
26.3.2019
Consider, a DOM Event:
const button = document.querySelector("button");
button.addEventListener("click", (event) => /* do something with the event */)
We added a listener to a button click. We’ve subscribed to an event being emitted and we fire a callback when it does. Every time we click that...
Collective #502
25.3.2019
Griffith * Vibe * Pyright * Hyphenation in CSS * Advanced Map Shading * Lights on or off? * Writing Resilient Components
Collective #502 was written by Pedro Botelho and published on Codrops
Build a Decentralized Web Chat in 15 Minutes
25.3.2019
In this 15 minute tutorial we’re going to build a simple decentralized chat application which runs entirely in a web browser. All you will need is a text editor, a web browser, and a basic knowledge of how to save HTML files and open them in the browser. We’re going...
JavaScript Glossary: String trim()
25.3.2019
Basics
This method removes whitespaces from the start and end of the calling string. It removes spaces, tabs, no break spaces etc. It returns a new string stripped of whitespaces from both
JavaScript Glossary: String indexOf()
25.3.2019
Basics
This method checks for the first appearance of a provided string argument within the calling string and returns the index. It returns -1 if the string argument can’t be
Simple & Boring
25.3.2019
Simplicity is a funny adjective in web design and development. I'm sure it's a quoted goal for just about every project ever done. Nobody walks into a kickoff meeting like, "Hey team, design something complicated for me. Oh, and make sure the implementation is convoluted as well. Over-engineer that...