Recently, I introduced #TechBrijTips, A micro-blogging section on this website which has content like twitter posts. It is different from regular blog posts as it doesn’t have any specific title. So I had a question what to display in the RSS feed of WordPress. It doesn’t look good to me to display first few words of the main content. I decided to display title from Excerpt. In this post, we will see how to implement it.
Introducing #TechBrijTips for Micro-blogging
The beauty of Microblogging is that you can express yourself in lesser words and can share frequent and brief information on web. As its name suggests, a microblog post is based on micro (i.e. short) post. It requires less time and effort. Ideas, information and thoughts can be shared instantly once they come into your mind. So, I decided to setup Microblogging platform on TechBrij and added #TechBrijTips section to share knowledge, tips, the latest news and useful resources related to web development. As it needs less time to spend on researching a specific topic, being a part time blogger, it will be helpful to increase community and reader engagements.
#TechBrijTips Subscribe
Velvet Blues Update URLs – To find and replace all instances of old URL with your new URL. You can update URLs in posts and pages, excerpts, image attachments, custom fields… etc. Very useful on moving your WordPress Site to a new domain name or any category/tag slug is modified.
2Antispam Bee – To block spam comments and trackbacks effectively, without captchas and without sending personal information to third party services.
SyntaxHighlighter Evolved – to highlight the syntax of the source code in more readable format similar to code editors. All most widely used languages are supported.
For a programming blog where code snippets is shared, this plugin I would say is mandatory.
RabbitVCS: A TortoiseGit for Ubuntu
I am fan of TortoiseGit on Windows as Git client. It displays icons on files and folders of the repository in file explorer which is easy to know the status. You can perform different repository operations in the explorer itself without open a standalone app for Git. Nowadays, I am using Ubuntu so much. So, I need the same in Ubuntu 18.
On googling, I found RabbitVCS. It is a graphical front-end for version control systems available on Linux and it integrates into file managers to provide file context menu access to version control repositories like TortoiseGit.
Deploying Smart Contract and Node.js App [Full Stack Ethereum Dapp Part-5]
In Part 1 to 4, we went through solidity to develop smart contract in Remix, setup development environment, created unit testing methods for smart contract, created a front-end application with Node.js to interact with smart contracts. Now, we will deploy smart contract using truffle and infura. Also, will deploy Node.js application to Heroku.
Creating Web App for Smart Contract [Full Stack Ethereum Dapp Part-4]
In Part-3, we created unit test methods for smart contract. Now, we will create a simple webpage to interact with the smart contract. The goal is to create a page with a textbox to enter name, buttons to save name and to get message.
Unit Testing On Smart Contract with Truffle [Full Stack Ethereum Dapp Part-3]
In Part-2, we deployed our smart contract on local private Ethereum blockchain. Now, we will test out our Solidity smart contracts behaviour with unit testing with Truffle which uses Chai and Mocha frameworks. In web development lifecycle, unit testing is needed to do to ensure the code is working the way as it is expected. So let’s start it by creating a test file by running following command:
Setup Dev Environment with a Local Blockchain and Deploy Smart Contract [Full Stack Ethereum Dapp Part-2]
In Part-1, we made Hello World contract in Remix. As we have to write code in the files and manage in repository for development perspective so in this blog post, we will setup our development environment, a private Ethereum blockchain on local machine and deploy our smart contract on the blockchain. I am using Ubuntu 18 for writing this post. But can be setup on Windows and MAC machines.
Hello World Smart Contract In Solidity [Full Stack Ethereum Dapp Part-1]
In this tutorial series, we are going to build a simple Hello World Dapp (decentralized application) on Ethereum with Solidity, Truffle & Web3 tech stack. After this, we will deploy it to test network (Infura and Heroku). This dapp will simply store and retrieve user input text on Ethereum.
In part one, we’ll write a smart contract in Solidity using Remix. Let’s build a simple ‘Hello World’ application (The best way to learn new technologies). It is assumed you know the basics of Blockchain and its terminology. Here is quick intro of some terms:
JavaScript: Select Date Time with Timezone
This tutorial explains how to implement to get a JavaScript date object from user selected date time & timezone and the date object can be sent server side to save or for further processing. HTML5 provides input type datetime-local allows user to enter both a date and a time and the user’s local time zone is used. For simplicity, Let’s enhance this to allow user to select any timezone. We are going to use Moment-Timezone library.
JavaScript Async/Await: Serial, Parallel and Complex Flow
If you have experience on ASP.NET MVC then probably you are familiar with async/await keywords in C#. The same thing is now in JavaScript. Before that, Callbacks and Promises are used for asynchronous code. Async/await is built on top of promises and non blocking. The power of Async/await provides asynchronous code look like synchronous code. In this article, we will go through serial/chain and parallel flow and implement a complex flow using Async/Await.
Read Also: JavaScript Promises: Understanding Error Handling with Example
Introducing HISAAB – Online Tool To Track Expenses With Your Voice
It’s time to welcome HISAAB, a simple online speech recognition app, for tracking your expenses with your voice i.e. no need to type. It will help you to note your expenses and calculate the total amount quickly. It allows you to Copy, Email, Save or Print the data. It supports English and Hindi languages.
Visual Studio Code: Debugging ES6 Mocha tests with Babel
In my post, I explained how to test server side REST APIs in Node.js using Mocha, Sinon and Chai. I used ES6 test methods for this and Babel is used to execute it. As test methods are executed at development end, so NO need to transpile ES6 to ES5 first and then debug the converted files. You can directly debug ES6 code with Babel.
API Versioning, Express Routers and Node.js
Do you want to set up an API versioning in Node.js and Express environment? This tutorial explains the different ways to do REST API versioning step by step. We will implement the following routing for the versioning:
GET /api/v1.0/
POST /api/v1.0/
GET /api/v2.0/
POST /api/v2.0/
Node.js: Traversing A Directory Recursively with Limited Depth
In this post, we will implement to get all files recursively in a directory using Node.js. Also, will restrict it to traverse directory with limited recursively depth.
Before we get started, consider the following directory structure(For simplicity, the name is according to their depth level i.e. folder 1, sub folder 1.1, sub sub folder 1.1.1…etc):
1 > 1.1 > 1.1.1> 1.1.1.1 > 1.1.1.1.1 2 > 2.1 > 2.1.1 > 2.2
Each directory has txt file with same directory name(means 1.1 will have 1.1.txt file).
WordPress: Disable 404 Redirect to Homepage
If you don’t know what 404 error is, It is an error displayed on when a user requests a web page that couldn’t be found on their server (i.e. the requested webpage is not available). In this case, If you are redirecting (302 redirects) to home page then it is confusing for end user. Definitely, you should avoid 302 redirecting for non-existent URL. Probably you don’t want to send a low quality signal to Google and other engines if they are testing how 404’s are being handled by requesting a noexist page. The best solution is to create custom 404 page having search box saying “Did you mean …?”
In this post, we will see how to prevent 404 Redirect to Homepage in WordPress.