Muhammad Saqib IlyasHow to Create a Nav Bar on ScrollA nav bar on scroll is a navigation bar that is hidden initially, but appears as soon as the user scrolls. Here’s an animation that shows…Jul 28Jul 28
Muhammad Saqib IlyasHow to create Snake game in JavaScriptLearning to code is not easy. There is just so much to learn. So much more than just learning the syntax of a programming language. After…Jul 25Jul 25
Muhammad Saqib IlyasHow to learn JavaScript by creating projectsYou might have read up or watched videos about JavaScript language syntax. But chances are that you struggle when you have to build…Jul 7Jul 7
Muhammad Saqib IlyasCreate Tetris in JavaScript — Object-orientedTetris is a popular game. Chances are you’ve played it as a child. Let’s implement Tetris in JavaScript. We’ll make use of several Array…Jul 7Jul 7
Muhammad Saqib IlyasCreate a counter in JavaScriptLet’s create a web-based counter that can count up or down and be reset. A count is displayed on the web page, which is initially 0…Jun 21Jun 21
Muhammad Saqib IlyasColor flipper in JavaScriptLearning to code, in general, and web development in particular is done effectively only by building projects. In this blog, I’ll show you…Jun 20Jun 20
Muhammad Saqib IlyasA personal blog website in HTML, JavaScript, CSSWhen learning web development, you can learn HTML, CSS, and JavaScript individually, or collectively. But until you try to build something…Jun 19Jun 19
Muhammad Saqib IlyasA Doodle Jump clone in JavaScriptLet’s create a clone of the famous game Doodle Jump in JavaScript. You may play the finished game here. I’ll use Pixi.js and Matter.js to…May 26May 26
Muhammad Saqib IlyasSpace shooter game in JavaScript using Pixi.jsIn another article, I showed you how to create a platformer game in JavaScript using the Pixi.js and Matter.js libraries. I also wrote…May 12May 12
Muhammad Saqib IlyasBreakout game in JavaScript (with requestAnimationFrame())I wrote a blog earlier to build a clone of the classic Breakout game. Later, I discovered several things that could be improved. Rather…May 2May 2