Riad Kilani
  • Bio
  • Portfolio
  • Blog
  • Contact
  • Accessibility
  • Case Studies
  • CSS
  • Design
  • Front-End
  • HTML
  • JavaScript
  • News
  • Productivity
  • Random Thoughts
  • SEO
  • Themes
  • Trends
  • Tutorials
  • TypeScript
  • TypeSCript From The Ground Up
  • UX Engineering
  • Web Development
  • Wordpress
Home

Category: JavaScript

Articles about JavaScript

60 JavaScript Projects in 60 Days

December 31, 2025
60 JavaScript projects in 60 days challenge for learning JavaScript from beginner to advanced

60 JavaScript Projects in 60 Days: Build Skills by Actually Building Learning JavaScript does not come from watching more tutorials. It comes from building things, breaking them, fixing them, and repeating that process until concepts click. That is why I am launching a simple challenge: 60 JavaScript projects in 60 days. This challenge is designed […]

Read More

JavaScript vs TypeScript: What Actually Changes

December 30, 2025
Visual comparison of JavaScript and TypeScript showing type flexibility versus type safety

TypeScript does not replace JavaScript. It changes how your code is validated before it runs. This guide explains the real differences without hype or shortcuts.

Read More

Learn TypeScript in 10 Minutes (For JavaScript Developers)

December 29, 2025
Learn TypeScript in 10 minutes showing TypeScript code examples with types, interfaces, and async functions for JavaScript developers

TypeScript can feel intimidating at first, but it is really just JavaScript with guardrails. If you already know JavaScript, you can understand the core ideas of TypeScript in about ten minutes and immediately start writing safer, more predictable code. This guide focuses on what actually matters: types, functions, objects, and how TypeScript helps you reason […]

Read More

How Material Design Motion Improves Perceived Performance in React Applications

November 3, 2025
Learn how Material Design motion improves perceived performance in React applications

Strategic Material Design motion combined with React performance optimization techniques make interfaces feel faster. Master React 19’s startTransition, selective lazy-loading, and accessible motion preferences to enhance perceived performance without sacrificing user experience.

Read More

JavaScript Reducers: What They Are and Why Use Them

August 30, 2025
Light abstract background with faded JavaScript code, several green monopoly-style houses and one red hotel, and the title “JavaScript Reducers — What Are They and Why Use Them.”

Reducers take many things and fold them into one. From Array.prototype.reduce() to app-level state, here’s the simple mental model—with copy-paste code.

Read More

Up and Running with Vue.js (Fast Start for 2025)

August 29, 2025
Vue.js logo next to a minimal dashboard UI on a light abstract background with the headline “Up and Running with Vue.js.”

Get up and running with Vue.js fast: CDN or Vite setup, components and reactivity, Vue Router, Pinia, data fetching, forms.

Read More

10 Vue.js Tips & Tricks I Wish I Knew Sooner (Vue 3 Edition)

August 29, 2025
Light abstract background with a stylized Vue “V” mark, minimal dashboard UI accents, and the title “10 Vue.js Tips & Tricks (Vue 3 Edition)”.

Level up your Vue 3 apps with ten practical tips—from script setup and smart reactivity to Teleport, Suspense, async components, and performance wins. Clear examples you can drop right into your project.

Read More

JavaScript Promise: What It Is and How to Use It

August 15, 2025
Stylized banner illustrating JavaScript Promises with a flow from pending to fulfilled/rejected and labels for then/catch/finally and async/await on a dark code-themed background

Promises are JavaScript’s way to handle “I’ll get back to you later.” Here’s the short, practical guide—what they are and how to use them fast.

Read More

Understanding JavaScript Scope: A Beginner’s Guide

August 6, 2025
understanding-javascript-scope

Scope controls where variables live and who can access them. This beginner-friendly guide covers global, function, block, and module scope—plus closures, hoisting, and the TDZ—with practical code examples.

Read More

Categories

  • Accessibility
  • Case Studies
  • CSS
  • Design
  • Front-End
  • HTML
  • JavaScript
  • News
  • Productivity
  • Random Thoughts
  • SEO
  • Themes
  • Trends
  • Tutorials
  • TypeScript
  • TypeSCript From The Ground Up
  • UX Engineering
  • Web Development
  • Wordpress

Recent Posts

  • Native CSS Is Quietly Replacing Sass, But It Isn’t Replacing the “Need” for Sass
  • Everyday Types Explained (From the Ground Up)
  • 2026 CSS Features You Must Know (Shipped Late 2025–Now)
  • 60 JavaScript Projects in 60 Days
  • JavaScript vs TypeScript: What Actually Changes

Tags

accessibility accessible web design ADA compliance async components Career Journey cascade layers code splitting composables composition api computed properties container queries css Design Inspiration Design Systems disability access File Organization Front-End Development Frontend frontend development immutability javascript JavaScript reducers lazy loading Material Design Modern CSS performance Personal Growth react React useReducer Redux Resume screen readers seo Suspense Teleport TypeScript UI/UX UI Engineering UX UX Engineering Vue Router WCAG web accessibility Web Development Web Performance

Riad Kilani Front-End Developer

© 2026 Riad Kilani. All rights reserved.