Svelte is a front-end framework for web development like React, Vue and Angular. In a short time, Svelte has become very popular as you can see from ‘State of JS’ survey or the stars on it’s GitHub repo. Single Page Application (SPA) These UI Frameworks enable us to create single-page applications where most of the…
Source code for examples in this article can be found at https://github.com/umaranis/css-masonry-layout In Masonry layout, variable-sized items are arranged in columns. It is different from a regular grid in the sense that it doesn’t have fixed-sized rows. Pinterest is a popular example of the masonry layout. The layout looks beautiful and makes efficient use of…
We are going to install TypeScript ESLint for finding potential problems with our code. Most online tutorials talk about using TSLint for TypeScript, but it is deprecated now in favour of ESLint. Let’s start by installing ESLint. To configure the linter, we need to create a config called .eslintrc.js in the root directory. Let’s create…
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…
The test_coverage package has not been updated for quite some time and is not playing well with some of the fewer packages. It also doesn’t support null safety. The replacement is the new ‘coverage’ package from the Dart tools team. The ‘coverage’ package should be used for new projects. See the post here to set…
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…
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.…
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…
CodeSchool is a great site for introductory programming courses. With all guides and practice exercises available right within the browser, it is a hassle-free way to start learning. The design of the site is also very pleasing which enhances the overall experience. Recently, CodeSchool offered a free weekend pass to all their content. I took the…
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…