JavaScript - Fresh Beginning

JavaScript

A collection of 14 posts

Playing with React Hooks - Async operation with Loading state

Playing with React Hooks - Async operation with Loading state

Recently I started learning React.js. While the framework has so many fascinating features, the particular one I liked is Hooks. Although hooks is relatively new feature and isn't widely used yet, I tried to learn it with more hand-on approach by making a demo app comprising of loading state,

How to live edit any webpage

How to live edit any webpage

I learned this trick to edit any web page on the fly long time ago. It was fun in the beginning and good technique to prank friends. With this technique when you type a single command in the Chrome debugger, it lets you edit any part of webpage as if

iOS - Communication from Javascript to iOS

iOS - Communication from Javascript to iOS

This is the second part [https://jayeshkawli.ghost.io/communication-from-javascript-a-swift/] of two series article. You have already read the first part [https://jayeshkawli.ghost.io/ios-communication-from-javascript-to-swift] which shows how to transfer data from iOS to JavaScript. In this part we will see how you can transfer data from JavaScript function

iOS - Communication from iOS to JavaScript

iOS - Communication from iOS to JavaScript

This is the first part of a series about communication between iOS and JavaScript. In this part we will see 1. How to call JavaScript functions from iOS 2. How to get return value of executed JavaScript functions back to iOS 3. How to pass variety of objects types (String,

JavaScript Closures Fun

JavaScript closures are fun. Not just because they're are sometimes hard to understand, but they make interview questions interesting to tackle. Today I am going to write about one such JavaScript interview question involving nested closures. You may probably find it easy to reason about once solution is presented, but

Adding Annotations to Google map using JavaScript and Promises

Adding Annotations to Google map using JavaScript and Promises

I worked on the Uber coding challenge [https://github.com/jayesh15111988/UberSFMoviesChallenge] couple years back. The goal of project was given the name of a movie shot in the San Francisco, plot the locations on the map. Plus points were addition of few animations, providing users with autocompletion as they

How I debugged the wrong Google Maps API key problem

Yesterday I started working on my old project [https://github.com/jayesh15111988/UberSFMoviesChallenge]. The reason was that I had to do very similar thing at my work. The problem was that I could not re-use the old code unless I would fix the problem. Let's start with problem. I ran

Detecting internet connection status in JavaScript

Detecting internet connection status in JavaScript

Detecting status of an internet connection in the web project could be crucial in terms of user experience. An app can take additional actions to cope up with lost connection or even alert user to check the internet settings or seek an alternate connection supply. > Detecting internet loss is very

Innovative Clocks using HTML, CSS and JavaScript

Innovative Clocks using HTML, CSS and JavaScript

Recently I was working on an exciting JavaScript project. The project to crate innovative clocks using HTML, CSS and JavaScript technologies. > You can view the demo to this project Here [http://jayeshkawli.com/InnovativeClocks/index.html] and source code is freely available on GitHub [https://github.com/jayesh15111988/BinaryClock] Besides

Getting elapsed time for YouTube videos on iOS

Recently I came across this problem to keep track of how much time elapsed for YouTube video while working on one of our apps. The reason being, we were looking for user engagement score and we wanted to analyze the time for which user was engaged in watching YouTube video

Visualizing Pagerank output with D3.js

Visualizing Pagerank output with D3.js

Last year I started learning D3.js library. I did some cool stuff with it. But one of the works which I am really proud of is Webpage PageRank [https://en.wikipedia.org/wiki/PageRank] visualization using D3.js [https://github.com/mbostock/d3]. As a web developer, you must

Adding custom Media content into UIWebView

Recently I was working on the app to show custom media content in the UIWebView. This media could be * Images * Regular videos * YouTube videos * PDF Files In this post, I will show how to handle these media types * Images * Local images If you already have images in your local directory

Creating Bubble sort simulation with JavaScript

Creating Bubble sort simulation with JavaScript

Couple of years ago I interviewed with one of the software companies. Interview went really well. Position required extensive knowledge of Drupal and other basic web technologies such as PHP, JavaSCript and CSS. I did not encounter any specific technical questions in our 45 minutes talk. But it was quite

Creating a Pattern Lock with JavaScript and HTML

Recently I was working on the web app to create a pattern lock which could be used as an alternative to traditional password methodology. Though this was just an experiment to try out, it wouldn't hurt to include it in the future apps especially on the mobile platforms. (Which will