Resize Symbol

Spread and Rest Operator, The three Dots in JavaScript

By learning the Spread and Rest operators introduced, you can write the same code more elegantly. Let's explore their uses through animations and real examples.

2023-03-27
@ JavaScript
  • #Syntax
Recording Symbol

Three Steps to Record Videos with OBS!

OBS stands for Open Broadcaster Software, a popular open-source recording software. This guide helps you set up OBS quickly from installation to recording.

2023-03-24
@ Share
  • #unsorted
HTML Symbol

Ways to help you write better HTML

A summary of common issues encountered while reviewing assignments and how to address them. This article gathers key points to help you write better HTML.

2023-03-20
@ HTML
  • #unsorted
Code Symbol

Amazing Features of CodePen You Never Thought Of

CodePen is an online platform where you can build web, see results instantly, and share easily. It's very beginner-friendly.

2023-03-19
@ Share
  • #unsorted
CSS Icon

Ways to Write Better CSS

This article summarizes the common issues faced when reviewing assignments and how to address them, helping you avoid common pitfalls!

2023-03-19
@ CSS
  • #unsorted
Rotating arrow with a question mark symbol

JavaScript Pass by Value and Reference, The Difference?

The concepts of pass by value and pass by reference. This tutorial uses JavaScript with diagrams to help you understand their differences.

2023-03-14
@ JavaScript
  • #Concept
Leaf Symbol

Why Do You Need Pure Functions?

functions that cause changes affecting the rest of the program, leading to unnecessary side effects that make the code unpredictable and hard to understand.

2023-03-14
@ Functional Programming
  • #unsorted
Double Arrow Symbol

Why You Need Arrow Function in JavaScript?

JavaScript arrow functions are a new syntax introduced in ES6. In this article, we will learn how to use arrow functions.

2023-02-27
@ JavaScript
  • #Syntax
Wizard Symbol

Summarizes Ways to Write Better Code

Records some potential issues I’ve noticed while reviewing code... There are no absolute rules, but there are common considerations to be aware of.

2023-02-21
@ Technical Discussion
  • #unsorted
Symbol of a box with code

Stop using Loose Equality in JavaScript

Most of the time, you won’t want to use "loose equality"; try using "strict equality" to write your code more rigorously and accurately

2023-02-15
@ JavaScript
  • #Syntax
Guardian Symbol

Use Guard Clauses for Better Readability

If you need more than 3 levels of nesting, you've messed up and should consider refactoring your code. Learn how to use guard clauses for better readability.

2023-02-12
@ Pattern
  • #Refactor
Download Icon

Why You Need Script defer and async Attribute

To optimize the loading order of scripts, Explains why to use the built-in HTML `defer` and `async` attributes.

2023-02-10
@ HTML
  • #Syntax
Text Snippet and Magnifying Glass Symbol

Build a Searchbar Using JavaScript in Five Steps

Creating a search box from scratch, allowing input and matching existing data to display relevant content, practical exercise for JavaScript beginners.

2023-02-06
@ JavaScript
  • #Beginner
+1 Icon

Create a Counter in JavaScript in Five Steps

A counter is a basic exercise commonly seen in various frameworks, showcasing minimal functionality of any app. Let's recreate it using native JavaScript.

2023-02-04
@ JavaScript
  • #Beginner
Small Box Symbol

Learn Debounce and Throttle Through Animation

Debounce and throttle are essential patterns in frontend performance, helping to improve user experience and reduce resource wastage for developers.

2022-11-22
@ Pattern
  • #unsorted