Recent content on fareez.info
I was trying out Kiro today with very low expectations as I already have been spending more than a year with a variety of agentic coding tools extensively. As my previous client was investing heavily into AI Assisted Development, I got the chance to push it to limits to understand enough about it and that was the reason for my low expectations. But Kiro exceeded them.
Over a period of time, I have started to realize that unlimitedness is an illusion. It doesn’t bring any good. You don’t get very far with anything that you got without limits.
Go is a very simple language. The philosophy it’s built on top of, is what makes it so beautiful. When I started learning Go, I had already mastered many languages both Object Oriented and Functional, but still craved for more language features in every one of them. I always missed a feature or two from another language when I was working on a project with a language.
It’s been a long time since I wrote anything here. Reason is the rise of Gen AI tools. Ever since ChatGPT came, I started to feel that the kind of articles I write are not relevant anymore. I’ll start to think about a topic, mostly technical, and then it’s actually just a prompt away. So I didn’t get enough motivation to write anything. I’m kind of having a dilemma if…
Couple of months back, I was invited to give a talk to the Cybersecurity students of Amrita Vishwa Vidyapeetham, Chennai by my professor Dr. S. Udhayakumar. When I was looking for topics, I zeroed down to JSON Web Tokens using Node.js as I have implemented it multiple times and having quite a good knowledge on it.
React is usually praised for component composition over other frameworks. But in reality Angular’s composability is hard to beat. The main reason is Directives . Smallest building block in Angular is not component, its directive. A directive can attach itself over a component/DOM element and do a small piece of logic. Now you can create a bunch of directives and you can use it in any…
It is a common expectation for dashboards to have draggable widgets. In this article, we are going to see how we can make a draggable layout without using any libraries. We are going to use only React and CSS Grid and make something that looks like the following image.
useImperativeHandle hook is an unusual hook in React, to an extent that it is discouraged to use in the React’s official documentation. React is a declarative framework and as the hook’s name suggests, it is giving a break from React’s declarative style by letting parent component call functions within the child component.
Imagine, you are having a component which is making a REST API call when it
is mounted, to fetch data and display it. How to write Unit Test for
such a component? In this article we are going to see how to write Unit Tests for such case without any third part utilities other than Jest and react-testing-library .
When I was reading Steve Jobs by Walter Isaacson , I came across the following line. 
 
 Real artists sign their work - Steve Jobs
Discriminated Union / Sum Type is one of the common features found amoung strong typed functional languages like F#, Haskell etc. Ever since I started using them in F#, I can’t stop wondering why such an useful feature is not available on the popular languages. C# has been adding a lot of functional features over the last few years. So, we are going to achieve something close to that in C#…
Imagine you are having a tree structured object as shown below and you would like to traverse through each node and print it’s name.
Thanks to Angular team for making it so easy to integrate Tailwind with Angular
12 and above to a point that I really thought if I should write a post for it.
Finally convinced myself to document it, since there were not many good references
I could find related to this.
Languages that came after Java, had great influence of it irrespective of
static-typed or dynamic—especially the Object-Oriented
features. Interfaces , popularized by Java was taken straight into other
languages like C# and even dynamically typed languages like PHP! But Go has
questioned every existing solution thoroughly before inheriting those features.
No while loops,…
For a long time, I was holding myself from trying out Svelte.js just
for the reason that I don’t want to wrap my head around one more framework
after React , Angular & Vue . Last year, I broke my vow out of curiosity
and started checking Svelte. But the fact that typescript support was not
so good at that point of time stopped me from considering it seriously.
I was playing around with Svelte.js recently and was curious to know how easy it
would be to build a Tree component using it. It was simpler than I expected it to be
with Svelte’s recursive svelte:self feature. Let me explain how its
done.
Go 1.16 has come out with a feature which I waited for quite some time. With
 Embed we will be able to add static files into the go binary at build time. It also makes accessing the files as simple as dealing with File System APIs.
Imagine you have a server and you are loading some configuration for executing
some business logic. You don’t want to load all the configuration when the
server is launched since it will take a lot of time for it to be ready for
handling requests. You have to postpone loading configuration till it is
actually needed. It’s called Lazy Loading .
It is a common practice to store different user types in different database
tables. For example, in most applications you will have an Admin user and
a normal user. Though we can have all the users in a single table and
discriminate them based on a column, sometimes if the fields are quite
different, we would like to have different table for each type of user.
Sometimes we would like to postpone loading data in a component till it is
actually visible in the viewport. This is handy in applications
where we have lots of tables with data that should be loaded only when we scroll
down. This behavior could be used in a variety of cases in different components,
so we are going to make it into a reusable custom hook so that we can use…
Displaying parts of view based on conditions is super easy in Blade using
 @if ... @endif conditions. Imagine we are storing the role information as a
string in the User model under the role field. We would write something as
shown below to check the roles in the blade syntax.
Why should we make our own Autocomplete component when there is plenty of
existing components out there? For simple use cases, yes that serves enough.
But when you want to create complex ones, like the one which shows Movies in
 IMDB , its always good to create our own component to have the best control
over the design we provide. This article will help with that. We are going…
ALV Tables are most preferred way to display when you have large amount of data
to be displayed in tabular format due its flexibility and numerous features.
However developing applications with ALV Tables in Webdynpro are perceived more
difficult than the startdard Table element of Web Dynpro ABAP. Let’s see how
to create a simple ALV Table with minimum options and code to…
Pagination is one of the basic component we will need with any application.
Let’s create a pagination component using Bootstrap and Vue.js , and in the
course of development we will see about custom events in Vue.js.
This being my first SAP TechEd, my experiences are countless and still I’ll try to summarize some of the things I felt.
Let’s explore Vue.js further by creating a Countdown timer component which
will be very useful for people to quickly put a Countdown page for the products
or events website. While developing it, we will explore the features of Vue.js
which makes it such a bliss to develop complicated things from the scratch
without much effort.
Note: This article is using Vue.js 1.0. If you are planning to use Vue.js 2,
go to this article 
 From the days of jQuery, I have been pulling in different plugins everytime I
wanted to create an Autocomplete input. Later Bootstrap came with an
 Typeahead component and then they removed it from Bootstrap 3 and I was forced
to use typeahead.js when I was developing Encollege
Bootstrap has become one of the basic tools to start web development. Though I’m using it for quite some time, I don’t dare to change the original look and feel due to the fear that I may mess up with the project and or spend too much time on designing. Yes! Sass makes it easy but still I refrain from changing.
Laravel 5 ships with Bootstrap 3 by default, but it uses Less and not Sass . Personally I prefer Sass over Less and this article helps you set up Bootstrap Sass using Bower and Laravel Elixir.
Reports which has the capability to drill down to multiple levels are of good use. It serves as a simple overview as well as more detailed report when you want to look into a particular record in detail. SAP makes it easy to create Tree List reports with Function Modules RS_TREE_CONSTRUCT and RS_TREE_LIST_DISPLAY .
SAP provides many ways to accomplish a task, creating an ALV Grid is no different. Though there are simple Function Modules available to create an ALV grid, Object Oriented methodology is more preferred due to its own advantages which are always debated in the ABAP world. As far as OO is concerned, my advice to ABAP developers is “Sometimes, you have to take a leap of faith first. The trust…
There are requirements where documents has to be uploaded and associated with business data available in the system. When we store files in tables, it will be easy to link it with other tables data. This article is aimed at storing files in databases and downloading or uploading them.
We generate different kinds of files varying from Excel sheets to Text files based on the data
available in SAP. It is very much possible to zip multiple reports within a single zip file
and download the zip file from SAP.
Random Numbers are used for a variety of purposes in programming, and in this article we
will see how to generate a Random Number or Random Number Sequence in ABAP
While SAP has created most of the Search Helps that we will ever need, we still face situations
where a Search Help has to be shown dynamically from data that we have in the an internal
table. SAP has provided us a powerful Function Module to acheive this, and that is
 F4IF_INT_TABLE_VALUE_REQUEST .
The time taken for an ABAP report to run is mostly spent in database queries and internal table processing. While the responsibility of database query optimization is spread across so many different levels, optimizing internal table processing remains solely the developer’s responsibility. In this article, we will see the advantage of making using of Field Symbols instead of Work areas in…
Sometimes certain processes has to be run at Application Server
level and the results has to be used within SAP system. They could
be some simple OS commands or Shell scripts that does works like
backup of files or database. In this article we are going to see
how to achieve that.
There are situations when you need to run a report program and
get its result list programmatically and display or process as you need. This
article helps you to achieve that.
I have had serious problems with continuously developing and deploying enhancements to web applications in CodeIgniter. The problem is that the deployment version has different set of configurations than the development version. Usually, these are sensitive configurations like database connection settings. So even if I missed a single configuration, the result is that the website is down. This…
Windows Phone’s tile design is a haunting beauty to me. I never knew a layout of neat square boxes can impress me that much. And so I tried to implement that tile design in web using CSS and jQuery. I have tried only the Tile Flip animation which can show two different information one at the front side and another at the back side of the tile.
Most of us are good users of Sticky notes application of Windows which is quite a good tool for quick notes to remember. I got inspired by that and tried to create a simple web Sticky Notes using CSS3 and jQuery.
Today, I got the chance to read the article Don’t Put Labels Inside Text Boxes (Unless You’re Luke W) . In that article, Caroline tries to address the problem of using anything inside a text box. Whether it is label or hints. This really pulled me to write this article. I don’t exactly remember when I met the first form with labels inside the text box, but since then I have been fan of…
Integrating two different applications in Web Dynpro ABAP is quite a challenging task. Most of the time we choose to integrate applications by making component usage of one component in another. But sometimes this becomes a tedious task, especially when both component are dependent on each other. Here we are going to see an alternative option which is redirecting URL by using Suspend, Resume &…
MongoDB is the fastest growing NoSQL database. Apart from the advantages of NoSQL technology, it’s JSON querying style, easy installation makes it more preferable. In this article I’m going to show you how to save tweets into MongoDB using Java.
Text symbols are one of the great and most used feature in ABAP. It is very helpful when it comes to internationalization of your application and also manages all your text at one place. ‘Is this feature available in Web Dynpro?’ Yes indeed, but it seems Web Dynpro has complicated accessing it. So this article is all about creating a simple application that gets the text from Text Symbols and…
Creating customized menu for right click is always cool and creating such menu’s in Web Dynpro ABAP is quite easy. In this article we are going to see creating context menu for a TextEdit UI element which has to be filled with the text ‘Hello World’ on clicking an action in the menu.
Whenever we want to create a Table UI dynamically, we go to CREATE_TABLE_FROM_NODE method of CL_WD_DYNAMIC_TOOLS (see here . However in some cases we want the Table to be very much customized. For example, you may need to create a Table UI bounded to only three attributes of a node which already has four attributes and you may also want to represent each column with different UI element. ‘Yes,…
Many a time you come across a situation of creating a Table UI dynamically. Especially, when you want to create Table UI based on certain conditions which will be known only during the run time. However, Table is not a simple element, it comprises of Columns, Cell Editors and Popins. To make our job simple, SAP has provided a built in method to create a simple table which can only display data. In…
Few days ago I saw a link bearing the title ‘Monalisa using CSS3’ repeatedly in Facebook and Twitter. When I checked it out, I was totally impressed. A Monalisa picture made by just using CSS3 alone. To be more precise box-shadow property of CSS3 alone. It was done by Jay Salvat using a PHP program which he had uploaded on his GitHub. He has done an incredibly innovative work.
Google Maps integration with Web Dynpro ABAP is one of the most sought out thing. There are a lot of possible ways to this. Google is providing many ways to access map data and we are going to use static maps for this tutorial.