Tag: Web

Taking Bun JavaScript runtime for a spin

Taking Bun JavaScript runtime for a spin

Bun has made a big splash on reaching version 1.0. It is so much faster than Nodejs and provides enough compatibility with Nodejs to get most people interested. One of the key design decisions that helped Bun achieve this outstanding performance is to bundle all the tooling required for a typical JavaScript project into a…

Read More Read More

Released svelte-lexical 0.3.0: Code blocks and link editor

Released svelte-lexical 0.3.0: Code blocks and link editor

svelte-lexical version 0.3.0 is out with a lot of new features and bug fixes. Now, we can insert code blocks. They support keyword and syntax highlighting in 14 different languages. Also, there is support for code formatting using Prettier for HTML, JavaScript, CSS and markdown. Another focus area for enhancements in this release is hyperlinks.…

Read More Read More

Type transformations in TypeScript: Removing functions from a type

Type transformations in TypeScript: Removing functions from a type

TypeScript is often quoted as one of the most loved programming languages (StackOverflow, 2022). I guess, what contributes to it is the ease with which TypeScript can be introduced in a JavaScript project and the benefits it bring like static type checking, null safety, better refactoring and IntelliSence support. Another aspect of TypeScript which I…

Read More Read More

Unit testing in Svelte

Unit testing in Svelte

We are going to set up unit testing in Svelte using Testing Library and Jest. The working version of the project is available here. You can use it as a starter template for your project. 1 – Let’s start with the standard svelte template to create a new project. You need to have Nodejs, npm,…

Read More Read More

Developed a Rich-text Editor for Svelte (svelte-lexical)

Developed a Rich-text Editor for Svelte (svelte-lexical)

Developed a rich-text editor for svelte called svelte-lexical. It is based on Lexical, an open source framework for creating rich-text editors developed by Facebook. Here is the GitHub repo: https://github.com/umaranis/svelte-lexical Technical details

Setup Nodejs + Typescript development environment

Setup Nodejs + Typescript development environment

Here is the summary: Install Nodejs Initialize Javascript project Convert to Typescript Install ts-node Prerequisite You would need a code editor installed on your system. I personally recommend Visual Studio Code as it has amazing support for Typescript. Install Nodejs Nodejs can be downloaded and installed from here. It will also include NPM (node package…

Read More Read More

Maximo Test Automation with Cypress

Maximo Test Automation with Cypress

Cypress.io is a newish front-end test automation tool. In my brief encounter with Cypress, I found it relatively easy to set up and get started. The development workflow from coding to writing tests and running them is refreshingly smooth as compared to other Selenium based tools. Cypress does have its own limitations though as explained…

Read More Read More

Optimize Performance of WordPress site

Optimize Performance of WordPress site

I have been optimizing the performance of a WordPress site for a couple of days and managed to shave off about half a second from page load times and significantly improve the performance scores. Evaluating Performance The first step towards optimization is to measure the performance of your site and identify the issues and bottlenecks.…

Read More Read More

How Public Key Cryptography works? (RSA algorithm)

How Public Key Cryptography works? (RSA algorithm)

Public-key Cryptography is asymmetric meaning the key used for encryption cannot be used for decryption. There is a pair of keys, if the message is encrypted with one key, then the other is required for decryption. How Public-key Cryptography works conceptually? Let’s say Alice and Bob want to exchange messages in a secure way. To do it using…

Read More Read More

Study Notes for Microsoft Exam: Developing ASP.NET MVC Web Applications (70-486)

Study Notes for Microsoft Exam: Developing ASP.NET MVC Web Applications (70-486)

Took Microsoft Exam 70-486 which part of MCSD certification. I spend about 2 weeks studying the material and took some notes which are posted here. Notes are not complete in the sense that they don’t cover the full syllabus – half of my notes are scattered in different places which will be incorporated here later…

Read More Read More