text:
|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.
|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 Internet of Things Foundation 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.
|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.
|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 Portuguese
|27 Feb 2015
|Build your first Node.js website, Part 1
|25 Feb 2015
|Track the world's top newsmakers with IBM Watson
Build People in the News (PITN): a Node.js app running on IBM Bluemix that uses the Watson Relationship Extraction service, Cloudant, and the IBM RAVE rendering engine to show which names are trending in the news, with links to current articles about those people.
Also available in: Japanese Portuguese
|22 Jan 2015
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.
|28 Oct 2014
|Send push notifications automatically with Node-RED and the IBM Bluemix Push service
Use Node-RED and the IBM Bluemix Push service to build an application that enables you to send mobile push notifications automatically to mobile platforms.
|09 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.
|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.
|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.
|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
|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.
|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
|01 Jul 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.
|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
|27 Jun 2014
|Animate images in a Node.js web app
Learn how to use the IBM Bluemix
|27 Jun 2014
|Build a reactive sales chart app with Meteor
Create and deploy your own single-page, interactive Meteor application in the cloud
|27 Jun 2014
|Build a real-time polls application with Node.js, Express, AngularJS, and
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
|27 Jun 2014
|3D development with WebGL, Part
3: Add user interaction
|04 Feb 2014
|3D development with WebGL, Part
2: Code less, do more with WebGL libraries
|21 Jan 2014
|3D development with WebGL, Part
1: Introducing WebGL
|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.
|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.
|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.
|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.
|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.
|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.
|15 Jul 2013
|Instant web applications with Meteor
With Meteor, a new web application-creation platform, JavaScript developers can build highly interactive and responsive rich-client web applications simply and rapidly. Meteor proposes a new way to think about web application design and development, with the aim of simplifying and dramatically shortening the development cycle. Sing Li goes beyond the hype and explores the promise of Meteor with two functional, nontrivial application examples -- one web-based and one mobile -- and coverage of the Meteor architecture. You'll gain hands-on experience building Meteor applications while leveraging popular-industry standard JavaScript libraries.
|14 Jun 2013
|Maqetta means mockup, Part 3: Deploy your Maqetta UI prototype with PhoneGap
|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.
|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.
|07 May 2013
|Accelerating web applications with OpenCL
|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.
|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
|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
|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.
|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.
|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.
|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.
|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.
|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
|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.
|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.
|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.
|16 Oct 2012
|Work offline with HTML5 web storage
Also available in: Russian Japanese Vietnamese
|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.
|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
|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.
|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.
|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.
|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.
|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
|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.
|10 Apr 2012
|Load external JavaScript libraries on demand with Dojo 1.5
|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.
|28 Feb 2012
|Functional JavaScript with CoffeeScript and Node
Master web application complexity with the functional scripting superstack of CoffeeScript, Node, and Underscore.js.
|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
|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
|07 Feb 2012
|Your first cup of CoffeeScript, Part 2: Learn the language with hands-on examples
|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
|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
|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.
|13 Dec 2011
|Your first cup of CoffeeScript, Part 1: Getting started
|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
|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.
|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.
|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.
|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.
|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.
|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.
|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.
|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.
|13 Sep 2011
|Understanding built-in objects in JavaScript
Gain a foundational understanding of the intrinsic objects available in the JavaScript language.
|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.
|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.
|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.
|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.
|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.
|07 Jun 2011
|HTML5 fundamentals, Part 2: Organizing inputs
HTML5 reflects the monumental changes in the way you now do business on the Web and in the cloud. This article is the second 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 second part introduces the concept of HTML5 form controls and touches on the role of JavaScript and CSS3.
|31 May 2011
|Build better web applications with jQuery UI and jQuery plug-ins
|17 May 2011
|Get started with object-oriented JavaScript code
With the popularity of today's highly interactive websites, the JavaScript language is in high demand. Developers who truly want to write complex JavaScript code need to have a basic understanding of the different ways custom objects are built and how to use them. This article explains all the ways you can create a custom object using the JavaScript language and uses code examples throughout to show how you can use those objects in a real-world situation.
|19 Apr 2011
|ECMA-262, 5th Edition
Take a look at the history of the ECMAScript specification while also learning about many of its important new features and concepts.
|12 Apr 2011
|Get started with the JavaScript language, Part 1: JavaScript language fundamentals
Want a foundational understanding of the JavaScript language? This article gets you started by covering basic JavaScript concepts for beginners, and provides code examples to show how it's all done.
|05 Apr 2011
|jQuery Mobile and JSON
jQuery powers many of the sites on the Internet today, providing dynamic user experience in the browser and helping to make traditional desktop applications increasingly rare. Now that browsers found on the major mobile platforms have caught up to desktop browser functionality, the jQuery team has introduced jQuery Mobile, or JQM. The mission of JQM is to bring a universal experience to all major mobile browsers, enabling rich content across the Internet, regardless of the viewing device. This tutorial examines fundamental design concepts around jQuery Mobile in the context of a sales force automation-oriented application. You create an intuitive and visually appealing mobile web application that interacts with an Internet-hosted website to store and manage sales opportunities.
|01 Mar 2011
|Processing XML with jQuery
|01 Feb 2011
|Developing a Web 2.0 application using the InfoSphere Business Glossary
IBM InfoSphere(TM) Business Glossary enables users to create, manage, and share an enterprise vocabulary and classification system. In version 8.1.1, the Business Glossary team introduced a REST API that makes glossary content easier to consume by enabling the development of custom applications based on particular needs. This article provides step-by-step instructions on how to develop a portable, dynamic read-write widget that uses the IBM InfoSphere Business Glossary REST API in conjunction with various Web 2.0 technologies. The widget enables users to find terms, examine the term's details, and make basic edits. Our goal is for InfoSphere Business Glossary customers to use the knowledge gained through building this sample widget as inspiration for using the REST API to create their own custom applications. This article is intended for software engineers who are familiar with Web 2.0 technologies and product designers who can apply the tools provided here to real world situations. [20 Jan 2010: Added instructional download and updated first resource. --Ed]
Also available in: Russian
|20 Jan 2011
|A guide to writing unobtrusive JavaScript and Ajax
|02 Nov 2010
|Make your web applications fly
Improve the performance of your web resources by making them smaller. Your site's viewers will be able to load smaller resources more quickly, and you will save on the amount of bandwidth your site uses.
|26 Oct 2010
|Maximizing JavaScript and Ajax performance
With Ajax and JavaScript becoming more prominent in modern web applications, it is becoming increasingly important to ensure that your JavaScript code and Ajax requests are finely tuned to provide optimal performance. In this article, learn the best practices for writing JavaScript code and performing Ajax requests. Learn how to measure the performance of your existing applications and how to identify common bottlenecks in your code. And finally, learn how to fix performance-related problems and how to use the various tools that are at your disposal when it comes to maximizing the speed of your application.
|28 Sep 2010
|Simulate XQuery and XInclude functionality with PHP
Many browsers can handle XML in general, but are currently weak in their support of XQuery and XInclude. You need to work around this issue when you build web applications that combine and process XML-structured data from multiple sources. Using PHP is one solution. This article first shows how your web pages can deliver data extracts from XML using XQuery and XInclude explicitly, and then how to do the equivalent work with PHP, all within the context of a cooperative effort among garden centers.
|21 Sep 2010
|Improve Ajax development with jQuery
Learn how to apply basic Asynchronous JavaScript + XML (Ajax) techniques in jQuery, such as making a request; handling success and error responses; and parsing the results from JavaScript Object Notation (JSON), XML, HTML, and dynamic PHP data sets.
|21 Sep 2010
|Build dynamic user interfaces with Android and XML
A number of websites cater to non-profits that provide easily set-up and used forms for taking polls and collecting data. This tutorial introduces a simple architecture for designing similar applications for Android -- dynamic user interfaces that allow non-programmers to collect data from mobile users. You will create an example forms engine in this tutorial with both server and mobile sides.
|07 Sep 2010
|Using XML and JSON with Android, Part 2: Deliver hybrid Android applications with JSON
This two-part article series examines techniques for handling two of the most common data formats found on the Internet today, XML and JavaScript Object Notation (JSON), on the Android platform. Part 1 covered the basics of XML and JSON. Part 2 examines the manner in which Webkit-hosted JavaScript code exchanges data with Java code in an Android application. This article focuses on JSON, which is demonstrated as the most capable and flexible approach.
|24 Aug 2010
|Thinking XML: The XML flavor of HTML5
For a while, there has been a struggle for the future of markup on the web, a struggle between the W3C's XHTML 2 and HTML5, developed by the major browser vendors under a separate organizational umbrella. First, the W3C took over HTML5, and now it recently announced the sunset of the XHTML 2 effort. This makes a significant difference to the future of XML on the web, and furthermore, because of HTML5's momentum, it is now a technology that every XML developer already has to deal with. But fans of XML need not despair: HTML5 supports a proper XML serialization. Learn about the XML form of HTML5 including some key differences from older XHTML conventions and learn how to practically apply this vocabulary in modern web browsers.
|08 Jul 2010
|Creating mobile Web applications with HTML 5, Part 5: Develop new visual UI features in HTML 5
HTML 5 comes with plenty of new features for mobile Web applications, including visual ones that usually make the most impact. Canvas is the most eye-catching of the new UI capabilities, providing full 2-D graphics in the browser. In this article you learn to use Canvas as well as some of the other new visual elements in HTML 5 that are more subtle but make a big difference for mobile users.
|29 Jun 2010
|Creating mobile Web applications with HTML 5, Part 4: Using Web Workers to speed up your mobile Web applications
Web applications have traditionally been stuck in a single-threaded world. This really limited developers in what they could do in their code, since anything too complicated risks freezing up the UI of the application. Web Workers have changed all of that by bringing multi-threading to Web applications. This is particularly useful for mobile Web applications where most of the application logic is client-side. In this article, you will learn how to work with Web Workers and discover which tasks are most appropriate for them. You will see how you can use with other HTML 5 technologies to increase the efficiency of using those technologies.
|29 Jun 2010
|Build a web-based notification tool with XMPP
Real-time web applications are networked applications, with web-based user interfaces, that display Internet information as soon as it's published. Examples include social news aggregators and monitoring tools that continually update themselves with data from an external source. In this tutorial, you will create Pingstream, a small notification tool that uses PHP and JavaScript to communicate over the Extensible Messaging and Presence Protocol (XMPP), a set of XML technologies designed to support presence and real-time-communications functionality.
|22 Jun 2010
|Innovative uses for WebSphere sMash, Part
1: Building a flexible, practical dashboard framework
When new technologies emerge -- programming languages and models in particular -- there typically follows a period where many useful "how to" articles appear to help developers get themselves started. As time passes, the guidance works its way deeper into the more advanced concepts, but it is not often that the implementation details behind an actual application of the technology is revealed. "Hello World" examples are fine for basic lessons, but as you reach the point of wanting to build something yourself, there is nothing like a real example to help provide the inspiration for that next killer application project. This article series presents three actual examples where IBM WebSphere sMash was selected and used to perform innovative and valuable tasks. These examples are all related to the operations of IBM's Green Innovation Data Center (GIDC) in Southbury, CT, USA, which has been set up both as a client briefing center and a living lab, where some of IBM's latest energy efficient hardware, software, and operational practices are being tested and developed. In Part 1, you'll see how WebSphere sMash was used to build a flexible framework for constructing data center dashboards.
|26 May 2010
|Comment lines: Moving toward Web 2.0 maturity
Web 2.0 applications are quickly becoming the mainstream. Rich Internet Applications and social networks are everywhere. Browser maturity, network speed, and HTTP infrastructure have contributed to this. Ajax is the main service invocation model for the client. Middleware is becoming more stateless. All this, and yet many people still hold on to a legacy mindset when building these modern applications, which can lead to some difficult technical scenarios.
|26 May 2010