AJAX

PJAX: Loading your website faster!

Reading Time: 5 minutes We all hate waiting for websites to load before we can start using or surfing it. Internet has a come a long way with great speeds to decrease this time, but this has just made the user more impatient. After a lot of research through the decade, it has been found out that on an average a user would not wait for more than 4 Continue Reading

Understand closures in javascript

Reading Time: 2 minutes Let’s learn closures today, How closures are define how they got intialize and how they work A closure is a function within a function that has access to the environment that it was created, which gives the ability to access the private methods of outer function to their inner function. In simple words function which is return by another function called closures. A closure is Continue Reading

Understanding “this” in JavaScript

Reading Time: 2 minutes Function in javascript have properties, Just like javascript Object have properties. And when function get execute, It get the this property Lets Take a closer look at “this”. this is a special character/keyword in javascript, As we know working with this is little tricky because it can change value when you and you are not expecting Let see how we can track this First we Continue Reading

A Simple Example using elm

Reading Time: 2 minutes In this blog, we will see how to build a simple application using elm. Elm is a functional language that compiles into javascript with following features:- 1)  Great Performance 2)  No run-time exception 3)  Javascript Interop 4)  Friendly error message 5)  Ability to write functional code Elm is getting popular day by day. According to Slant community, it is the 2nd most popular language, which Continue Reading

Introducing Vorlon.js: A Remote debugger for Javascript

Reading Time: 2 minutes Vorlon.JS – Introduction Microsoft released Vorlon.js as an OpenSource. It aims to make debugging and testing websites, hybrid apps, game console or even an IOT- connected refrigerator easier, you can remotely connect up to 50 devices and execute JavaScript in each or all of them. What is Vorlon.JS? Vorlon js itself is a small server you can run from your local machine, or install on Continue Reading

Frontend to Backend: Everything is on Scala using Play, Scala.js and ScalaCSS

Reading Time: 2 minutes In my previous post, I tried to create a pure front-end application using Scala.js and ScalaCSS. So that we can build our front-end also in a typesafe way. But there was no server interaction. This time I have tried to make server interaction using play framework. Since this application is about Weather Information System, so I am  hitting a third party api to get weather Continue Reading

A Pure Scala Front-End application using Scala.js and ScalaCSS

Reading Time: 2 minutes In my previous posts, I created an application ‘Weather Report‘, based on Scala.js and explained how to write test-case in Scala.js using same application.  Earlier I was creating html page using Scala.Js Jquery library.  But code was not very clean and well structured. I started exploring ScalaTags and ScalaCSS to make application more interactive and clean using Scala.js. ScalaTags is HTML construction library for Scala Continue Reading

Multipart/form-data submit through javascript in Play Framework

Reading Time: 2 minutes Normally when we submit any multi-part form in Play Framework that time in the controller have to mention redirection action which  refresh the whole page and it gives an extra load on the network. It is possible to submit that form with the help of Ajax. It makes easy to submit your form and help to refresh only that particular section where you want to Continue Reading

Getting started with ReactJS, Play 2.4.x, Scala, Anorm and WebJars

Reading Time: 2 minutes playing-reactjs This blog describes a basic example to render UI using React(A JavaScript library for building user interfaces) with Play 2.4.x, Scala, Anorm and WebJars. It also demonstrates the use of evolution in Play 2.4.x This is a classic CRUD application, backed by a JDBC database. It demonstrates: Handling asynchronous results, Handling time-outs Achieving, Futures to use more idiomatic error handling. Accessing a JDBC database, Continue Reading

Playing JSONP : A basic example to integrate JSONP mechanism in Play Application with the help of play-jsonp-filter module

Reading Time: 3 minutes Playing JSONP Basic example to integrate JSONP mechanism in Play Application with the help of play-jsonp-filter module play-jsonp-filter This filter enables JSONP on your existing API: any resource that returns a JSON content will return a JavaScript fragment if there is an additional callback parameter in the query string. For example, if the resource /foo gives the following JSON result: {“foo”: “bar”}, the resource /foo?callback=f Continue Reading

Configure TURN server for webRTC with Firefox

Reading Time: < 1 minute Initially, I was using turn server for webRTC in my application only with Chrome but later i got the requirement of using turn server with Firefox as well. I tried to run my application on Firefox with the same code as for Chrome,but i was getting the below error : uncaught exception: buildPeerConnection failed, call not completed Actually, as i mentioned in my previous blog Continue Reading

Tutorial: AJAX calling in Play Framework 2.3.4

Reading Time: 5 minutes In this tutorial we will discuss about the following topics of AJAX calling in Play Framework 2.3.4: Generating a Javascript router Embedded router Router resource Use of Javascript router jQuery Ajax Success/Error handler for each router Single Success/Error handler for all routers

Easiest Way to Implement Google Map in Scala.js

Reading Time: < 1 minute In this blog, I would explain how to implement Google Map in scala .js. If you are developing your web application in Scala and you want to write javascript functionality in Scala then you should go with scala.js. To implement Google Map in scala.js, please follow below steps:- 1) Add below code in your HTML file <script src=”https://maps.googleapis.com/maps/api/js”></script&gt; <div id=”map_canvas” style=”height: 430px; width: 512px;”> 2) Continue Reading