Recently at work, I sought to familiarize myself with Node.js. Naturally, I started searching the pool of applications in Keyhole’s GitHub repository. This was the first time I was using Node.js and the instructions in the application readme file to run the application locally was thoroughly detailed. However, I ran into some very basic questions trying to run the application ...
Read More »Home » JavaScript »
Javascript Window Size Example
Say that you are working on an app that among other things uses a lot of differently sized windows, and their sizes affect the User Experience or comfortable usage of the app. That means you have to alter the size of the new windows that are generated, or even the one the user is currently working on, if the need ...
Read More »jQuery Enable/Disable Example
The aim of this example is to show you how to enable/disable the html elements by using jQuery. In some cases, we need to enable or disable a HTML element. This will help us to allow/prevent the user from doing some actions. jQuery provides very simple code to enable/disable any HTML element. The following code is used respectively for this ...
Read More »How to build Angular 2 apps using Observable Data Services – Pitfalls to avoid
In this post we are going to see how an Angular 2 application can be built around the concept of observable data services. An application is available in this repository as an example of how to build Angular 2 applications this way. Lets now go over the following topics: Alternative architectures for building Angular 2 apps What is an observable ...
Read More »Javascript Refresh / Reload Example
When Javascript first started to be used on webpages, it had a very big advantage to it: It allowed the webpage to load information from the server asynchronously. These days you can make your webpage reload even without asking for the user’s permission, or by adding other features that improve the performance of your web app such as timing the ...
Read More »Angular 2 Application Architecture – Building Redux-like apps using RxJs
In this post, we are going to walk through how Angular 2 applications can be built in a Functional Reactive style using the RxJs library that is part of Angular 2. This post is based on Managing State in Angular 2 Applications by Victor Savkin (@victorsavkin), check it out for the source of these ideas. Also there is this sample ...
Read More »Javascript Onmouseover Example
Over time, programmers started paying attention not only to the functionality of their app or website, but also security, manageability and a lot of other additions that are nowadays a requirement. The one who was the most widespread and improved specifically fast was User Experience. It was given so much attention that by now there are whole concepts, programming languages, ...
Read More »jQuery Next Example
The aim of this example is to show you how to use the jQuery next() method. The jQuery next() method is used for getting the next element of any HTML element. This method takes the wanted elements type as an optional argument. For example, next('span') is used to get the immediate following ‘span’ element. By using this method, only the ...
Read More »Functional Reactive Programming for Angular 2 Developers – RxJs and Observables
In this post we are going to go over the concept of Functional Reactive Programming from the point of view of an Angular 2 developer. Most of this is applicable for Angular 1 applications, but the examples in this post are in Angular 2. Lets go over the following topics: A new asynchronous programming concept: the stream A new primitive ...
Read More »