--- title: "Blog — All Articles" description: "Tutorials and articles on JavaScript, React, Next.js, game development, Three.js, and more by Tajammal Maqbool." author: "Tajammal Maqbool" last_updated: "2026-06-20" --- # Blog — All Articles > Tutorials and articles on JavaScript, React, Next.js, game development, Three.js, and more by Tajammal Maqbool. 51 published articles across 11 categories. ## Categories - [web development](https://tajammalmaqbool.com/pages/categories/web-development.md) (35) - [javascript](https://tajammalmaqbool.com/pages/categories/javascript.md) (31) - [game development](https://tajammalmaqbool.com/pages/categories/game-development.md) (9) - [nodejs](https://tajammalmaqbool.com/pages/categories/nodejs.md) (7) - [python](https://tajammalmaqbool.com/pages/categories/python.md) (5) - [godot](https://tajammalmaqbool.com/pages/categories/godot.md) (4) - [three.js](https://tajammalmaqbool.com/pages/categories/threejs.md) (4) - [css](https://tajammalmaqbool.com/pages/categories/css.md) (3) - [game code](https://tajammalmaqbool.com/pages/categories/game-code.md) (3) - [phaser js](https://tajammalmaqbool.com/pages/categories/phaser-js.md) (2) - [unity](https://tajammalmaqbool.com/pages/categories/unity.md) (1) ## All Articles - [Learn addEventListener and removeEventListener in JavaScript](https://tajammalmaqbool.com/pages/blogs/addeventlistener-and-removeeventlistener-in-javascript.md) — Master JavaScript events with addEventListener & removeEventListener. Learn to listen & stop listeners, prevent memory leaks, & create interactive web apps. _(November 3, 2025)_ - [Godot Array - A Comprehensive Guide (GDScript 4.x)](https://tajammalmaqbool.com/pages/blogs/godot-array-a-comprehensive-guide.md) — Master Godot Array usage: creation, typing, iteration, performance, Packed arrays, slicing, functional helpers, memory tips, pitfalls, patterns, and FAQs for GDScript 4.x. _(September 10, 2025)_ - [Godot Dictionary - A Comprehensive Guide (GDScript 4.x)](https://tajammalmaqbool.com/pages/blogs/godot-dictionary-a-comprehensive-guide.md) — Master Godot Dictionary usage: creation, typing, iteration, merging, default access, performance, nested structures, patterns, and FAQs for GDScript 4.x. _(September 10, 2025)_ - [Godot Enum - A Comprehensive Guide (GDScript 4.x)](https://tajammalmaqbool.com/pages/blogs/godot-enum-a-comprehensive-guide.md) — Master Godot Enum usage: definitions, typed patterns, bitflags, state machines, pattern matching, serialization, UI binding, performance tips, pitfalls, and advanced patterns in GDScript 4.x. _(September 10, 2025)_ - [Godot vs Unity - A Comprehensive 2025 Guide](https://tajammalmaqbool.com/pages/blogs/godot-vs-unity-a-comprehensive-comparison.md) — Deep dive Godot vs Unity: licensing, performance, 2D & 3D tools, scripting, ecosystem, asset pipeline, deployment, and when to choose each engine in 2025. _(September 10, 2025)_ - [JavaScript Limit Map to 50 Items – Optimize Performance](https://tajammalmaqbool.com/pages/blogs/javascript-limit-map-to-50-items-optimize-operformance.md) — Learn how to limit JavaScript .map() to 50 items for better performance and efficiency. Discover three simple methods—.slice(), .filter(), and .forEach() _(April 7, 2025)_ - [Basic Data Structures in Javascript](https://tajammalmaqbool.com/pages/blogs/basic-data-structures-in-javascript.md) — Unlock the basics of JavaScript data structures. Explore arrays, queues, and linked lists to optimize code, manage data efficiently, and enhance your programming skills. _(April 4, 2025)_ - [Fibonacci Series in JavaScript](https://tajammalmaqbool.com/pages/blogs/fibonacci-series-in-javascript.md) — Learn multiple ways to generate the Fibonacci series in JavaScript, from iteration to recursion, memoization, and generators, with performance comparisons. _(April 3, 2025)_ - [Javascript Double Question Mark (??) - A Guide](https://tajammalmaqbool.com/pages/blogs/javascript-double-question-mark-a-guide.md) — Demystifying Javascript's Double Question Mark (??): Understand nullish coalescing, distinguish it from logical OR (||), and use it for providing smart default values. _(March 8, 2025)_ - [Removing the Last Character from Strings in JavaScript](https://tajammalmaqbool.com/pages/blogs/javascript-remove-last-character.md) — Need to trim the tail of a string in JavaScript? Learn easy methods to remove the last character, with clear examples and use cases. _(March 8, 2025)_ - [Javascript Double Exclamation Mark (!!) - A Guide](https://tajammalmaqbool.com/pages/blogs/javascript-double-exclamation-mark-a-guide.md) — Demystifying Javascript's Double Exclamation Mark (!!): Understand type coercion, truthiness, and harness its power for cleaner, boolean logic. _(February 22, 2025)_ - [Learn 5 Types of Nesting in JavaScript with Examples.](https://tajammalmaqbool.com/pages/blogs/learn-nesting-in-javascript-with-examples.md) — Master nesting in JavaScript with nested functions, arrays, objects, loops, and conditionals for cleaner, more organized, and efficient JavaScript development. _(February 21, 2025)_ - [HTML5 Canvas with Examples: A Guide](https://tajammalmaqbool.com/pages/blogs/html5-canvas-with-examples.md) — Learn everything about HTML5 Canvas with examples in this guide. Explore drawing, transformations, animations, and more. _(February 18, 2025)_ - [Count How Many Substrings in a String JavaScript](https://tajammalmaqbool.com/pages/blogs/count-how-many-substrings-in-string-javascript.md) — Learn now how to count substrings in a string using JavaScript by Explore different methods, including loops, regex, and built-in functions, with code examples. _(January 20, 2025)_ - [Learn Randomness in JavaScript with Math.random()](https://tajammalmaqbool.com/pages/blogs/learn-randomness-in-javascript-with-math-random.md) — Discover the magic of Math.random in JavaScript. Learn how to use it to generate random numbers, alert math.random, create dynamic web experiences, and much more. _(January 18, 2025)_ - [Best JavaScript Guide: Add or Remove Style Dynamically](https://tajammalmaqbool.com/pages/blogs/javascript-add-or-remove-style-dynamically.md) — Learn how to add or remove style in JavaScript. Master inline styles, classList manipulation, and dynamic stylesheets to enhance your web development projects. _(January 14, 2025)_ - [JavaScript Sleep Function - A Comprehensive Guide](https://tajammalmaqbool.com/pages/blogs/javascript-sleep-function-a-comprehensive-guide.md) — Learn everything about implementing a JavaScript Sleep Function, from delays with setTimeout to advanced patterns using async/await. Perfect for real-world use cases. _(January 11, 2025)_ - [HTML Parser In Python - A Comprehensive Guide](https://tajammalmaqbool.com/pages/blogs/html-parser-in-python-a-comprehensive-guide.md) — Explore the world of HTML parser in Python with our detailed guide. Learn about HTML structure and discover three powerful parsing methods with usage examples. _(January 7, 2025)_ - [How to reverse a string in JavaScript](https://tajammalmaqbool.com/pages/blogs/how-to-reverse-a-string-in-javascript.md) — Learn how to reverse a string in JavaScript using various methods such as built-in functions, for loops, recursion, and more. _(December 30, 2024)_ - [JavaScript Copy Output to Clipboard](https://tajammalmaqbool.com/pages/blogs/javascript-copy-output-to-clipboard.md) — Learn how to effortlessly copy text to the clipboard in JavaScript. Discover use cases, techniques, and the magic behind the navigator.clipboard API. _(December 25, 2024)_ - [Python List - A Comprehensive Guide](https://tajammalmaqbool.com/pages/blogs/python-list-a-comprehensive-guide.md) — Explore the ultimate guide to Python lists. Learn basics, slicing, comprehensions, nested lists, and advanced techniques with real-world applications in this comprehensive blog. _(December 25, 2024)_ - [Python Switch Statement - A Comprehensive Guide](https://tajammalmaqbool.com/pages/blogs/python-switch-statement-a-comprehensive-guide.md) — Discover the ins and outs of implementing switch statements in Python. Learn effective alternatives and examples to write clean and efficient code. _(December 24, 2024)_ - [Python Split Method - A Comprehensive Guide](https://tajammalmaqbool.com/pages/blogs/python-split-method-a-comprehensive-guide.md) — Discover Python's split() method in this guide. Learn how to split strings using delimiters, handle advanced scenarios, and optimize string manipulation tasks. _(December 16, 2024)_ - [Understanding Try and Except in Python](https://tajammalmaqbool.com/pages/blogs/understanding-try-and-except-in-python.md) — Hey there, Python explorers! Let’s talk about one of the coolest ways Python makes life easier for us — try except. It’s like Python’s way of saying, “Don’t worry, I got you!” _(December 12, 2024)_ - [Time Events in JavaScript: A Guide](https://tajammalmaqbool.com/pages/blogs/time-events-in-javascript-a-guide.md) — JavaScript is amazing, isn’t it? It makes websites interactive and alive. One of its coolest features is Time Events. Don’t worry if it sounds technical; I’ll break it down. _(December 10, 2024)_ - [7 most common questions about JavaScript](https://tajammalmaqbool.com/pages/blogs/7-most-common-questions-about-javascript.md) — Explore answers to 7 commonly asked JavaScript questions, from manipulating strings and JSON objects to creating animations and handling tasks efficiently. _(December 7, 2024)_ - [How to ask for user input in the JavaScript Console](https://tajammalmaqbool.com/pages/blogs/how-to-ask-for-user-input-in-the-javascript-console.md) — Learn how to ask for user input in the JavaScript Console with 3 simple methods. This guide includes clear examples and step-by-step instructions for developers. _(December 7, 2024)_ - [How to make Snake Game in JavaScript](https://tajammalmaqbool.com/pages/blogs/how-to-make-snake-game-in-javascript.md) — Learn how to build a classic Snake game using JavaScript and HTML5 Canvas in this detailed, step-by-step guide. Full source code available also!! _(December 7, 2024)_ - [JavaScript Splice - The Ultimate Array Method](https://tajammalmaqbool.com/pages/blogs/javascript-splice-the-ultimate-array-method.md) — Master JavaScript's powerful splice method! Learn how to add, remove, and replace array elements effortlessly. Simplify your code with this ultimate guide. _(December 7, 2024)_ - [JavaScript Move Items to Cart with mousemove](https://tajammalmaqbool.com/pages/blogs/javascript-visually-move-items-to-cart-with-mousemove.md) — Learn how to create an interactive shopping cart using JavaScript, where items visually move to the cart using mouse movement. _(December 7, 2024)_ - [Hoverable Dropdown in HTML and CSS — Custom Design](https://tajammalmaqbool.com/pages/blogs/hoverable-dropdown-in-html-and-css-custom-design.md) — Learn how to create a hoverable dropdown in HTML and CSS with a custom design. Enhance your website's UI with this user-friendly, versatile component. _(December 4, 2024)_ - [How to Check if a Key Exists in an Object in JavaScript](https://tajammalmaqbool.com/pages/blogs/how-to-check-if-a-key-exists-in-an-object-javascript.md) — Learn 4 methods to check if a key exists in an object in JavaScript. This guide helps you efficiently handle key checks in your code with practical examples. _(November 28, 2024)_ - [How to make Tic Tac Toe Game in JavaScript?](https://tajammalmaqbool.com/pages/blogs/how-to-make-tic-tac-toe-game-in-javascript.md) — Learn how to create a Tic Tac Toe game in JavaScript. This guide covers everything from game logic to the source code, making it easy to build your own. _(November 18, 2024)_ - [Top 5 Best JavaScript Frameworks for Browser Game Development](https://tajammalmaqbool.com/pages/blogs/top-5-best-javascript-frameworks-for-browser-game-development.md) — Game development is a thrilling frontier, and the browser has become an exciting playground for interactive, high-quality games. JavaScript frameworks make... _(November 17, 2024)_ - [How to Remove the First X Items from an Array in JavaScript](https://tajammalmaqbool.com/pages/blogs/how-to-remove-the-first-X-items-from-an-array-in-javascript.md) — Learn 4 different methods to remove the first X items from an array in JavaScript. This guide provides simple solutions for manipulating arrays efficiently. _(October 22, 2024)_ - [Shadows in CSS: A Comprehensive Guide](https://tajammalmaqbool.com/pages/blogs/shadows-in-css-a-comprehensive-guide.md) — Adding shadows in CSS is one of the easiest ways to bring depth and visual appeal to your web designs. Whether you’re designing buttons, cards, or entire layouts, shadows help make elements pop. _(October 22, 2024)_ - [Tween in Phaser JS to animate objects](https://tajammalmaqbool.com/pages/blogs/tween-in-phaser-js-to-animate-objects.md) — Discover how to use Tweens in Phaser.js for smooth animations, easing, chaining, timelines, and more. Master dynamic game animations with this comprehensive guide. _(October 20, 2024)_ - [Phaser JS and Spine 2D: A Great Combination for Game Development](https://tajammalmaqbool.com/pages/blogs/phaser-js-and-spine-2d-a-great-combination-for-game-development.md) — Developers can create rich and engaging games with the available tools and frameworks. One such powerful duo that has gained traction is Phaser JS and Spine 2D. Together, they provide game developers with the ability to create smooth animations and integrate them seamlessly into their games. _(October 18, 2024)_ - [Getting Started with Tailwind CSS: A Comprehensive Guide](https://tajammalmaqbool.com/pages/blogs/getting-started-with-tailwind-css.md) — Learn the basics of Tailwind CSS and kickstart your journey with this comprehensive guide to the utility-first CSS framework for faster and easier web design. _(October 1, 2024)_ - [How to Play a .mp3 File in JavaScript](https://tajammalmaqbool.com/pages/blogs/how-to-play-a-mp3-file-in-javascript.md) — Learn how to play .mp3 file in JavaScript effortlessly. Explore 4 simple methods with step-by-step examples for audio playback in your projects. Read more now! _(December 21, 2023)_ - [Mastering LocalStorage in JavaScript | A Guide](https://tajammalmaqbool.com/pages/blogs/mastering-localstorage-in-javascript-a-guide.md) — A comprehensive guide to mastering localStorage in JavaScript, covering its features, use cases, and best practices for persisting data on the client side. _(November 14, 2023)_ - [7 Single-Line Helpful Functions in JavaScript](https://tajammalmaqbool.com/pages/blogs/7-single-line-helpful-functions-in-javascript.md) — Learn 7 powerful single-line JavaScript functions to simplify your code, including array deduplication, random selection, and deep merging. Boost efficiency! _(November 13, 2023)_ - [8 Essential JavaScript Array Functions](https://tajammalmaqbool.com/pages/blogs/8-essential-javascript-array-functions.md) — Explore 8 essential JavaScript array functions every developer should know. Enhance your code's efficiency and cleanliness with these powerful array techniques. _(November 12, 2023)_ - [How to Check if an Object is Empty in JavaScript](https://tajammalmaqbool.com/pages/blogs/how-to-check-if-an-object-is-empty-in-javascript.md) — Learn 4 methods to check if an object is empty in JavaScript. This guide provides simple and effective techniques for handling empty objects in your code. _(November 12, 2023)_ - [Adding a 3D model in Three.js (Beginner Guide 02)](https://tajammalmaqbool.com/pages/blogs/adding-a-3d-model-in-three-js.md) — Learn how to add a 3D model to a Three.js scene and create interactive 3D experiences with JavaScript. Follow this guide for step-by-step instructions. _(April 10, 2023)_ - [Animating 3D Objects in Three.js (Beginner Guide 03)](https://tajammalmaqbool.com/pages/blogs/animating-3d-objects-in-three-js.md) — Learn how to animate 3D objects in Three.js and bring your creations to life using JavaScript. Follow this guide for step-by-step instructions and tips. _(April 10, 2023)_ - [Enhancing Three.js Scene with Helpers (Beginner Guide 04)](https://tajammalmaqbool.com/pages/blogs/enhancing-three-js-scene-with-helpers.md) — Discover how to enhance your Three.js scene with helpers like GridHelper and AxesHelper. Improve debugging and positioning for better 3D visualization. _(April 10, 2023)_ - [How to setup Three.js project? (Beginner Guide 01)](https://tajammalmaqbool.com/pages/blogs/how-to-setup-three-js-project.md) — Learn how to set up a Three.js project using Vite and get started with creating stunning 3D graphics and interactive web experiences. _(April 10, 2023)_ - [Animated Custom Slider using HTML, CSS and JS](https://tajammalmaqbool.com/pages/blogs/animated-custom-slider-using-html-css-and-js.md) — Learn to create an animated custom slider using HTML, CSS, and JavaScript. This fully responsive slider is easy to customize for any website or project. _(January 4, 2023)_ - [Space Shooter Game in HTML,CSS and JavaScript (Source code)](https://tajammalmaqbool.com/pages/blogs/space-shooter-game-in-html-css-and-javascript-source-code.md) — Get the source code of Space Shooter Game in HTML, CSS and JavaScript. This game is developed using HTML, CSS and JavaScript. You can download the source code of here. _(January 3, 2023)_ - [How to validate an Email with Regex in Javascript?](https://tajammalmaqbool.com/pages/blogs/how-to-validate-an-email-with-regex-in-javascript.md) — Learn how to validate an email with regex in JavaScript. Ensure email addresses entered by users follow a proper format using regular expressions in this guide. _(November 12, 2022)_ ## Sitemap See the full [sitemap](https://tajammalmaqbool.com/sitemap.md) for all pages.