JavaScript

Showing 127-135 of 149 results
EngineeringIcon ChevronWeb Front-end

Making an HTML5 Canvas Based Game: A Tutorial Using AngularJS and CreateJS

by Avinash Kaza

There are many programming platforms used to develop games, and there are a plethora of devices to play them on, but when it comes to playing games in a web browser, Flash-based development still leads the way. What if we could port these games to HTML5 Canvas technology and play them on mobile browsers as well? In this article, Toptal engineer Avinash Kaza gave a solution to this.

16 minute readContinue Reading
EngineeringIcon ChevronData Science and Databases

Context Aware Applications and Complex Event Processing Architecture

by Rahul Devaskar

Since almost all smartphones today are equipped with location sensors, motion sensors, bluetooth, and wifi, today's mobile apps can use context awareness to dramatically increase their capabilities and value. This article walks you through building a context aware app that employs complex event processing.

9 minute readContinue Reading
EngineeringIcon ChevronWeb Front-end

React.js View State Management Tutorial

by Leonardo Andrés Garcia Crespo

One of the biggest and most common problems in front-end web development is state management. A developer is constantly focused on keeping the state object in sync with its view and the DOM representation. Users can interact with the application in many ways and it's a big task to provide a clean transition from one view state to another. We will see how using React JavaScript library can help us reduce application complexity and offload UI transitions from our application.

10 minute readContinue Reading
EngineeringIcon ChevronMobile

Building Real-Time, Multi-Platform Mobile Applications: Examples Using Ionic Framework and Firebase

by Avinash Kaza

This article provides step by step guide for building hybrid multi-platform real-time mobile application using the Ionic Framework and the Firebase.

10 minute readContinue Reading
EngineeringIcon ChevronTechnology

A Map to Perfection: Using D3.js to Make Beautiful Web Maps

by Tomislav Bacinger

Data Driven Documents, or D3.js, is an awesome data visualization library. In this article, I'll discuss one particularly compelling application of D3.js: map making. We'll go through the common challenges of building a useful and informative web map, and show how in each case, D3.js gives you everything you need to make your map look and feel beautiful.

6 minute readContinue Reading
EngineeringIcon ChevronWeb Front-end

One Size Fits Some: A Guide to Responsive Web Design Image Solutions

by Kado Damball

As mobile and tablet devices come closer to achieving final world domination, web technology is in a race to accommodate the ever-growing number screen sizes. However, devising tools to meet the challenges of this phenomenon brings a whole new set of problems, with one of the latest buzzwords to emerge being "responsive web".

7 minute readContinue Reading
EngineeringIcon ChevronWeb Front-end

JavaScript Promises: A Tutorial with Examples

by Balint Erdi

Promises are a hot topic in JavaScript, and you should definitely get acquainted with them. They are not easy to wrap your head around, it can take a few articles, and a decent amount of practice to comprehend them. Aim of this article is to help you understand Promises, and nudge you to get more practice using them.

9 minute readContinue Reading
EngineeringIcon ChevronWeb Front-end

AngularJS Tutorial: Demystifying Custom Directives

by Eric W. Greene

One of the most capable, extensible and popular front-end frameworks is AngularJS, and one of the most useful components of the AngularJS framework is something called a directive. In this article, the four functions that execute as a directive is created and applied to the DOM will be explored.

10 minute readContinue Reading
EngineeringIcon ChevronData Science and Databases

Simple Data Flow in React Apps Using Flux and Backbone: A Tutorial with Examples

by Alex Rattray

React.js is a fantastic library. It is only one part of a front-end application stack, however. It doesn't have much to offer when it comes to managing data and state. Facebook, the makers of React, have offered some guidance there in the form of Flux. I'll introduce basic Flux control flow, discuss what's missing for Stores, and how to use Backbone Models and Collections to fill the gap in a "Flux-compliant" way.

9 minute readContinue Reading

Join the Toptal® community.