HTML5 Skeleton with Bootstrap CSS and jQuery 3 Document Ready

This skeleton template allows you to quickly write a web page. It includes the boilerplate you would write anyway: Bootstrap CSS and an inline style; jQuery and a document ready function; and some text wrapped in a div.container.

Posted in Uncategorized | Tagged , , , , , | Leave a comment

Aikataulu – Mobiilituotekehitys bus4tn008-5 syksyllä 2015

Keksi oma Android-ohjelma, koodaa se Cordovalla (HTML5+JavaScript) tai Javalla – ja julkaise maailmanlaajuisesti Google Playssa. Aiemmilla kursseilla menestyivät Cordovalla toteutetut Laurin Times Table Grid Game (yli 50 000 asennusta), Villen Hirsipuu Suomi (yli 10 000 asennusta)  ja Elmon SuomiSanakirja (yli … Continue reading

Posted in Uncategorized | Tagged , , , , , , , , | 28 Comments

Hello Cordova – Develop Android Apps on Ubuntu Linux

Write Android Apps in HTML5 and JavaScript. Cordova allows access to hardware (GPS, accelerometer…) and packaging for Google Play.

Posted in Uncategorized | Tagged , , , , , , , , , , , , , , | 6 Comments

Aikataulu – Mobiilituotekehitys bus4tn008-3 syksyllä 2013

Keksi oma Android-ohjelma, koodaa se (HTML5+JavaScript) ja julkaise maailmanlaajuisesti Google Playssa. Edellisellä kurssilla menestyivät Laurin Times Grid Table (yli 10 000 asennusta), Villen Hirsipuu Suomi (yli 10 000 asennusta)  ja Elmon SuomiSanakirja (yli 1 000 asennusta).

Posted in Uncategorized | Tagged , , , , , , | 95 Comments

Javascript Basics – variable function loop if-then-else print

Learn the very basics of Javascript: variables, functions, loops, if-then-else and printing. Run the short example in your browser, then view the source. Knowing the basics will make it more fun to jQuery/PhoneGap/Cordova/ProcessingJs.

Posted in Uncategorized | Tagged , , , , , , , , , , , , , | Leave a comment

Processing.js Graphics in PhoneGap/Cordova – Example for Android

Create simple graphics and animations with Processing.js. You can publish your games and graphics as Android Apps with Cordova. Cordova (aka PhoneGap) allows you to write Android and IOS apps with HTML5 and Javascript.

Posted in Uncategorized | Tagged , , , , , , , , , | Leave a comment

Memory Game in Whole Helsinki

Play memory game – using the whole Helsinki as a map! My students Panu Koskela and Henry Kokko submitted their game to Apps4Finland. Competition entry on Apps4Finland Youtube video Free Android Download on Google Play

Posted in Uncategorized | Tagged , , , , , , , , , , , , | Leave a comment

Hello PhoneGap – from xUbuntu 12.04 Live CD

Install PhoneGap development environment and emulator from scratch. Start writing Android applications with Javascript and HTML. Guru version Hello Android $ sudo apt-get -y install ia32-libs eclipse Eclipse: Help: Install New Software. https://dl-ssl.google.com/android/eclipse/. Install Android 2.2. New Android Virtual Device? … Continue reading

Posted in Uncategorized | Tagged , , , , , , , , , , , | 2 Comments

Teaching PhoneGap – Write Apps in Javascript and HTML5

I’ll teach the next mobile development course in PhoneGap. The Haaga-Helia course Mobiilituotekehitys bus4tn008-2 will be in Finnish. The course seems to be fully booked already, but you can get a place if someone cancels. I’ll teach the course with … Continue reading

Posted in Uncategorized | Tagged , , , , , , , , , , , | 2 Comments

Getting Started with OpenLayers and OpenStreetmap

Add a free, interactive map on your homepage. Just plain HTML5 and JavaScript, no special server needed. Live demo with source. No API keys needed. And if you really like it, you can later download planet vector data for free! … Continue reading

Posted in Uncategorized | Tagged , , , , , , , , | Leave a comment

Bootstrap CSS – Quickly Style Your HTML5 Page – Skeleton

Bootstrap (from Twitter), is a Free CSS framework. Bootstrap has table-free layouts, navbars, buttons, icons and automatic scaling for mobile devices. Copy bootstrap.css and bootstrap-responsive.css to your website, link the stylesheets and you’re ready to go. <!doctype html> <html> <head> … Continue reading

Posted in Uncategorized | Tagged , , , , , | 1 Comment

Short HTML5 page

Start writing your HTML5 page with this “Hello world”. Test your page with validator.w3.org. Charset is needed for scandics and other special characters. Short valid HTML page <!doctype html> <html> <head> <title>Tero’s Test Page</title> <meta charset=”utf-8″ /> </head> <body> <h1>Tero’s … Continue reading

Posted in Uncategorized | Tagged , , , , , , , , | Leave a comment
  • Picks

  • Boxing Clock for AndroidOcton8 Diving T-ShirtsShaking Tower Panda Android GameLearn Chinese with Android
  • Student projects