Search

Nalezeno "challenge": 366

The Ultimate Guide to JavaScript Algorithms: Finding the Longest Word In a Sentence

7.2.2019
Finding the longest word in a string of text is a very common algorithmic challenge in the JavaScript world. In this article we examine three ways to solve this challenge, with each method showcasi

The Ultimate Guide to JavaScript Algorithms: Hamming Distance

5.2.2019
In this challenge we will come up with an algorithm to calculate the edit distance between two strings of equal length, also known as Hamming Distance. What is hamming dist

Code Challenge #15: Simple Crazy Buttons with VanillaJS

4.2.2019
Woohoo! This is the first of our live stream code challenge series, and we'll kick it off with completing a super satisfying and rather funny challenge using HTML, CSS and plain Vanilla JavaScript

The Ultimate Guide to JavaScript Algorithms: Palindromes

4.2.2019
In this challenge we further strengthen our string manipulation skills by implementing simple algorithms to test if a string of text is a palindrome. What is a palindrome?

Set Desktop Wallpaper from Command Line on Mac

31.1.2019
Whenever I need to accomplish a basic task that typically calls for interacting with a UI, I challenge myself to complete the task from command line. After all, most UIs are simply a mask over basic commands, especially when it comes to the operating system. Suddenly I feel like an automation...

The Ultimate Guide to JavaScript Algorithms: Finding the Most Recurring Character

23.1.2019
In this challenge, we will be dealing with strings, arrays and objects. We will learn to manipulate these data types using various methods that'd bring us to a working solution in the end. E

The Ultimate Guide to JavaScript Algorithms: Counting the Vowels in a String of Text

23.1.2019
In this challenge, we will be working with strings and arrays. Strings and arrays are very much alike in that they are both collections of elements usually of the same type. In order to mani

The Ultimate Guide to JavaScript Algorithms: String Reversal

23.1.2019
The string reversal algorithm is perhaps the most common JavaScript code challenge on the internet. In this article, we explore various string reversal techniques as a good number of string manipul

Converting Color Spaces in JavaScript

10.1.2019
A challenge I faced in building an image "emojifier" was that I needed to change the color spaces of values obtained using getImageData() from RGB to HSL. I used arrays of emojis arranged by brightness and saturation, and they were HSL-based for the best matches of average pixel colors with...

Convert Class Components to Functional Components in a React Project (Solution to Code Challenge #14)

14.12.2018
Last week on the code challenge we set out to refactor some class components in a create-react-app proj

Code Challenge #14: Test Your Knowledge of React Hooks

27.11.2018
The front-end world of JavaScript keeps buzzing daily with new tools, technologies, and super updates! One of such recent release by the React.js team is React Hooks in React 16.7-alpha. Here's

Code Challenge #12: JavaScript String Manipulation

10.7.2018
Last time on the Code Challenge #11 we solved problems in JavaScript using functions to manipulate objec

JavaScript Functional Programming (Solution to Code Challenge #11)

22.6.2018
Tried the code challenge #11? In that, we delved into solving basic array problems using array methods s

Code Challenge #11: JavaScript Functional Programming

12.6.2018
Previously on the code challenge #10, we delved into lazy loading images for performance, you can check out the challenge post and solution. This week on the code challenge, we'll be re-visi

Lazy Load Animal Memes with Intersection Observer

29.5.2018
Last week we on the code challenge #7 we delved into lazy loading images for increased performance of web pages. Yet to take the challenge? You can do so

Code Challenge #10: Lazy Loading Animal Memes

18.5.2018
In a bid to lower the load times of a website, several techniques have been developed. One such technique is the lazy loading of images on the page. TL, DR

Overriding Default Button Styles

9.5.2018
There are a variety of "buttons" in HTML. You've got: <button>Button</button> <input type="button" value="Button"> Plus, for better or worse, people like having links that are styled to match the look of other true buttons on the site <a href="#0"...