C Programming - Video Tutorials


In computing, C is a general-purpose programming language initially developed by Dennis Ritchie between 1969 and 1973 at AT&T Bell Labs. Like most imperative languages in the ALGOL tradition, C has facilities for structured programming and allows lexical variable scope and recursion, while a static type system prevents many unintended operations. Its design provides constructs that map efficiently to typical machine instructions, and therefore it has found lasting use in applications that had formerly been coded in assembly language, most notably system software like the Unix computer operating system.

C is one of the most widely used programming languages of all time, and C compilers are available for the majority of available computer architectures and operating systems.

Here is C Programming - Video Tutorials

Java Programing - Video Tutorials in Urdu & Hindi


Java is a computer programming language that is concurrent, class-based, object-oriented, and specifically designed to have as few implementation dependencies as possible. It is intended to let application developers "write once, run anywhere" (WORA), meaning that code that runs on one platform does not need to be recompiled to run on another. Java applications are typically compiled to byte code (class file) that can run on any Java virtual machine (JVM) regardless of computer architecture. Java is, as of 2014, one of the most popular programming languages in use, particularly for client-server web applications, with a reported 9 million developers. Java was originally developed by James Gosling at Sun Micro-systems (which has since merged into Oracle Corporation) and released in 1995 as a core component of Sun Micro-systems' Java platform. The language derives much of its syntax from C and C++, but it has fewer low-level facilities than either of them.

Here is Java Programming - Video Tutorials in Urdu & Hindi


Social Meta Tags for Google, Twitter and Facebook


Meta tags are the HTML or XHTML <meta … > element used to provide structured metadata about a Web page. Multiple Meta tags with different attributes are often used on the same page. Meta tags can be used to specify page description, keywords and any other metadata not provided through the other head elements and attributes.The metadata can be used by browsers (how to display content or reload page), search engines (keywords), or other web services.

Note: <meta> tags always goes inside the <head> element. Metadata is always passed as name/value pairs. In HTML the <meta> tag has no end tag. In XHTML the <meta> tag must be properly closed.

I have already posted the blog with name META Tags for HTML.

Meta Tags for Discoverability

This helps to improves Google ownership for search engine optimization(SEO).
<meta property="place:location:latitude" content="13.062616"/>
<meta property="place:location:longitude" content="80.229508"/>
<meta property="business:contact_data:street_address" content="Street Name"/>
<meta property="business:contact_data:locality" content="City Name"/>
<meta property="business:contact_data:postal_code" content="ZIP Code"/>
<meta property="business:contact_data:country_name" content="Country"/>
<meta property="business:contact_data:email" content="cotact@mail.com"/>
<meta property="business:contact_data:phone_number" content="+91 1234567890"/>
<meta property="business:contact_data:website" content="http://www.website.com"/>

Google Plus

Here add you website details.
<meta itemprop="name" content="Website Name"/>
<meta itemprop="description" content="Website Description"/>
<meta itemprop="image" content="https://website.com/image250X250.png"/>

Google Structured Data Testing Tool
http://www.google.com/webmasters/tools/richsnippets

Twitter

<meta name="twitter:card" content="summary"/>
<meta name="twitter:site" content="Website Name"/>
<meta name="twitter:title" content="Website Name">
<meta name="twitter:description" content="Website  Description"/>
<meta name="twitter:creator" content="Author Name"/>
<meta name="twitter:image:src" content="https://website.com/image250X250.png"/>
<meta name="twitter:domain" content="website.com"/>

Twitter Verification - Validate your website here
https://dev.twitter.com/docs/cards/validation/validator

Facebook

Modify with your website and Facebook profile details.
<meta property="og:type" content="profile"/> 
<meta property="profile:first_name" content="First Name"/> 
<meta property="profile:last_name" content="Last Name"/>
<meta property="profile:username" content=""/>
<meta property="og:title" content="Website Name"/>
<meta property="og:description" content="Website  Description"/>
<meta property="og:image" content="https://website.com/image250X250.png"/>
<meta property="og:url" content="http://www.website.com"/>
<meta property="og:site_name" content="Website Name"/>
<meta property="og:see_also" content="http://www.website.com"/>
<meta property="fb:admins" content="Facebook_ID"/>

Facebook debugger tool to validate meta information
https://developers.facebook.com/tools/debug

JavaScript Array Methods

Array Methods

Javascript defines a number of useful array manipulation functions on prototype, which means that they are available as methods of any These Javascript methods are introduced in the below:

join()

The join() method converts all the elements of an array to strings and concatenates them.

Here are some examples:
var a = [1, 2, 3]; // Create a new array with these three elements
a.join(); // => "1,2,3"
a.join(" "); // => "1 2 3"
a.join(""); // => "123"
a; // => [1, 2, 3] now a is in orignal form

reverse()

The reverse() method reverses the order of the elements of an array and returns the reversed

Here are some examples:
var a = [1,2,3]; // Create a new array with these three elements
a.reverse(); // => [3,2,1]
a;  // => [3,2,1]

sort()

The sort() method sorts the elements of an array and returns the sorted When sort() is called with no arguments, it sorts the array elements in Alphabetical order.

Here are some examples:
var a = [2,3,1]; // Create a new array
a.sort(); // => [1,2,3]
var a = ["banana", "cherry", "apple"]; // Create a new array
a.sort(); // => ["apple", "banana", "cherry"]

concat()

The concat() method creates and returns a new array that contains the elements of the original array on which concat() was invoked, followed by each of the arguments to concat().

Here are some examples:
var a = [1,2,3]; // Create a new array
a.concat(4, 5) // => [1,2,3,4,5]
a.concat([4,5]); // => [1,2,3,4,5]
a.concat([4,5],[6,7]) // => [1,2,3,4,5,6,7]
a.concat(4, [5,[6,7]]) // => [1,2,3,4,5,[6,7]]

slice()

The slice() method returns a slice, or subarray, of the specified Its two arguments specify the start and end of the slice to be returned. An argument of -1, specifies the last element in the An argument of -3, specifies the third last element in the

Here are some examples:
var a = [1,2,3,4,5]; // Create a new array
a.slice(0,3); // => [1,2,3]
a.slice(3); // => [4,5]
a.slice(1,-1); // => [2,3,4]
a.slice(-3,-2); // => [3]

splice()

The splice() method for inserting or removing elements from an It can delete elements from an array, insert new elements into an array, or perform both operations at the same time.

Here are some examples:
var a = [1,2,3,4,5,6,7,8]; // Create a new array
a.splice(4); // => delete elements from index 4 to at last [5,6,7,8] and a is [1,2,3,4]
a.splice(1,2); // => delete elements from index 1 to 2 [2,3]; a is [1,4]
a.splice(1,1); // => delete elements from index 1 to 1 [4]; a is [1]
var a = [1,2,3,4,5]; // Create a new array
a.splice(2,0,'a','b'); // => []; a is [1,2,'a','b',3,4,5]
a.splice(2,2,[1,2],3); // => ['a','b']; a is [1,2,[1,2],3,3,4,5]

push()

The push() method appends one or more new elements to the end of an array and returns the new length of the array.

Here are some examples:
var a = []; // Create a new array
a.push(1,2); // => 2 and a is[1,2]
a.push(3,4); // => 4 and a is [1,2,3,4]

pop()

The pop() method deletes the last element of an array, decrements the array length, and returns the value that it removed.

Here are some examples:
var a = [1,2,3,4]; // Create a new array
a.pop(); // => 4 and a is[1,2,3]
a.pop(); // => 3 and a is [1,2,]

unshift()

The unshift() method adds an element or elements to the beginning of the array, shifts the existing array elements up to higher indexes to make room, and returns the new length of the array.

Here are some examples:
var a = []; // Create a new array
a.unshift(1); // => 1 and a is [1]
a.unshift(22); // => 2 and a is [22,1]

shift()

The shift() method removes and returns the first element of the array, shifting all subsequent elements down one place to occupy the newly vacant space at the start of the array.

Here are some examples:
var a = [1,2,3]; // Create a new array
a.shift(); // => 1 and a is [2,3]
a.shift(); // => 2 and a is [3]

toString()

The toString() method converts each of its elements to a string and outputs a comma-separated list of those strings.

Here are some examples:
[1,2,3].toString() // => '1,2,3'
["a", "b", "c"].toString() // => 'a,b,c'
[1, [2,'c']].toString() // => '1,2,c'

List Of Blogger Conditional Tags



Conditional tags are Blogger template tags that allow you to specify parts of your template to appear only under certain conditions. One particularly useful application of conditional tags is in specifying on which page or pages a HTML element should appear.

Ever wish you could display only relevant widgets onto a page, hide sidebars on certain pages, display different buttons on different pages, or apply a meta tag only to selected pages? Well, if applied properly, conditional tags can make all that happen.

Blogger Conditional Tag Syntax:

<b:if cond='TYPE_CONDITION_HERE'>


List Of Blogger Conditional Tags

Index (list) pages

Index pages include homepage, labels page and yearly archive page.
<b:if cond='data:blog.pageType == "index"'>

Post (item) pages

<b:if cond='data:blog.pageType == "item"'>

Static pages

<b:if cond='data:blog.pageType == "static_page"'>

Archive pages

<b:if cond='data:blog.pageType == "archive"'>

Homepage

<b:if cond='data:blog.url == data:blog.homepageUrl'>

Specific page/URL

<b:if cond='data:blog.url == "PUT_URL_HERE"'>

Post and static pages

<b:if cond='data:blog.url == data:post.url'>

Label-search pages

<b:if cond='data:blog.searchLabel'>

First post

This is not a page, but a conditional for the first post. Used for targeting the first post on multi-post pages.
<b:if cond='data:post.isFirstPost'>

Meta Tags for HTML


Meta tags are the HTML or XHTML <meta … > element used to provide structured metadata about a Web page. Multiple Meta tags with different attributes are often used on the same page. Meta tags can be used to specify page description, keywords and any other metadata not provided through the other head elements and attributes.The metadata can be used by browsers (how to display content or reload page), search engines (keywords), or other web services.

Note: <meta> tags always goes inside the <head> element. Metadata is always passed as name/value pairs. In HTML the <meta> tag has no end tag. In XHTML the <meta> tag must be properly closed.


One way to improve your blog SEO (Search Engine Optimization) is to add in description and keywords meta tags. They are placed inside the head section of your blog template HTML.

Defining the Description for Search Engine:


<meta name="description" content="Free Tutorials Point">

Defining Keyword for Search Engine:


<meta name="keywords" content="HTML5,CSS3,JavaScript,PHP,MySQL,Blogger">

Defining Author of Site or Blog:


<meta name="author" content="Bilal Raza">

Specify the name of the Web application that the page represents:


<meta name="application-name" content="Blogger">

Specify the software packages used to generate the document:


<meta name="generator" content="M.S. Office">

Specify the character encoding for the HTML Document:


<meta charset="UTF-8">

Specify the time interval (in sec.) of the HTML Document in Every 30 Second:


<meta http-equiv="refresh" content="30">

jQuery - Video Tutorials in Urdu & Hindi


jQuery is a cross-platform JavaScript library designed to simplify the client-side scripting of HTML. It is currently developed by a team of developers led by Dave Methvin. Used by over 65% of the 10,000 most visited websites, jQuery is the most popular JavaScript library in use today.

In this video tutorial we’ll learn the most popular JavaScript’s online library jQuery which is mostly used in web development projects, this tutorial is in Urdu & Hindi.

What You Should Already Know

Before you start studying jQuery, you should have a basic knowledge of:
  • HTML
  • CSS
  • JavaScript

What is jQuery?

jQuery is a lightweight, "write less, do more", JavaScript library.
The purpose of jQuery is to make it much easier to use JavaScript on your website.
jQuery takes a lot of common tasks that require many lines of JavaScript code to accomplish, and wraps them into methods that you can call with a single line of code.
jQuery also simplifies a lot of the complicated things from JavaScript, like AJAX calls and DOM manipulation.

The jQuery library contains the following features:
  • HTML/DOM manipulation
  • CSS manipulation
  • HTML event methods
  • Effects and animations
  • AJAX
  • Utilities

Here is New jQuery - Video Tutorials in Urdu & Hindi