October 2014 Summaries

This blog post provides a comprehensive guide on converting a JavaScript app into an iOS app using PhoneGap, detailing two primary methods: the PhoneGap Build Cloud and the PhoneGap Cordova CLI. It outlines the necessary prerequisites, such as having an Intel-based Mac running OS X and registering for the iOS Developer Program, which involves downloading Xcode and creating necessary certificates and provisioning profiles. The PhoneGap Build Cloud method involves uploading a zipped web app and necessary files to the cloud, while the Cordova CLI method offers full development capabilities, including hardware API access and debugging tools, requiring installation of node.js and Cordova CLI. Additionally, the guide discusses setting up app icons, deploying the app to an iOS device, and using Safari for remote debugging. Overall, the post serves as a step-by-step tutorial for developers looking to port their JavaScript applications to iOS using PhoneGap.

Operational Transform (OT) is a technology that allows developers to create real-time collaborative applications, such as Google Docs and Zoho Suite, by ensuring that any changes made by users are instantly reflected across all connected devices. Joseph Gentle, who previously worked on Google Wave, has been instrumental in developing ShareJS, an open-source OT library for NodeJS and browsers, which emerged from his efforts to revive the unique technology of Wave after its cancellation. OT provides significant advantages, including real-time data updates, seamless online/offline integration, and the prevention of accidental data overwrites, while enabling applications to incorporate collaborative features without requiring locks or conflict markers.

ReactJS is a JavaScript library designed to enhance the creation of user interfaces by addressing the challenge of efficiently managing dynamic data in large applications. It introduces an "immediate mode" paradigm, contrasting with the traditional "retained mode" of DOM manipulation, by focusing on rendering states rather than transitions between them. By re-rendering to a virtual DOM tree and performing batched DOM manipulations, ReactJS optimizes performance and reduces the cognitive load on developers, making applications more predictable and manageable. This approach allows developers to treat their code as a black box, simplifying the process of handling changes in data over time. The library was discussed in depth by Pete Hunt, formerly of Facebook and Instagram, during a meetup where he highlighted its benefits and demonstrated its functionality through engaging examples.

This tutorial provides a comprehensive guide for beginners to convert JavaScript applications into mobile Android or iOS applications using the PhoneGap framework, also known as Apache Cordova, which allows developers to build cross-platform mobile apps using web technologies like HTML5, CSS3, and JavaScript. The tutorial outlines two primary methods for conversion: a simple method using PhoneGap Build, which automates much of the process via cloud services, and a more detailed manual method using the Cordova CLI with Android SDK for those seeking greater control over development, including the ability to use hardware APIs and debugging tools. Moreover, it highlights the advantages of using PhoneGap, such as creating hybrid apps that save time and effort by running on multiple platforms and emphasizes the importance of staying updated with newer frameworks like Flutter and React Native. The tutorial also includes step-by-step instructions for setting up development environments, managing SDK tools, and using remote debugging with Chrome, alongside showcasing how PubNub's platform can assist developers in creating real-time interactive applications with robust support and reliability.

Smacktive, a social discovery app launched in New York City on October 8, aims to foster meaningful friendships through activities like sports and games, using a user-friendly interface and PubNub's publish/subscribe architecture to manage real-time data streams for scalability. As the app's user base grows, it leverages PubNub's global platform with 15 redundant data centers to handle the O(n²) messaging pathways efficiently, shifting the burden of infrastructure from the app's hardware to PubNub's cloud, thereby enhancing reliability and performance during high traffic periods. Additionally, PubNub Storage and Playback feature allows users to maintain conversation history without requiring server storage, while PubNub Channel Multiplexing facilitates multiple simultaneous conversations over a single TCP socket, simplifying chat functionality integration for iOS developers using the PubNub SDK.

D3.js is a powerful JavaScript library used to create interactive data visualizations, such as graphs and charts, within web browsers. This tutorial demonstrates how to use D3.js in conjunction with the PubNub Storage & Playback history API to create a dynamic word cloud from messages in a chatroom. A word cloud visually represents the frequency or importance of words in a text, with each word's size indicating its occurrence. The process involves using the d3.layout.cloud method and the d3-cloud script by Jason Davies, which takes JSON data to arrange words according to their frequency. Users must have a basic knowledge of JavaScript DOM, SVG, and D3.js to follow along. The tutorial guides users to retrieve messages using PubNub's history() API, convert them into a format suitable for D3.js, and finally bind this processed data to create the word cloud. The complete source code and a live demo of the project are available on GitHub.

D3.js is a JavaScript library that enables the creation of interactive graphs and charts, including visually appealing bubble charts, which are circles whose sizes correspond to data values. The tutorial guides users through building a static bubble chart using D3.js's pack layout and then making it dynamic with real-time JSON data from PubNub Data Streams. It emphasizes the importance of binding streaming data to update and animate the chart dynamically, using the enter, update, and exit pattern to manage data nodes effectively. The tutorial also covers creating smooth transitions between data updates, ensuring a seamless animation effect by utilizing D3.js's functionalities to modify the appearance and movement of bubbles in response to data changes. It provides access to a demo and source code on GitHub for further exploration.

A blog post showcases a collection of AngularJS resources designed to facilitate the creation of real-time applications using AngularJS and PubNub, including a popular tutorial titled "AngularJS 101: From Zero to Angular in Seconds," which demonstrates building a chat application with minimal HTML and JavaScript. The resources were highlighted during a presentation at the Boston AngularJS Meetup, where CodePen.io examples and an interactive presentation were utilized to guide participants through the process of developing with AngularJS. Viewers are encouraged to explore the live CodePens for various versions of AngularJS and PubNub, engage with the presentation slides, and provide feedback. The blog series aims to simplify the learning curve for developers starting with AngularJS and PubNub, inviting readers to share ideas or seek assistance.

Client testing is crucial for improving the quality, speed, and reliability of software by identifying and resolving issues such as malformed packets and TCP resets before they affect users. TCP resets can occur due to various reasons, like mobile proxies detecting prolonged connections or server issues within the Linux operating system, leading to unexpected connection terminations. Testing involves simulating scenarios like TCP resets using open-source tools on Unix-based systems, with steps including setting up port forwards and using IPFW to issue resets. Proper configuration and understanding of these processes help prevent potential misuse, such as Denial of Service attacks. Additionally, PubNub offers a platform to support developers in managing real-time interactivity for web and mobile apps, boasting a reliable and scalable real-time messaging network. PubNub provides tools and documentation to assist developers in setting up and managing their systems and ensuring optimal performance according to TCP and UDP protocol specifications.

PubNub's Data Stream Network is a robust and scalable service designed to enable real-time and responsive applications across various platforms, utilizing over 70 SDKs. It facilitates the swift and massive transfer of JSON messages via HTTP long polling or WebSockets, which are organized into channels for efficient data management. JSON's readability and compactness have made it a preferred format over XML, particularly in applications like IoT and chat. Users can publish and subscribe to channels using PubNub's SDKs in languages such as JavaScript, Ruby, and Python, requiring the establishment of a connection with unique PubNub keys. The service's vast scale and ease of integration make it attractive for developers looking to enhance their applications' capabilities in data streaming.