Author image

The Ninja Blog

Top-notch tutorials in web development covering languages and tools like; JavaScript, Vue, Node, and more.

#html#css#javascript#vue

Handling redirects in Netlify

Since apps on Netlify are serverless, Netlify provides two methods of handling redirects on our applications. "_redirects" and "netlify.toml" file.

Link

For...of and For...in loops

The for...in and for...of loops both do the same thing but quite differently, both loop through the enumerable properties of an object but in a different way.

Link

Symbols in JavaScript

Symbols are a primitive datatype introduced in ECMAScript 2015, each value returned from creating a symbol is unique.

Link

Nullish coalescing and optional chaining in JavaScript

The nullish coalescing operator checks if the left-hand side of an expression evaluates to undefined or null.

Link

Using Filters in Vue

Filters in Vue.js are helper functions that can be used to quickly format text in a component's template.

Link

Using watchers in VueJs

watchers in Vue are a helpful way to detect changes with data inside a component, they are functions on the component's instance.

Link
How to setup ESLint and Prettier for your JavaScript projects cover image

How to setup ESLint and Prettier for your JavaScript projects

ESLint is a very powerful linting tool while Prettier is a code formatter that helps make your code easy to read.

Link
Using rest and spread operators in JavaScript cover image

Using rest and spread operators in JavaScript

The three dots (...) signify both the rest and spread operators in JavaScript, their functionality depends on where they're used.

Link
How to deploy web applications to Netlify cover image

How to deploy web applications to Netlify

In this article, we'll be looking at how to get up and running with Netlify for hosting your websites and web apps.

Link

How to make elements behave like links without wrapping them in anchor tags

Short answer: with css of course, this technique shows you how to do it with the use of css, it is not ideal to wrap block elements with inline ones. This was a rule in HTML 4.

Link

Advanced techniques in destructuring (How to destructure arrays and objects - Part 3)

There are advanced techniques used in destructuring to help us write even cleaner code, from the last two articles, we discussed how destructuring works in arrays and objects.

Link
How to destructure arrays and objects in JavaScript - part 2 cover image

How to destructure arrays and objects in JavaScript - part 2

Destructuring is one of the cool features that came with the release of ES6 in 2015, It makes it easy to extract values from arrays and objects and store them in variables.

Link
How to destructure arrays and objects in JavaScript - part 1 cover image

How to destructure arrays and objects in JavaScript - part 1

Destructuring is a cool new way to easily extract values from arrays, this technique was also introduced in the ES6 syntax of writing JavaScript in 2015.

Link
Advanced styling with CSS attribute selectors cover image

Advanced styling with CSS attribute selectors

There are many ways to target HTML elements using CSS selectors, we mostly use the three common ones; tag, class and id selectors, but there are a lot more advanced ways to target elements.

Link
How to use arrow functions in JavaScript. cover image

How to use arrow functions in JavaScript.

The arrow function is a cool addition to the ES6 syntax of writing JavaScript, introduced in 2015, arrow functions are a shorter way to write functions in JavaScript.

Link
Five tips to master a programming language. cover image

Five tips to master a programming language.

Programming is never easy, the hardest part of programming is learning the language, we face so much dificulties while learning that we begin to wonder if "programming" was truly meant for us...

Link