Tuesday, 12 July 2016

What is Bower And Why To Use Bower


Websites are made up of number of Things That include - Framework , Libraries , HTML , CSS , Javascript , Fonts, Images etc

To Keep Track of All These Packages and Making Sure they are up todate is not an easy thing . Bower act as an rescue for us

BOWER IS A FRONT-END PACKAGE MANAGER

Bower Do the Work of Installing and Updating Project Dependencies . That Includes Libraries that project uses like jquery etc .What it does is to go To All Library Websites Downloading the packages Unpacking them and place them in project folder so that project can use them and all of this is done use some set of commands.

Bower Help Us To Manage Components like HTML, CSS , Javascript ,fonts , images etc . Bower Just tries to maintain Version of the package as per our Dependency and Need For the Project as specified .

Bower Contains a File 'Manifest File' - bower.json This file is used by bower to keep track of managing packages . It work by fetching, saving , installing package from web and update them in bower.json

Getting Started With Bower

Complete List Of Bower Commands
https://bower.io/docs/api/

How To Install Bower

In Order to Install Bower You Need To Install NPM . The best way to install npm is to install node using the node.js installer. npm is installed as part of node.

Download NPM 

If you are using Linux Use Command Below to install NPM
sudo npm install npm -g

After Installing NPM Install Bower By Using Command Below
npm install -g bower

Intalling Packages Using Bower

$ bower install <package>

After Execution of this command bower_components folder will be create and all packages will reside under this folder


Bower Example

> bower install --save jquery # or bower i -S jquery
This command will download the latest version of jQuery into the bower_components/jquery folder.

Sample bower.js File

# installs the project dependencies listed in bower.json
$ bower install
# registered package
$ bower install jquery
# GitHub shorthand
$ bower install desandro/masonry
# Git endpoint
$ bower install git://github.com/user/package.git
# URL
$ bower install http://example.com/script.js



Monday, 11 July 2016

How To Generate Google Maps API Key



While Loading Web Page with Google Maps You May Suddenly Suffer with Javascript Error Below

Google Maps API error: Google Maps API error:

MissingKeyMapError

  1. Click on Link Below and After Link is Opened Click on 'Get A Key' Button
    https://developers.google.com/maps/documentation/javascript/get-api-key#get-an-api-key


  2. After Click on Get A Key you will be presented with Terms Of Use . You Must Need to Agree In order To Get A Key so No More Options Click on 'Agree and Continue' Button



  3. Choose Name of Key . Then Specify Website From where Google Maps API Will Be Accessed . Then Click on Create Button .


  4. Now You Will Be presented with API Key . Note down the key and Click on Ok Button


  5.  Open file which contains Google Maps script code Then add you API Key to end of  Google Maps JS file as Below 
    <script src="//maps.googleapis.com/maps/api/js?key=YOUR_API_KEY" async="" defer="defer" type="text/javascript"></script>
  6. In Above Script Tag you need to Replace "YOUR_API_KEY" with Key you obtained in Previous Step
  7. If you are not having "YOUR_API_KEY" Parameter then add an paramter as above <Script> Tag Above
  8. You API Key will be Ready To Use in 5 Minutes Maximum

Google To Train two Million Mobile Developers in India


Tech Giant Google on Monday launched "Android Skilling and Certification" programme to Help India To Produce High Quality Skilled Mobile Developers in India

This Programme Will Cover "Two Million" People and They Will Be Compiled To Skilled Mobile Developers and They will at Runtime By Making High Quality Android Apps . Through This Programme Google is Targetting Both talented Students as well as Mobile Developers To Train Them For Android App Development

As Caesar Sengupta, Vice President (Product Management) at Google Said Today -

"With nearly four million developers, India is expected to have largest developer population globally by 2018. But today, only 25 per cent of them are building for mobile"

Caesar Sengupta Told Reporers on Monday - "India is uniquely placed to innovate and shape the internet experience of billions of users who are currently online or will come online in future"

Google also lauched instructor-led training programme on Android fundamentals to provide person training to students studying in all Indian universities Including Private as well as Public Universities and Training Institutes of National Skill Development Corporation of India . This Course will be Available to All of Them Without Any Cent  TO NTPEL . It will available to them as part of 'Mobile Computing' Course Starting From July 18

Google Has also Launched Android Certification Program "Associate Android Developer Certification"  that will help candidates to get Starter Android Developer Job . You Can login to Google Developer Training Website and Take Exam . Fee for Exam is Rs 6,500/-

Google will also open-source all Android Developer Fundamentals practicals and courseware and make these available to everyone for free.

Google Maps API Error Missing Keymap Error


Google recently changed the terms of use for Google Maps APIs. if you were already using Google Maps API on your website (different from localhost) prior to June 22nd, 2016, nothing will change for you. After 22 June,2016, you Must Need an API key in order to fix your error. You Can't Use Google Maps API With Generating Key To Use Google API's . The free API key is valid up to 25,000 map loads per day.

As per Google recent announcement, usage of the Google Maps APIs now requires a key. If you are using the Google Maps API on localhost or your domain was not active prior to June 22nd, 2016, it will require a key going forward. 

Google no longer support keyless access (any request that doesn't include an API key). Now You must include API Key in your googleMap API Request .It includes all API Request like GoogleMaps Places , Autopicker , Google Maps Javascript API , Location Picker API .You can't Use Google Maps API without API Key generated for Google Maps . API keys allow us to contact developers when required and help us identify misbehaving implementations.

How To Generate Google Maps API Key

GOOGLE CHANGED STANDARD PLANS FOR USING GOOGLE MAPS



New Features of Android N




Virtual reality In Android N

Virtual Reality is a big piece of the Android N puzzle. Google Has Powered Android 'N' with a new Android-powered platform called Daydream .But that also needs SmartPhone Makers To Upgrade their SmartPhones You Will need a Daydream-certified phone with the required Type of Compatible display and sensors, So that they can work with VR mode in Android

Companies will now have to produce their own headsets that fit the Daydream standard . Samsung, HTC, LG, Xiaomi, Huawei, ZTE, Asus, and Alcatel are providing onboard Daydream-compatible phones.

Keyboard themes! In Android N

Not a Big Features But Style Has also a Importance While Operating OS .
There are a Number of themes available for Google keyboard. You can choose various colors, add or remove the borders between keys, and even set a photo as a backdrop. It’s honestly kind of neat.



Android N Performance Improvements


Google Claimed Performance Improvements in Various Aspects of Android OS , Android N is Improved in various Performance aspects As compared to All Previous Versions . Android N is Using New Graphics API Called Vulkan , Vulkan is also targetted to be used in PC gaming and it provides high visual performance on Tabs and Smartphones performance on phones and tablets.

Android N is Using JIT Compiler . JIT Compiler will help to improve Battery Life

Split Screen In Android N

In Android N you can use Task-Switching Button or you can double-tap it to instantly switch to your most recently used app. Google Named it Quick Switch, you can alsouse Alt-Tab in Android to do this .

Android N supports the split-screen. This Feature is very popular in Multi-Tasking Long pressing on the multitasking button now gives you the open to run two apps side by side on your Android phone. This is very useful for people with Large Screen Smartphones

Better Notifications 

Android N Is no having A new Improved Look For Notifications Panel . If more wider with Small Icons . You Can now Expand Notifications and No need to Swap For taking actions in Notifications panel.  Long pressing on notification for an app will will take you to panel to control how you'll receive alerts from the app in future. You can choose whether to display Notifications for that app or  block them .
















New Emonji

Android N is also Have Improved New Emonji Icons .Its have 13 new Emonji