Mobile-Web-App

Monday, October 13, 2014

JavaScript & jQuery: The Missing Manual, 3rd Edition

JavaScript & jQuery: The Missing Manual

JavaScript lets you supercharge your HTML with animation, interactivity, and visual effects—but many web designers find the language hard to learn. This easy-to-read guide not only covers JavaScript basics, but also shows you how to save time and effort with the jQuery and jQuery UI libraries of prewritten JavaScript code. You’ll build web pages that feel and act like desktop programs—with little or no programming.

The important stuff you need to know:

Pull back the curtain on JavaScript. Learn how to build a basic program with this language.
Get up to speed on jQuery. Quickly assemble JavaScript programs that work well on multiple web browsers.
Transform your user interface. Learn jQuery UI, the JavaScript library for interface features like design themes and controls.
Make your pages interactive. Create JavaScript events that react to visitor actions.
Use animations and effects. Build drop-down navigation menus, pop-ups, automated slideshows, and more.
Collect data with web forms. Create easy-to-use forms that ensure more accurate visitor responses.
Practice with living examples. Get step-by-step tutorials for web projects you can build yourself.

Wednesday, August 13, 2014

Chrome Dev Editor (developer preview) - tool for building apps on Chrome platform

Chrome Dev Editor (CDE) is a developer tool for building apps on the Chrome platform - Chrome Apps and Web Apps, in JavaScript or Dart. CDE is built as a Chrome App written in Dart and uses Polymer. CDE runs on Windows, Mac, Linux, and Chrome OS! CDE supports Git, Polymer, and mobile development.

Install Chrome Dev Editor (developer preview) from Chrome Web Store.

Check out the video from Google I/O 2014 about building apps on the Chrome platform and how Chrome Dev Editor (CDE) is build.

Thursday, August 7, 2014

Node.js Tutorial with Ryan Dahl, creator of Node.js

Wednesday, July 16, 2014

Node.js example - retrieve dir and base using path module

The "path" module contains utilities for handling and transforming file paths.

Example to using path module:

var http = require("http");
var path = require("path");
 
http.createServer(function(request, response){
 
 var dirname = path.dirname(decodeURI(request.url));
 var basename = path.basename(decodeURI(request.url));
 
 response.writeHead(200, {"Content-Type": "text/plain"});
 response.write("Hello World! \n");
 response.write("from mobile-web-app.blogspot.com \n");
 
 response.write("dirname: " + dirname + "\n");
 response.write("basename: " + basename + "\n");
 
 response.end();
}).listen(8888);

Friday, June 27, 2014

Example of Javascript String comparison

Example of Javascript String comparison:

<html>
<body>
<script>
console.log("mobile-web-app Javascript String comparison");
var result1 = 'abc'===new String('abc');
var result2 = 'abc'===new String('abc').toString();
var result3 = 'abc'== new String('abc');
var result4 = 'abc'== new String('abc').toString();

console.log("'abc'===new String('abc') : " + result1);
console.log("'abc'===new String('abc').toString() : " + result2);
console.log("'abc'== new String('abc') : " + result3);
console.log("'abc'== new String('abc').toString() : " + result4);
</script>

</body>
</html>

Thursday, June 19, 2014

Polymer: making Web Components accessible

Custom elements allow you to create your own encapsulated components on the web, however there are a number of questions that arise from this. How do you build elements that are accessible to everyone? Can they be navigated with a keyboard? How well do they work with screenreaders and ARIA? Learn how to create accessible elements that all your users can benefit from.

Wednesday, June 18, 2014

Polymer: Interacting with Google Services with HTML only

Google has over 250 APIs and services. Every API is different! Eric Bidelman shows you how you can interact with Google services without writing code!