Learn to Create a “Toss” Effect in React Using Hooks
In this blog post I am going to talk about how to create a toss effect in React. I took inspiration from this https://codepen.io/designcouch/pen/OJPdZxg which is using jQuery. Here is the React version: The idea is to add and remove class from the target element at specific time. For this we use the element classList […]
How to Create a Sidebar in React
In this blog post we are going to create a sidebar in React utilizing Semantic UI. Semantic React UI does ship with a sidebar component but the issue is that it gives a lot of errors and warnings. So I thought why not create our own sidebar component. The main idea is to use hooks […]
Learn how to Create reusable dialog box in Angular.
If you keep on creating dialog boxes in your Angular app within components then watch this video where we create a generic dialog box that can be used for things like user confirmation, file save confirmation etc. This way we create a service and let it handle the dialog box initiation and user interaction. Your […]
Learn how to develop a Google Chrome extension
Do you sit on your computer for too long and need a crazy way to tell you to get up? Well this is exactly we are going to build in this video. A google Chrome extension that hijacks a page and displays GET UP!!! To code a Google chrome extension you need knowledge of HTML, […]
How to create a pie chart using Javascript and HTML
In this blog post I am going to walk you through the process of creating a pie chart using javascript and html. The only external library I am using is jQuery. First let’s see a demo: Enter data points and then hit Enter data. You will see input fields for your points. Just enter those […]
How to use Angular Guards
Recently I ran into a situation where a user would fill out a complex form and then accidentally click on another menu item within the web app. Doing so caused them to lose all the form data and was such a pain. I mean we could cache the form data but that adds another level […]
Reusable Collapsible Widget in Angular
In this blog post I am going to share a collapsible widget created in Angular. This can be very helpful when you have a long form. You can break the form down into sections and then apply the collapsible component. The main idea is to create a separate component that can then be added in […]
Show/Hide Table columns dynamically
In this blog post we are going to create an HTML table with configurable columns. And by that I mean the ability to show and hide columns through some sort of a drop down or checkbox as in our case. The code doesn’t do error checks since it is only supposed to demo the concept. […]
Debug JavaScript using console.re
Since mobile browsers’ do not have developer tools you can use console.re to debug your JavaScript code.
Learn to Build website in Angular from Scratch
Want to develop a website in Angular from scratch? Watch this series.