A touch of Responsive Web Apps

The “Touch” Revolution

When the first iPhone was announced, Steve Jobs also announced to developers that they don’t need to learn a new language just to make apps because the iPhone can run “Web Apps” or a.k.a “Web 2.0” and stated that you can use the available web technologies to make apps. (Yes, the first iPhone doesn’t have an app store either) that runs on Safari. But things changed when Apple officially announced an official SDK to make “Native Apps” and also the rise of the “App Store” revolution and everything changed since then.

The HTML5 Revolution


Steve doesn’t like flash. And said that “New open standards created in the mobile era, such as HTML5, will win on mobile devices (and PCs too).” thus the beginning of the “HTML5” revolution.

It’s 2012 and years after the first iPhone was released the web has grown and a lot of companies supported HTML5. But it didn’t stop there.

Then came PhoneGap created by Nitobi which then was acquired by Adobe. So What is PhoneGap? I let Wikipedia do the talking:

It enables software programmers to build applications for mobile devices using JavaScript, HTML5 and CSS3, instead of device specific languages such as Objective-C.[7] The resulting applications are hybrid, meaning that they are neither truly native (because all layout rendering is done via web views instead of the platform’s native UI framework) nor purely web-based (because they are not just web apps, but are packaged as apps for distribution and have access to native device APIs).

(Other than PhoneGap, there are lots of tools that does the same thing which i will not mention, but you can google it.)

And a lot of companies like Mozilla, Microsoft, Nokia and BlackBerry now supports web technologies to make native web apps.

Let me highlight these words: “Web” + “Apps” + “Browser”

Building Web Apps is no different from building a website. If you know how to build your website using HTML5 and know responsive web design then you’ll have to adjust to the platform you want to work on. But if you haven’t, you might want to open your favorite search engine and start learning now. 🙂

Seriously, learning a new language is hard but it’s harder when you try to code without understanding what that code actually does for you. One effective way  is to learn and write code. Understand first and apply. Trust me, it’s easier to code when you know what to do.

And a little motivation should do the trick!

Don’t forget JavaScript!

JavaScript is the programming language made not just for the web but also for all the devices that runs a browser. A LOT of platform uses JavaScript just to operate a certain task like Firefox OS, BlackBerry’s WebWorks and WebOS heavily relies on that, so you have to understand and learn JavaScript!

Explore. Make. Deliver.

Explore new technologies, frameworks and other stuff that could help you deliver that next big thing! Make the best choice and focus. Deliver!

One comment