Tutorial to a create Google chrome app extension

Hey guys,in this post,I am going to share with you on how to create a simple Hello World app for Google Chrome App or extension. Why Hello world? Why not a tutorial to build other app?

Ok, lets make things simple. First of all,based on my understanding, in order to create a Google chrome app/extension. It is just like build a html website and package it with manifest.json files.
In Google chrome app/extension. It's just need a file with
  • a manifest.json file
  • a .html file
  • a .css file
  • a. javascript file (can also include jQuery inside javascript)
Take note here,please don't include javaScript code's in HTML file. Chrome hate it! Make sure save it in separate file. So,if you good with building websites, i dont think that will be a problem. Its same.

So,lets start. All you need is ideas,a Chrome web browser and a text editor.

1. Create a folder to save all your files inside. Can put anywhere,make sure you remember it. Prefer to put it in Desktop(for windows). Like me,i create in Home folder in Ubuntu/Linux. So,name anything for your folder. Like me,i create a folder called "chrome app".

How to install Java jdk in Linux/Ubuntu

Hey there,since i am IT student. We all need to have java in our computer. So, if you using Ubuntu,how to install it? Well, luckily I found a tutorial in YouTube. It is easy. Just make sure you good internet connection. The installation will take more than 5 minutes.

So,first thing first. Open Terminal.

This are the command used. The first 3 steps is for preparing the installation process.
PS:// when you type sudo for first time, it will ask your PC password,just type it slowly. you will understand why.

1. sudo apt-get install python-software-properties
2. sudo add-apt-repository ppa:webupd8team/java
3. sudo apt-get update
4. sudo apt-get install oracle-java7-installer

If you want to understand more,please watch this video. Have a nice day :)

LinkWithin

Related Posts Plugin for WordPress, Blogger...
 
Life Is Simple LA! © Life-Is-Simple-LA!!!-2010-till now.