Web Development on Omid Farhang

Why I Started Adding Full Source Code to My Blog Posts

Mon, 01 Jun 2026 01:41:00 +0330

A short note about the companion example-projects repository for omid.dev, where suitable technical posts now include runnable examples or complete focused snippets.

Migrating from REST to GraphQL: A Step-by-Step Guide for Express.js and Angular

Wed, 07 Aug 2024 02:20:56 +0330

In today’s rapidly evolving web development landscape, GraphQL has emerged as a powerful alternative to traditional REST APIs. This blog post will guide you through the process of migrating your Express.js backend and Angular frontend from REST to GraphQL, unlocking the benefits of a more flexible and efficient API architecture.

1. Introduction

REST (Representational State Transfer) has been the go-to architectural style for building web APIs for many years. However, GraphQL, developed by Facebook, offers several advantages:

Creating Dynamic Music Visualizations with Angular and the Web Audio API

Sat, 13 Jul 2024 17:43:38 +0330

Music visualization has always been a fascinating way to enhance the auditory experience, offering a visual representation of sound that can be both mesmerizing and informative. With the power of modern web technologies like Angular and the Web Audio API, creating dynamic music visualizations is more accessible than ever. This blog post will guide you through the process of building an engaging music visualization application using Angular and the Web Audio API.

Choosing the Right Tech Stack for Your Project: A Comprehensive Guide

Thu, 20 Jun 2024 03:25:43 +0330

In the rapidly evolving world of software development, choosing the right technology stack for your project is a critical decision. The technology stack, or tech stack, refers to the combination of programming languages, frameworks, libraries, tools, and software used to build and run your application. The right stack can streamline development, improve performance, and ensure scalability, while the wrong choice can lead to technical debt, inefficiencies, and even project failure.

Building High-Performance Web Applications: Leveraging WebAssembly and Rust

Thu, 13 Jun 2024 01:45:03 +0330

In today’s fast-paced digital world, the performance of web applications has never been more critical. Users demand instant responses, seamless interactions, and rich functionalities. To meet these demands, developers are constantly exploring new technologies that promise to enhance the performance and capabilities of web applications. One such powerful combination is WebAssembly (Wasm) and Rust. This blog post will delve into how to build high-performance web applications by leveraging WebAssembly and Rust, highlighting the benefits, use cases, integration strategies, and real-world examples.

The Perils of Improper Use of Frameworks and Libraries: A Comprehensive Guide for Developers

Tue, 11 Jun 2024 17:33:06 +0330

In the modern software development landscape, frameworks and libraries are indispensable tools that streamline processes, provide pre-built functionality, and facilitate rapid development. However, their improper use can lead to significant problems, ranging from performance bottlenecks to security vulnerabilities. Whether you are a junior developer just starting out, or a seasoned senior developer, understanding how to properly use these tools is crucial for building robust, maintainable, and efficient applications. This blog post will delve into the various aspects of improper use of frameworks and libraries, offering insights and best practices to help you avoid common pitfalls.

Server-Side Rendering (SSR) with Modern Frameworks: Performance and SEO

Wed, 05 Jun 2024 18:31:15 +0330

In the ever-evolving landscape of web development, ensuring optimal performance and excellent SEO (Search Engine Optimization) has become paramount. One of the techniques gaining significant traction is Server-Side Rendering (SSR), especially with modern frameworks such as Next.js for React, Nuxt.js for Vue.js, and NestJS for Node.js. This post delves into SSR, its impact on performance and SEO, and how it compares to traditional Client-Side Rendering (CSR).

Understanding Server-Side Rendering (SSR)

Server-Side Rendering involves rendering web pages on the server instead of the client’s browser. This means that when a user requests a webpage, the server processes the necessary data, renders the HTML, and sends it to the client’s browser. The browser then simply displays the pre-rendered HTML, resulting in faster initial load times and improved SEO.

Advanced API Design: REST, GraphQL, and gRPC

Wed, 05 Jun 2024 01:03:34 +0330

APIs are the cornerstone of modern applications, enabling seamless communication between services. The design of these APIs plays a crucial role in determining the efficiency, scalability, and overall performance of an application. Three of the most prominent approaches in API design are REST, GraphQL, and gRPC. Each approach has unique strengths and weaknesses, making them suitable for different use cases. In this post, we’ll dive deep into these advanced techniques, discuss best practices, performance considerations, and provide guidance on choosing the right protocol for your specific needs.

Advanced WebAssembly: Enhancing Web Performance and Capability

Mon, 03 Jun 2024 22:35:29 +0330

In the ever-evolving landscape of web development, performance and capability are paramount. WebAssembly (Wasm) has emerged as a powerful tool, allowing developers to enhance web performance and unlock new functionality. This blog post delves into the advanced capabilities of WebAssembly, explores its use cases, shares best practices, and highlights tools like AssemblyScript and Emscripten that facilitate its adoption.

What is WebAssembly?

WebAssembly is a binary instruction format designed to be a portable compilation target for high-level languages like C, C++, and Rust. It allows code written in these languages to run in the web browser with near-native performance. WebAssembly is designed to complement JavaScript, providing a way to execute compute-intensive tasks efficiently.

Is Building Your Own Design System Worth It? Best Practices, Key Considerations and Real-World Example

Sun, 02 Jun 2024 17:17:02 +0330

In the ever-evolving landscape of web development, the question of whether to build and develop your own design system is a common one. As design systems become more integral to creating cohesive, scalable, and efficient applications, it’s crucial to weigh the benefits and challenges. This blog post delves into the worthiness of developing a custom design system, best practices for building one, when it’s needed, and the role of JavaScript frameworks like Angular. Additionally, we’ll explore which development teams should be involved in this process and provide a real-world example for clarity.

Frontend Testing: A Comprehensive Guide

Wed, 29 May 2024 00:14:02 +0330

Frontend testing is an essential aspect of modern web development, helping teams verify that applications behave as expected across browsers, devices, and user scenarios. This guide covers the main frontend testing categories, common tools, and practical planning steps you can use to build a healthier test suite.

Why is Frontend Testing Important?

Frontend testing is crucial because it helps deliver a reliable and high-quality user experience. Here are a few key reasons why it’s important:

Laravel, From the Eyes of an Old-School Developer

Fri, 12 Feb 2016 20:30:00 +0000

A reflection on Laravel from a developer who grew up with VB5, VB6, AutoIt, classic ASP, and old-school PHP.

Dreamweaver CS4 and Maintaining Real Websites

Thu, 11 Dec 2008 14:00:00 +0000

Adobe Dreamweaver CS4 in 2008 sat between visual editing and standards-based web development — practical tips for keeping sites maintainable.

Google Chrome — A Fresh Browser Engine

Wed, 03 Sep 2008 19:45:00 +0000

Google Chrome launched in 2008 with a multi-process design and fast JavaScript. Why it mattered even if you still lived in Firefox or IE.

Building Internal Web Tools on Windows

Tue, 18 Sep 2007 11:45:00 +0000

How small teams built internal web tools with PHP, MySQL, and classic Windows stacks before frameworks dominated — lessons from real IT support work.

From FrontPage to Hand-Written HTML

Tue, 02 Nov 2004 14:45:00 +0000

Microsoft FrontPage and CoffeeCup make early web publishing easy, but learning clean HTML still pays off.