Posts Tagged: css

DIY Mobile Programming: Get Started with HTML, CSS, and Javascript

“If you can build your app with HTML, CSS & JavaScript, then you probably should.” – @jonathanstark #wdx (via @garazi)

Some friends recently asked on Twitter what was the best way to start programming mobile apps with Nokia’s Qt, as they found that it was not as easy as the publicity from Nokia had purported Qt to be.

I replied: “When devs say a ‘framework’ is “easy” it is code for “It won’t take 15 months of 10 hour days & make you want to KILL yourself.”

Anyone who has developed an application, be it for the desktop or mobile, can tell you that framework makes it so much easier, but easy is a relative term. What easy may mean is that development time is reduced from 6 months to 6 weeks or less. Still not that easy, but easier and a big relief.
For folks who want to learn to create and develop their own mobile apps, but don’t have much programming experience or little at all, I would like to suggest starting with developing a simple app in HTML, CSS, and Javascript to get your feet wet and see if you can get your idea up and running either as a mobile web app or as a native mobile app that is coded in HTML, CSS, and Javascript.
As I wrote in DIY Dev: Program or be Programmed a couple of weeks back, there comes a time when your own natural diy urge or curiosity or frustration with a lack of an app drives one to learn how to program a computer, server, or mobile phone so that the itch has been scratched.
Rather than get bogged down in the debate between mobile web apps and native apps, let me give a few links to resources out there to help get you started on creating your own mobile HTML, CSS, Javascript app be it for the mobile web or a native app:
Cross Platform HTML, CSS, Javascript Mobile Development Frameworks:
PhoneGap – http://www.phonegap.com/
Sencha – http://www.sencha.com/
JQuery Mobile – http://jquerymobile.com/
Qt Quick – http://qt.nokia.com/products/qt-quick/
Tutorials and Presentations:
Building Mobile Apps with HTML, CSS, and JavaScript
HOWTO: Create native-looking iPhone/iPad applications from HTML, CSS and JavaScript
Forum Nokia on Developing for the Mobile Web
Tips and Tricks for developing Mobile Widgets
Books:
Programming the Mobile Web
Beginning Smartphone Web Development: Building Javascript, CSS, HTML and Ajax-Based Applications
Building Android Apps with HTML, CSS, and JavaScript
Have fun, get coding, and send us/ let’s us know what you have created.
*******
Ms. Jen’s DIY Programming Series:
DIY Dev: Program or be Programmed
DIY Mobile Programming: Get Started with HTML, CSS, and Javascript
DIY Programming: Should HTML be Required for Literacy in the 21st Century?