Technical library

  • spacer Filter by products, topics, and types of content

    (0 Products)

    (100 Topics)

    (5 Industries)

    (5 Types)

Develop and deploy your next
app on the IBM Bluemix
cloud platform.

 

1 - 100 of 172 results | Next Show Summaries | Hide Summaries Subscribe to search results (RSS)

View Results
Title none Type none Date down
Support multiple keyboard layouts in web-based VNC apps
Take advantage of a recently introduced browser API (available in Chrome, Firefox, and Opera) to add support for multiple keyboard layouts to web-based VNC clients.
Tutorial 23 Aug 2016
Manage state with Redux, Part 3: Implementing asynchronous actions with Redux
In this five-part series, see how the Redux library takes the pain out of JavaScript state management and makes it easy to implement features such as infinite undo/redo and live-editing time travel.
Articles 08 Aug 2016
Manage state with Redux, Part 4: Implementing time travel with Redux
In this five-part series, see how the Redux library takes the pain out of JavaScript state management and makes it easy to implement features such as infinite undo/redo and live-editing time travel.
Articles 08 Aug 2016
Manage state with Redux, Part 1: Introducing Redux
In this five-part series, see how the Redux library takes the pain out of JavaScript state management and makes it easy to implement features such as infinite undo/redo and live-editing time travel.
Articles 18 Jul 2016
Manage state with Redux, Part 2: Using Redux with React
In this five-part series, see how the Redux library takes the pain out of JavaScript state management and makes it easy to implement features such as infinite undo/redo and live-editing time travel.
Articles 18 Jul 2016
The busy JavaScript developer's guide to Sails.js, Part 2: Models and blueprints
Models in Sails.js are represented by JavaScript objects, which can be stored in any type of data store -- relational, document-oriented, or something else. Develop your first model in Sails.js, then get started with Sails blueprints, which provide built-in support for the ubiquitous create, read, update, and delete features of data-driven applications.
Also available in: Chinese   Japanese  
Articles 12 Jul 2016
The busy JavaScript developer's guide to Sails.js, Part 1: Build and deploy a basic web app with Sails
Like so many server-side JavaScript frameworks, Sails.js makes it easier to build traditional web applications. Sails also embraces some of the ideas that made Rails revolutionary, bringing a new level of productivity to web and mobile development on top of Node.js. This first installment in a series features an overview of what makes Sails different, including its new-school approach to MVC architectures. You'll also set up your development environment and deploy a basic Sails application to IBM Bluemix.
Also available in: Chinese   Japanese  
Articles 12 Jul 2016
Modularize Angular applications with webpack
Modularizing an AngularJS application makes the code base easier to maintain as your project grows. Learn how to modularize an existing Angular application with the webpack module bundler, and learn best practices for incorporating modules into a new project.
Tutorial 29 Jun 2016
The busy JavaScript developer's guide to Sails.js, Part 3: Modeling relationships in Sails
Refactor your Sails.js application from a blog API to a more generalized content management system, then use associations to define the complex relationship between a single author and many entries. You also add comments and tags to newly created content in your rapidly growing HTTP API.
Articles 15 Jun 2016
The busy JavaScript developer's guide to Sails.js, Part 4: Routes and controllers in Sails
Sails makes it easier than you might think to write custom controllers that do exactly what you want them to. Learn how to extend the default controllers that Sails produces for every model, setting up your HTTP API to handle just about any type of input or query.
Articles 15 Jun 2016
Use D3 and Angular for custom data visualizations
Build custom data visualizations with the D3.js library and incorporate them in your AngularJS apps.
Tutorial 26 May 2016
Deploy a Meteor-based web and mobile chat server
Discover developerWorks Premium and host a private Rocket.Chat server on IBM Bluemix for your development team or friends/family, with you in full control. A developerWorks Premium membership can give you a head start on cloud services deployment.
Also available in: Chinese   Japanese  
Articles 26 May 2016
Use JavaScript closures efficiently
Understand the characteristics of JavaScript closures and their lifecycles so that you can prevent memory leaks in your Node.js applications.
Also available in: Chinese  
Tutorial 02 May 2016
Convert your Twitter lists to RSS
Parse the HTML output from a Twitter widget into an RSS feed that can be used in feed readers, IFTTT recipes, and custom applications.
Also available in: Chinese   Russian   Japanese  
Tutorial 25 Apr 2016
Use jspm to harness the future of JavaScript modules
The jspm framework breaks new ground in JavaScript client-side dependency management. Find out how you can use future JavaScript (ECMAScript 6) language features now, thanks to jspm. Learn how jspm automates module resolution through registries such as npm and GitHub, and take a look at value-added tools that jspm includes.
Also available in: Chinese   Japanese  
Articles 09 Mar 2016
Build a hybrid expense-tracking application
Easily create REST services by using StrongLoop tools, including the open source LoopBack framework. With the Ionic framework and the LoopBack framework's AngularJS SDK, create a hybrid application to consume the services. Extend the API to give clients more flexibility in displaying expense data, and push the server-side code to IBM Bluemix.
Also available in: Chinese   Japanese   Portuguese  
Tutorial 02 Mar 2016
Create a modular single-page app with Vue.js and Bluemix, Part 2: Deploy your app in the cloud
In this two-part tutorial, build a simple but powerful single-page application with a responsive UI, and deploy your app in the cloud. In Part 1, develop the front end with the Vue.js JavaScript framework, using Node Package Manager (NPM) for dependency management, webpack as a build tool, and Foundation for the responsive UI. Learn Vue.js from basic principles to advanced usage, and use a modular design to support the application as it scales up. In Part 2, deploy the app to IBM Bluemix.
Also available in: Chinese  
Tutorial 03 Feb 2016
Create a modular single-page app with Vue.js and Bluemix, Part 1: Develop and test the front end
Copy extended
Also available in: Chinese  
Tutorial 03 Feb 2016
Automate legal report gathering for Node.js apps running on Bluemix
Before releasing a new software version, developers and release managers need to make sure that the libraries included in the software are licensed for commercial use. When you build a Node.js application, you might use dozens of external libraries, each of them under different license terms. Gathering the information on all of them can be painful and time consuming. This article explains how to automate some of the tasks and generate a list of all the dependencies used in the project. The list includes what license they are under, and the website or repository where you can get them.
Also available in: Chinese   Japanese  
Articles 01 Dec 2015
Add interactive documentation to your JavaScript apps with Intro.js
Add easy-to-absorb, interactive user documentation to your JavaScript apps with Intro.js. Learn from a sample tour implementation how to demonstrate your application's features the modern way from within the app's UI.
Also available in: Chinese   Japanese   Portuguese  
Articles 09 Oct 2015
Build your first Node.js website, Part 1
Do you want to build a dynamic website with Node.js but are unsure where to start? This three-part article introduces you to Node.js development step by step, with no software installation required. Using only a web browser, you create a Node.js application, write server-side JavaScript, display dynamic data on HTML pages, and store data in a Redis database.
Also available in: Chinese   Russian   Japanese   Portuguese   Spanish  
Articles 20 Aug 2015
Mastering MEAN: Testing the MEAN stack
Take a walk through the "small pieces, loosely joined" of the MEAN stack's testing infrastructure. No application, MEAN or otherwise, is ready for production without passing a rigorous, comprehensive test suite. See how to use Karma, Mocha, Jasmine, and istanbul, helped by PhantomJS, to test the UGLI app.
Also available in: Japanese  
Articles 28 Jul 2015
Create an iOS 8 game with React Native and Advanced Mobile Access
Create a React Native game and learn how JavaScript code can access the IBM MobileFirst platform in iOS native apps.
Also available in: Japanese  
Articles 15 Jul 2015
React Native: Into a new world of rapid iOS development
Get on the mobile fast track with React Native, the fastest-growing platform and tool set for iOS development. Put aside the Objective-C and Swift tutorials, and start coding iOS apps with JavaScript. Get an introduction to React Native, learn about its architecture and internal operations, and work through an example application that highlights React Native programming techniques.
Also available in: Japanese  
Articles 15 Jul 2015
Instant web applications with Meteor
With the Meteor web development platform, JavaScript developers can design and build highly interactive and responsive rich-client web applications easily and rapidly. Gain hands-on experience building Meteor apps that take advantage of industry-standard JavaScript libraries. Sing Li goes beyond the hype and explores the promise of Meteor with nontrivial, functional application examples. Ed note: This tutorial has been updated to reflect changes in the Meteor framework, from early beta in 2013 to the current version, 1.1.x.
Also available in: Chinese   Russian   Japanese  
Articles 27 May 2015
Add language translation to your apps with IBM Watson
Add machine translation to your Bluemix apps. Use Node-RED and the Machine Translation service to create an app that translates text that the user enters and performs sentiment analysis on that text.
Also available in: Chinese   Russian   Japanese   Spanish  
Articles 06 May 2015
Build a remote-controlled Raspberry Pi 2 monitor for your IBM Bluemix apps
Demystify the Internet of Things with a hands-on project that uses the IBM Watson IoT Platform to interconnect your devices and apps. Set up a Raspberry Pi 2 to monitor uptime and access time for a running IBM Bluemix app, capturing the results in a graphing app that you can deploy to Bluemix. And code a desktop application that controls the Raspberry Pi 2 monitor remotely.
Also available in: Chinese   Russian   Japanese   Portuguese  
Articles 28 Apr 2015
React: Create maintainable, high-performance UI components
Start using React, an open source JavaScript library for easily creating UI view components and composing them to form modern web UIs. Follow this tutorial's examples to learn prescribed best practices for crafting React components in a maintainable and reusable manner.
Also available in: Chinese   Russian   Japanese   Portuguese  
Articles 27 Feb 2015
Create an IBM Watson explorer with React
Use the React library and Material-UI components to create an app on IBM Bluemix for exploring IBM Watson services.
Also available in: Chinese   Russian   Japanese   Portuguese  
Articles 27 Feb 2015
Mastering MEAN: MEAN meets Meetup.com and microdata
In the fourth Mastering MEAN installment, integrate your MEAN application with Meetup.com's RESTful API. Along the way, make your web page more search-engine friendly by mixing in a bit of microdata to mark up your HTML semantically.
Also available in: Chinese   Russian   Japanese  
Articles 28 Oct 2014
Build a WebSocket app to visualize tweet volumes on a map
Use WebSocket, Twitter search, and the Google Maps API to create a Node.js web app that shows the origin of tweets on a map in real time.
Also available in: Chinese   Russian   Japanese   Portuguese  
Tutorial 23 Sep 2014
Mastering MEAN: MEAN and UGLI CRUD with responsive web design
Series author Scott Davis introduces the User Group List and Integration (UGLI) application: software to help manage user groups. Explore the basic create, retrieve, update, and delete (CRUD) functionality of the MEAN stack, and get introduced to the responsive web design capabilities of the Bootstrap framework.
Also available in: Chinese   Russian   Japanese  
Articles 16 Sep 2014
Build a table-driven storage container application in the cloud
Use Node.js and a Cloudant database to issue create, read, update, and delete operations with the help of a jTable (jQuery-based table package) on IBM Bluemix, with special code to handle clipboard copy operations for masked table data.
Also available in: Chinese   Russian   Japanese  
Tutorial 08 Sep 2014
Join the Web Components revolution with Polymer
The Polymer library uses Web Components technology supported by all modern browsers, including mobile browsers on iOS and Android. Add custom web elements that encapsulate a complete user interface including UI interaction handling, transition animation, and flexible CSS styling to your web applications or hybrid mobile apps.
Also available in: Chinese   Russian   Japanese  
Tutorial 02 Sep 2014
Create high-performance mobile UIs with Famo.us
With the Famo.us platform, mobile web UIs written in JavaScript can be as compelling as native-code implementations. Work through this article's examples to find out how Famo.us helps you easily create a high-performance user experience in your mobile apps.
Also available in: Chinese   Russian   Japanese  
Articles 08 Jul 2014
Automate Famo.us mobile apps with Cloudant on Bluemix
Learn how to reuse Famo.us application templates (widgets) to build your mobile applications quickly. In a few lines of code, you'll create an app in which users can select articles or videos from a thumb-scrollable list; then you'll deploy the app to IBM Bluemix. And you'll see how to automate customization of the app (its appearance and contents) from a replicated JSON document that is stored in Cloudant.
Also available in: Chinese   Russian   Japanese   Portuguese  
Articles 01 Jul 2014
Build a real-time polls application with Node.js, Express, AngularJS, and MongoDB
Build a polling application that updates in real-time as votes roll in. The app I created has a simple architecture that uses JavaScript for everything. Node.js and Express power the back-end, and MongoDB stores the app's data. At the front-end, AngularJS and Bootstrap power the user interface, with Web Sockets enabling the voting to update clients in real-time.
Also available in: Chinese   Russian   Japanese   Portuguese   Spanish  
Articles 27 Jun 2014
Build a custom YouTube playlist player
The embeddable YouTube playlist player doesn't have all the features of the native player. In this article, Joseph McCarthy shows how to use the YouTube API, jQuery, JsRender, and Bootstrap to create a more fully functional embedded player for YouTube playlists.
Also available in: Russian   Japanese   Portuguese   Spanish  
Articles 27 Jun 2014
Animate images in a Node.js web app
Learn how to use the IBM Bluemix Node.js boilerplate with Dojo technology to animate a sequence of graphics in a web page by rotating them. You'll customize the boilerplate code on IBM Bluemix DevOps Services and deploy the modified app to Bluemix from there.
Also available in: Chinese   Russian   Japanese   Spanish  
Articles 27 Jun 2014
Build a reactive sales chart app with Meteor
Create and deploy your own single-page, interactive Meteor application in the cloud updated in real time with nothing more than your browser. Write your code on IBM Bluemix DevOps Services, use the IBM Bluemix MongoDB service for server-side storage, and deploy the app to Bluemix.
Also available in: Chinese   Russian   Japanese   Portuguese   Spanish  
Articles 27 Jun 2014
Build a sentiment analysis application with Node.js, Express, sentiment, and ntwitter
Build a Node.js application to analyze public reaction to any given topic on Twitter. This article includes a demo, sample code, and full instructions for creating a basic PaaS app, then adding sentiment analysis to it and connecting it to Twitter. The app you build will use popular Node.js modules. You can reuse it anytime you need a quick mobile app to analyze and monitor large volumes of data over time.
Also available in: Chinese   Japanese  
Articles 27 Jun 2014
3D development with WebGL, Part 3: Add user interaction
The WebGL API gives JavaScript developers the ability to tap directly into the powerful built-in 3D graphics acceleration capabilities of today's PC and mobile-device hardware. Supported transparently in modern browsers, WebGL makes it possible to create high-performance 3D games, applications, and 3D-enhanced UIs for mainstream web users. This article concludes a three-part series for JavaScript developers who are new to WebGL. Follow along as series author Sing Li guides you through the development of a complete 3D game application and a prototype for a data-visualization UI.
Also available in: Japanese  
Articles 04 Feb 2014
3D development with WebGL, Part 2: Code less, do more with WebGL libraries
The WebGL API gives JavaScript developers the ability to tap directly into the powerful built-in 3D graphics acceleration capabilities of today's PC and mobile-device hardware. Supported transparently in modern browsers, WebGL makes it possible to create high-performance 3D games, applications, and 3D-enhanced UIs for mainstream web users. This article is the second a three-part series for JavaScript developers who are new to WebGL. Series author Sing Li introduces you to two WebGL libraries that make 3D development far more efficient than coding directly to the WebGL API.
Also available in: Japanese  
Articles 21 Jan 2014
3D development with WebGL, Part 1: Introducing WebGL
The WebGL API gives JavaScript developers the ability to tap directly into the powerful built-in 3D graphics acceleration capabilities of today's PC and mobile-device hardware. Supported transparently in modern browsers, WebGL makes it possible to create high-performance 3D games, applications, and 3D-enhanced UIs for mainstream web users. This article is the first in a three-part series for JavaScript developers who are new to WebGL. In this part, work through a basic example that demonstrates WebGL fundamentals and related 3D graphics concepts.
Also available in: Japanese  
Articles 10 Dec 2013
Build a sentiment analysis application with Node.js, Express, sentiment, and ntwitter
Build a Node.js application to analyze public reaction to any given topic on Twitter. This article includes a demo, sample code, and full instructions for creating a basic PaaS app, then adding sentiment analysis to it and connecting it to Twitter. The app you build will use popular Node.js modules. You can reuse it anytime you need a quick mobile app to analyze and monitor large volumes of data over time.
Articles 21 Oct 2013
HTML5 components: Implement standard components
In this series, HTML5 maven David Geary shows you how to implement HTML5 components. In this final installment, see how to implement components using the nascent HTML5 component specifications, with assistance from the Polymer and Mozilla X-Tags projects.
Also available in: Chinese   Russian   Japanese  
Articles 23 Jul 2013
HTML5 2D game development: Wrapping up the game
In this series, HTML5 maven David Geary shows you how to implement an HTML5 2D video game one step at a time. This installment concludes the series by rounding out Snail Bail with important features and some aesthetic polish. Learn how to replace the game's background, fine-tune gameplay, keep score, dim controls, monitor frame rate, track lives, display credits, tweet scores, and deploy the game to a server.
Also available in: Chinese   Russian   Japanese  
Articles 23 Jul 2013
Do more in CSS with LESS
Learn how to use LESS to write readable and maintainable Cascading Style Sheets (CSS) for modern websites. CSS makes the terrible old days of layout tricks with tables and invisible images a dim memory. But CSS is still unfriendly, and several initiatives tried to tame it for developers. One of the best is LESS, which extends CSS with dynamic behavior such as variables, mixins, operations, and functions. LESS is a CSS-like language that compiles seamlessly into CSS either on the client side or through server-side preprocessing.
Also available in: Chinese   Russian   Japanese  
Articles 18 Jul 2013
Data visualization, Part 2: Use D3 component layouts
In this two-article series, learn how to use Scalable Vector Graphics (SVG) with the open source D3 JavaScript library to create data visualizations. Shapes, colors, and layouts can be of great help in making business sense out of data volumes. This article demonstrates various ways to arrange graphical components to represent your data on a canvas, using both D3's and your own calculations.
Also available in: Chinese   Russian   Japanese  
Articles 15 Jul 2013
Data visualization, Part 1: Visualize browsing metrics with SVG and D3
In this two-article series, learn how to use Scalable Vector Graphics (SVG) with the open source D3 JavaScript library to create data visualizations. Shapes, colors, and layouts can be of great help in making business sense out of data volumes. An example scenario demonstrates the use of SVG and D3 for creating informative graphics out of browsing metrics for social media.
Also available in: Chinese   Russian   Japanese  
Articles 15 Jul 2013
Maqetta means mockup, Part 3: Deploy your Maqetta UI prototype with PhoneGap
So far in this series introducing Maqetta, you've learned how to create and enrich an interactive mobile UI prototype using features from the Dojo and Dojo Mobile toolkits. Working in your browser with Maqetta, you were able to build a believable prototype without writing any code, then augment its features and flow with custom JavaScript. Now it's time to combine Maqetta with PhoneGap in order to create and deploy a new mobile UI prototype onto actual devices.
Also available in: Russian   Japanese  
Articles 06 Jun 2013
Prototype web applications with CouchDB and Bootstrap
Combine Apache CouchDB with Twitter's Bootstrap to kickstart web application development in a way that cleanly separates the presentation and database layers. CouchDB is well-known as a relaxing way to develop databases, especially for websites. On the front end, more open source toolkits are emerging for prototyping sites, and even for full deployment. Among them, the Bootstrap framework is especially useful for working up web UIs. Learn how to build on Bootstrap while you use CouchDB for persistence.
Also available in: Chinese   Russian   Japanese  
Articles 04 Jun 2013
HTML5 components: Ad-hoc components, Part 2
Finish implementing the sophisticated ad-hoc slider component introduced in "Ad-hoc components, Part 1." Learn how to incorporate event listeners, animate the slider's knob, and inject the slider into an existing Document Object Model (DOM) tree.
Also available in: Chinese   Russian   Japanese  
Articles 07 May 2013
Accelerating web applications with OpenCL
The Web Computing Language (WebCL) enables web applications to execute functions on the host's graphics processor, dramatically accelerating many types of data-processing routines, such as data sorting, text searching, and solving systems of matrices. Learn how WebCL's JavaScript classes enable high-speed number-crunching by delivering computing tasks to graphics processors.
Also available in: Chinese   Japanese  
Articles 23 Apr 2013
HTML5 2D game development: Collision detection and sprite animations
In this series, HTML5 maven David Geary shows you how to implement an HTML5 2D video game one step at a time. In this installment, learn how Snail Bait implements collision detection and explosions.
Also available in: Chinese   Russian   Japanese   Vietnamese  
Articles 16 Apr 2013
Create your own browser extensions, Part 1: Extend your reach into Chrome
Every browser has its fans, detractors, advantages, and disadvantages. One thing they all have in common is that people increasingly spend more time using them. This series examines how to build the same basic extension for Chrome, Firefox, and Safari. You'll learn what it is like to extend each browser, how hard or easy it is to perform some common tasks, and how to distribute your extension In this article, you build an extension for Chrome.
Also available in: Chinese   Russian   Japanese   Vietnamese   Portuguese  
Articles 05 Apr 2013
Create your own browser extensions, Part 3: Extend your reach into Safari
Every browser has its fans, detractors, advantages, and disadvantages. One thing they all have in common is that people increasingly spend more time using them. This series examines how to build the same basic extension for Chrome, Firefox, and Safari. You'll learn what it is like to extend each browser, how hard or easy it is to perform some common tasks, and how to distribute your extension. In this article, you'll build an extension for Safari.
Also available in: Russian   Japanese   Vietnamese  
Articles 05 Apr 2013
Create your own browser extensions, Part 2: Extend your reach into Firefox
Every browser has its fans, detractors, advantages, and disadvantages. One thing they all have in common is that people increasingly spend more time in them. This series examines how to build the same basic extension for Chrome, Firefox, and Safari. You'll learn what it is like to extend each browser, how hard or easy it is to perform some common tasks, and how to distribute your extension. In this article, you'll build an extension for Firefox.
Also available in: Chinese   Russian   Japanese   Vietnamese  
Articles 05 Apr 2013
Maqetta means mockup, Part 2: Write custom JavaScript for your Maqetta mobile UI
As you learned in Part 1 of this series, Maqetta is a WYSIWYG application that makes it easy to design a sophisticated desktop or mobile UI without writing any code. But what if you need a richer UI that responds to user input in more advanced ways? In this follow-up article, Tony Erwin walks you through the process of enhancing your Maqetta mobile UI with custom JavaScript using Dojo and the Dojo Mobile library.
Also available in: Russian   Japanese  
Articles 11 Mar 2013
HTML5 components: Ad-hoc components, Part 1
This article launches a short series by David Geary on implementing HTML5 components. In this installment, you'll get overview of HTML5 component technology and start learning how to implement a sophisticated slider component from scratch.
Also available in: Chinese   Russian   Japanese   Vietnamese  
Articles 19 Feb 2013
HTML5 2D game development: Manipulating time, Part 1
In this series, HTML5 maven David Geary shows you how to implement an HTML5 2D video game one step at a time. In the first of two consecutive installments, you'll implement the runner sprite's jumping behavior.
Also available in: Chinese   Russian   Japanese   Spanish  
Articles 05 Feb 2013
Develop easy real-time websites with Meteor
Because of the ubiquity of the web, even small delays in the delivery of data can be an irritant to users. They want data to update immediately. Unfortunately, web technology has not quite caught up to this demand for real-time access. While data access is being rapidly standardized into several classes of Object-Relational Mapping (ORM), real-time communication has no such solution. This article discusses Meteor, an exciting new JavaScript framework that aims to solve this problem.
Also available in: Chinese   Russian   Japanese   Vietnamese   Spanish  
Articles 08 Jan 2013
HTML5 2D game development: Sprites
In this series, HTML5 maven David Geary shows you how to implement an HTML5 2D video game one step at a time. Sprites -- graphical objects that you can assign behaviors to -- are one of the most fundamental and important aspects of video games. In this installment, you'll learn how to implement the sprites that make up Snail Bait's cast of characters.
Also available in: Chinese   Japanese   Vietnamese  
Articles 04 Dec 2012
Understand memory leaks in JavaScript applications
Garbage collection can be freeing. It lets us focus on application logic rather than memory management. However, garbage collection is not magic. Understanding how it works, and how it can be tricked into maintaining memory long after it should have been released, results in faster and more reliable applications. In this article, learn about a systematic approach for locating memory leaks in JavaScript applications, several common leaking patterns, and appropriate methods to address those leaks.
Also available in: Chinese   Japanese   Spanish  
Articles 06 Nov 2012
Use CSS media queries to create responsive websites
Static websites with fixed widths are quickly being replaced by responsive, fluid designs that scale up and down depending on screen size. With a responsive design you can present a usable interface no matter what device or screen is accessing the website. A responsive design also "future proofs" the website by responding to varying screen sizes, which are changing rapidly as new smart phones and tablets hit the market. The primary means of achieving a responsive design is with CSS media queries. In this article, learn to use media queries for desktop websites, mobile phones, and tablets.
Also available in: Chinese   Russian   Japanese  
Articles 23 Oct 2012
Object-oriented design in JavaScript games
Much of JavaScript is procedurally based loops and gigantic if/else statements. In this article, learn about a smarter approach by using object-oriented design in JavaScript games. Get an overview of prototypal inheritance and basic object-oriented programming (OOP) with JavaScript. Learn how to gain more benefits from OOP in JavaScript by using a classical inheritance-based library. This article also reviews architectural design patterns that demonstrate how to write cleaner code with examples of a game loop, state machine, and event bubbling.
Also available in: Chinese   Russian   Japanese  
Articles 16 Oct 2012
Work offline with HTML5 web storage
HTML5, the new HTML standard, supports a wide array of new functions and layout techniques. It fully supports multimedia, CSS3, and drawing capabilities with canvas and Scalable Vector Graphics (SVG). HTML5 offers new semantic elements, and also provides a legitimate way to create HTML web applications using application cache, JavaScript workers, a new version of XMLHttpRequest, and something called web storage. This article discusses the power of web storage and why it's a better storage method than cookies. Learn about the basic concepts, browser support, and the HTML5 web storage objects.
Also available in: Russian   Japanese   Vietnamese  
Articles 02 Oct 2012
Conway's Game of Life in CoffeeScript and canvas
Conway's Game of Life is a zero-player game that relies only on the initial configuration and then works without further input. In this article, walk through an implementation of your own version of the game. Learn to use CoffeeScript features and the HTML5 canvas element to create your game. Code samples are provided.
Also available in: Chinese   Russian   Japanese  
Articles 31 Jul 2012
Create rich-layout publications in EPUB 3 with HTML5, CSS3, and MathML
EPUB 3.0, which is the latest revision of the industry-standard XML e-book format, jumps into modern web technology by embracing HTML5 and CSS3. It retains its focus on XML-driven toolkits by requiring XHTML serialization and adding supplementary XML vocabularies, such as MathML and SVG. EPUB 3 offers a variety of options for developing advanced, digital-native publications. In this article, learn to create rich-layout pages using some new features in EPUB 3.
Also available in: Chinese   Russian   Japanese   Vietnamese   Portuguese   Spanish  
Articles 05 Jul 2012
Create a custom jQuery plug-in
jQuery is a powerful library that delivers all of the core functions you need when developing a JavaScript project. However, sometimes it's necessary to extend the core functions with custom code that helps you be more productive. In this article, learn how to create a custom reusable plug-in using the jQuery library.
Also available in: Russian   Japanese  
Articles 03 Jul 2012
Bring the third dimension to a two-dimensional HTML5 canvas
Parallax processing is an exciting way to animate graphic layers on the web using arrow keys or mouse movement. In this article, learn how to create a parallax environment using jQuery and HTML5. Follow along with an example that shows how to create and animate a graphic using layers.
Also available in: Japanese  
Articles 26 Jun 2012
A survey of client MVC frameworks
As the front end of applications becomes increasingly complex, client MVC JavaScript frameworks can help you to tame Ajax problems. There are numerous frameworks, and it can be hard to know where to start. In this article, get a brief overview of some of the most popular frameworks: Backbone.js, Spine.js, Knockout.js, and Batman.js. Learn how to make the right framework choice for your next project.
Also available in: Russian   Japanese  
Articles 12 Jun 2012
Embrace prototypal object-oriented programming
JavaScript, the lowest-level programming interface to the web, is everywhere. As the web becomes increasingly a part of daily life, JavaScript becomes more and more relevant. JavaScript is an often-misunderstood language, considered by some a toy language or a "baby Java language." One of its more maligned features is its prototypal object system. Though it's undeniable that JavaScript has warts, the prototypal object system isn't one of them. In this article, learn about the tremendous power, simplicity, and elegance of JavaScript prototypal object-oriented programming.
Also available in: Chinese   Russian   Japanese   Vietnamese  
Articles 05 Jun 2012
Introduction to jQuery Mobile
Get an introduction to the jQuery Mobile framework. Learn the basics of the framework and how to write a functional mobile web application user interface. In this article, an example guides you through basic pages, navigation, toolbars, list views, form controls, and transition effects.
Also available in: Russian   Japanese   Portuguese   Spanish  
Articles 29 May 2012
Tools to unit test your JavaScript
Some developers may complain that JavaScript is difficult to test. With the current focus on the client side of web applications, however, unit testing JavaScript code is becoming essential. Now, you have tools to make sure your code is solid. In this article, learn about some of the most common tools for unit testing JavaScript: QUnit, YUI Test, and JSTestDriver. Code examples walk you through sample test cases.
Also available in: Chinese   Russian   Japanese  
Articles 10 Apr 2012
Load external JavaScript libraries on demand with Dojo 1.5
Dojo is an excellent library for creating Rich Internet Applications. However, complex Web 2.0 applications often require more than just one JavaScript library, and loading numerous libraries on page load can introduce performance overhead. In this article, learn how to use Dojo's dojo.io.script method for asynchronous, on-demand loading of JavaScript libraries. Example code helps you concisely "wrap" loading of external JavaScript libraries.
Also available in: Russian   Japanese   Spanish  
Articles 27 Mar 2012
Making Ajax service calls with PHP, jQuery, and JSON
In this article, learn about a system for making and responding to Asynchronous JavaScript and XML (Ajax) service calls in a consistent, event-based manner. The system can determine if a remote process call succeeds or fails. Discover how to standardize the result format of objects returned by Ajax service calls, provide event-based responses to Ajax calls, and centralize Ajax result handling. The system uses PHP, jQuery, and JSON technologies, and example code walks you through the construction of the system. The article wraps up with an example Ajax call that shows how the pieces of the system interact.
Also available in: Japanese   Spanish  
Articles 28 Feb 2012
Functional JavaScript with CoffeeScript and Node
Master web application complexity with the functional scripting superstack of CoffeeScript, Node, and Underscore.js.
Also available in: Chinese   Russian   Japanese  
Articles 21 Feb 2012
Using UI components in jQuery Mobile
Many UI components are available in the jQuery Mobile framework. This article provides a high-level overview of each element and how you can use it in a mobile website. It touches on specific UI components, explains the reasons to use them, and provides code examples of their use in a mobile website.
Also available in: Vietnamese   Vietnamese   Portuguese  
Articles 08 Feb 2012
Build device-aware mobile sites using PHP, JavaScript, and WURFL
With a rapidly growing mobile Web, if you haven't already started working on a PHP-driven mobile site or application, you soon will be. Detecting the capability of one mobile device among the thousands of offerings is nearly impossible with PHP alone. But with the Wireless Universal Resource FiLe (WURFL), this once daunting task becomes as simple as a few API calls to retrieve the device data you need and can use with your PHP site or application.
Also available in: Chinese   Russian   Portuguese   Spanish  
Articles 07 Feb 2012
Your first cup of CoffeeScript, Part 2: Learn the language with hands-on examples
This series explores the popular CoffeeScript programming language, which is built on top of JavaScript. In Part 1, you learned about the perks for developers, set up the CoffeeScript compiler, and used it to create code that was ready to run in a browser or server. In this article, wade deeper into the CoffeeScript language. Use CoffeeScript to solve several programming problems, with a mathematical flavor to them, from Project Euler. Example source code is provided.
Also available in: Chinese   Russian   Japanese   Vietnamese  
Articles 07 Feb 2012
Use the jQuery Mobile API for fine-grained custom control
The jQuery Mobile framework is a quick and easy way to create mobile websites. However, you might not know that the framework has a decent API that you can use to extend the basic functionality. This article provides an overview of some of the most useful features in the API and gives you working code examples throughout.
Also available in: Chinese   Chinese   Russian   Vietnamese   Portuguese  
Articles 10 Jan 2012
Develop lightweight mobile web applications with Dojo Mobile
Dojo Mobile is a Dojo-based widget set for creating mobile web applications. With Dojo Mobile, you can develop lightweight, high-performance mobile web applications. In this article, learn how Dojo Mobile addresses the performance issues, and how you can optimize Dojo Mobile-based user applications to make them as small and efficient as possible. [Several clarifications have been made in the text to better reflect the author's original intent.]
Also available in: Chinese   Japanese   Vietnamese  
Articles 13 Dec 2011
Getting started with Backbone
Efficient management of the numerous lines of JavaScript code in web applications can be a challenge. Asynchronous JavaScript and XML (Ajax) interactions heavily populate pages to provide a better experience to the user. Single page interfaces, which are becoming more common, are driven by Ajax. Backbone is a JavaScript framework that can be used to create model-view-controller (MVC)-like applications and single page interfaces. In this article, learn how useful Backbone can be for creating Ajax applications or single page interfaces.
Also available in: Chinese   Japanese  
Articles 13 Dec 2011
Your first cup of CoffeeScript, Part 1: Getting started
There's a lot of hype and fuss about CoffeeScript, a new programming language built on top of JavaScript. CoffeeScript offers a clean syntax that should appeal to those who like Python or Ruby. It also provides many functional programming features inspired by languages such as Haskell and Lisp. CoffeeScript compiles into efficient JavaScript, and in addition to running the JavaScript in a web browser, you can use it with technologies such as Node.js for server applications. In this first article of a four-part series, get started with CoffeeScript and learn about the perks for developers. You will set up the CoffeeScript compiler and use it to create code that's ready to run in a browser or server.
Also available in: Chinese   Russian   Japanese   Vietnamese  
Articles 06 Dec 2011
Create custom jQuery mobile themes
The high adoption rate of smartphones and tablet devices is ultimately increasing the demand for mobile web developers and designers. The jQuery Mobile framework lets you create mobile web experiences that rival the results of native application development by providing instant access to applications and websites via the web browser rather than making users download and install mobile applications. Learn how to use the jQuery Mobile theming framework to create custom-branded mobile websites and web applications.
Also available in: Chinese   Portuguese   Spanish  
Articles 15 Nov 2011
The foundation of the JavaScript language
Get an overview of the foundational constructs of the JavaScript language. This demo briefly describes the basic constructs and provides examples that illustrate how they can be used.
Demos 01 Nov 2011
Creating objects with the JavaScript language
See the different methods used to create objects using JavaScript. This demo uses each object-creation method to create a functional photo slideshow.
Demos 01 Nov 2011
Practice: Creating objects with JavaScript
There are several methods for creating objects using JavaScript. These exercises teach you how to create objects using those methods as well as how to add properties and methods.
Also available in: Japanese  
Articles 01 Nov 2011
Practice: JavaScript and the Document Object Model
Take your knowledge of JavaScript a bit further--into the DOM. Through the exercises in this practice, learn how to use JavaScript properties to traverse the DOM, targeting nodes, changing node values, and manipulating attributes.
Also available in: Japanese  
Articles 01 Nov 2011
Practice: Getting started with JavaScript
The JavaScript language includes basic constructs that are commonly used in any script you write. Get the hands-on practice you need to store and retrieve values, create logic, iterate arrays, and write functions -- all of which give you a foundation for writing custom code in JavaScript.
Also available in: Japanese  
Articles 01 Nov 2011
Add charting on mobile browsers
Develop online applications that are both thumb and user friendly for the mobile environment with PHP, XML, jQuery, jQuery mobile, and jQuery charting. In this article, build the back end and front end of a polling application that uses charting to show the results of each poll.
Also available in: Chinese   Russian   Japanese   Spanish  
Articles 03 Oct 2011
Comment lines: Tools for modernizing enterprise applications and the way you develop them
The newly announced IBM Rational Developer for System z Unit Test can dramatically enhance the way you develop, maintain, and test mainframe applications. This article explains how this solution, along with other Rational Enterprise Modernization products, can be used in a typical scenario to transform an existing mainframe "green screen" application into a smartphone interface using modern techniques.
Also available in: Chinese   Russian  
Articles 21 Sep 2011
Mobile application development, Part 1: PhoneGap and Dojo Mobile on Android
In this series, you'll start out by creating a simple, mobile application, and end by consuming web services from your Android device. Learn how to use Eclipse and PhoneGap to create a mobile hybrid application using only HTML and JavaScript. You'll also use Mobile Dojo to give the application that native feel. In this article, learn how to combine PhoneGap and Mobile Dojo to rapidly create a hybrid mobile application for Android that looks and behaves like a typical Android application.
Also available in: Chinese   Russian   Japanese  
Articles 13 Sep 2011
Understanding built-in objects in JavaScript
Gain a foundational understanding of the intrinsic objects available in the JavaScript language.
Also available in: Chinese   Russian   Japanese  
Articles 16 Aug 2011
Create GPS-enabling web applications
This article walks you through building the back end and front end of a GPS-enabled web application using PHP.
Also available in: Chinese   Russian   Japanese  
Articles 02 Aug 2011
Traverse the Document Object Model with JavaScript
Web developers are, of course, familiar with JavaScript and the Document Object Model (DOM). While DOM provides a neutral interface for abstracting XML/HTML documents, JavaScript provides an implementation of this interface that lets you interact with web pages. In this article, explore the JavaScript bindings of DOM and learn how to manipulate a web document for peak performance. An example application illustrates DOM methods and properties, and how to attach handlers to DOM events.
Also available in: Chinese   Russian   Japanese  
Articles 12 Jul 2011
Using the WebSphere Application Server Feature Pack for Web 2.0 and Mobile to view web application usage patterns and other analytics data
Knowing how users navigate and browse through your website can be valuable in guiding and justifying efforts to improve the site. For example, knowledge about page statistics might guide you to move the most frequently accessed pages to higher levels in the site, statistics on mouse clicks can identify rarely-used buttons, and long idle times could point to pages needing simplification. This article explains how to make use of new features in the Dojo Toolkit and IBM WebSphere Application Server Feature Pack for Web 2.0 and Mobile to generate analytics data, and offers advice on presenting the data in your own application.
Also available in: Japanese   Spanish  
Articles 22 Jun 2011
An introduction to Ajax
Get a technical introduction to Ajax programming, and discover the core JavaScript code and popular library implementations. This article presents a brief history of the technology, then outlines the technical basics of Ajax interactions using core JavaScript coding as well as three popular JavaScript libraries.
Also available in: Chinese   Russian   Japanese   Spanish  
Articles 14 Jun 2011
HTML5 fundamentals, Part 3: The power of HTML5 APIs
HTML5 reflects the monumental changes in the way you now do business on the web and in the cloud. This article is the third in a four-part series designed to spotlight changes in HTML5, beginning with the new tags and page organization and providing high-level information on web page design, the creation of forms, the use and value of the APIs, and, finally, the creative possibilities that Canvas provides. This installment introduces HTML5 APIs, using an example page to demonstrate functions.
Also available in: Chinese   Russian   Japanese   Vietnamese   Spanish  
Articles 07 Jun 2011

1 - 100 of 172 results | Next Show Summaries | Hide Summaries Subscribe to search results (RSS)