PHP first launched with the name (Personal Home Page) but then changed to PHP Hypertext Preprocessor. PHP is the most used module for the apache web server running over millions of website over internet, PHP was first written by Rasmus Lerdorf and used with Perl and CCI Scripts to track users for there web page. Soon the core group of developer launched the api for it an launched PHP3 in the market. Then rewriting PHP3 by the ZEND transform it to PHP4. PHP4 is much faster then PHP3, more stable and more reliable. Current version of PHP is PHP 5.3.3 in the market.

Why PHP??

PHP  has four major advantage for whic it is known Speed, Stability, Security and Simplicity.

1) Speed: PHP script execute very fast and it do not take much computer resource while executing and easily configured with other OS.

2) Stability: PHP is highly Stable Language.  As in every language there are some bugs but with a large PHP developer community there is very less chance for the error.

3) Security: PHP language is highly secure as PHP provide much deeper level of security in it’s .ini files.

4) Simplicity: Most of the PHP codes are take from the c language so it is easy for the programmer for more more productive. PHP language cna be easily embedded with the HTML tags or JavaScript so it is more compatible to work with.

5) Platform Independent: PHP can run on almost any platform, It is designed for windows, unix and many more platform support PHP.

6) OpenSource: A large community of developer fix the bugs not an individual organization.

7) Freeware: Completely free to use, just download and start using it.

PHP  career development (job opportunity)

As there are more the 19 million website over internet use PHP. So there is a large demand of PHP developer to work in the different area as to provide quality service t the costumer. There are very bright future for the PHP developer.  So best wishes for all the PHP developers for there successful career.

Use our excellent jQuery Selector.

Selector	Example	Selects
*	$(“*”)	All elements
#id	$(“#lastname”)	The element with id=lastname
.class	$(“.intro”)	All elements with
element	$(“p”)	All p elements
.class.class	$(“.intro.demo”)	All elements with the classes “intro” and “demo”
:first	$(“p:first”)	The first p element
:last	$(“p:last”)	The last p element
:even	$(“tr:even”)	All even tr elements
dd	$(“tr:odd”)	All odd tr elements
:eq(index)	$(“ul li:eq(3)”)	The fourth element in a list (index starts at 0)
:gt(no)	$(“ul li:gt(3)”)	List elements with an index greater than 3
:lt(no)	$(“ul li:lt(3)”)	List elements with an index less than 3
:not(selector)	$(“input:not(:empty)”)	All input elements that are not empty
:header	$(“:header”)	All header elements h1, h2 …
:animated	$(“:animated”)	All animated elements
:contains(text)	$(“:contains(‘W3Schools’)”)	All elements which contains the text
:empty	$(“:empty”)	All elements with no child (elements) nodes
:hidden	$(“p:hidden”)	All hidden p elements
:visible	$(“table:visible”)	All visible tables
s1,s2,s3	$(“th,td,.intro”)	All elements with matching selectors
[attribute]	$(“[href]“)	All elements with a href attribute
[attribute=value]	$(“[href='default.htm']“)	All elements with a href attribute value equal to “default.htm”
[attribute!=value]	$(“[href!='default.htm']“)	All elements with a href attribute value not equal to “default.htm”
[attribute$=value]	$(“[href$='.jpg']“)	All elements with a href attribute value ending with “.jpg”
:input	$(“:input”)	All input elements
:text	$(“:text”)	All input elements with type=”text”
:password	$(“:password”)	All input elements with type=”password”
:radio	$(“:radio”)	All input elements with type=”radio”
:checkbox	$(“:checkbox”)	All input elements with type=”checkbox”
:submit	$(“:submit”)	All input elements with type=”submit”
:reset	$(“:reset”)	All input elements with type=”reset”
:button	$(“:button”)	All input elements with type=”button”
:image	$(“:image”)	All input elements with type=”image”
:file	$(“:file”)	All input elements with type=”file”
:enabled	$(“:enabled”)	All enabled input elements
:disabled	$(“:disabled”)	All disabled input elements
:selected	$(“:selected”)	All selected input elements
:checked	$(“:checked”)	All checked input elements

1. Initially we have a div with id box.
2. Using jquery animate() effect we move the box in right direction.
3. CSS property (Left: 150px; and position: relative;) is to be focused.
4. Apply jQuery function animate() to create animation effect.

HTML Code:

<div id=”box”>

<p>NeepanTech PHP Training and .NET Training</p>

</div>

CSS CODE:

<style type=”text/css”>

#box{

position: relative;

width: 300px;

height: 300px;

background-color: yellow;

}

</style>

jQuery Code:

<script type=”text/javascript”>

$(function(){

$(‘#box’).click(function(){

$(this).animate({“left” : “300px”,

“width” : “100px”

}, 2000);

});

});

</script>

Download Code View Demo

1. Our Task is to change the color of the anchor using jquery function and using toggle() with slideDown().
2. We have div with id box with all anchor links with red color.
3. As we click the Click Me button the color of the links change and the toggle() start working.

HTML Code:

<div id=”box”>

<a href=”http://www.neepantech.com”><img src=”12.png” alt=”NeepanTech Logo”/></a>

</div>

<p><a href=”#” id=”css-color”>Click Me</a></p>

<p>

NeepanTech Provide Training in.

.NET Technology Training

<a href=”http://www.neepantech.com”>PHP Technology Training</a>

Search Engine Optimization

<a href=”#”>WordPress Training</a>

Joomla Training

</p>

CSS Code:

<style type=”text/css”>

#box{

display: none;

}

p a{

color: red;

}

</style>

jQuery Code:

<script type=”text/javascript”>

$(function(){

$(‘#css-color’).click(function(){

$(‘#box’).toggle(“slideDown()”);

$(‘p a’).css(‘color’, ‘blue’);

});

});

</script>

Download Code View Demo

There are lot of effects in jquery that help your GUI look better, Here is the simple example of how effects take place.

1. Take a div name box.
2. insert image inside the div#box
3. Using CSS hide the div Property (display: none;).
4. Apply jQuery Effects.

HTML Code:

<div id=”box”>

<a href=”http://www.neepantech.com”><img src=”12.png” alt=”NeepanTech Logo”/></a>

</div>

<a href=”#” id=”showlogo”>Show</a><br />

<a href=”#” id=”hidelogo”>Hide</a><br />

<a href=”#” id=”fadelogo”>FadeIn</a><br />

<a href=”#” id=”fadeoutlogo”>FadeOut</a><br /><br /><br /><br />

<h1>Neepantech.com</h1>

<a href=”http://www.neepantech.com/courses/php-and-mysql-training-course”>PHP Training</a>

Css Code:

<style type=”text/css”>

#box{

display: none;

}</style>

jQuery Code:

<script type=”text/javascript”>

$(function(){

$(‘#showlogo’).click(function(){

$(‘#box’).show(2000);

});

$(‘#hidelogo’).click(function(){

$(‘#box’).hide(2000);

});

$(‘#fadelogo’).click(function(){

$(‘#box’).fadeIn(2000);

});

$(‘#fadeoutlogo’).click(function(){

$(‘#box’).fadeOut(2000);

});

});

</script>

Download Code Show Demo

1. Create a div navigation for the menu.
2. Create a div login-window for the login.
3. With the help of CSS Property (display: inline) hide the div.
4. Call the div using the jquery.

If you want jquery to be executed after the document is completed loaded then use.

$(function(){
});

CSS Coding

<style type=”text/css”>

*{

margin: 0px;

paddin: 0px;

}

body{

width: 900px;

margin: 0 auto;

}

label{

width: 100px;

display: block;

float: left;

text-align: right;

margin: 5px 20px 5px 0;

}

#frame{

width: 50px;

left: 120px;

position: relative;

}

br{

clear: left;

}

#login-window{

width: 500px;

margin:0px auto;

padding: 50px 0;

background-color: #dfdfdf;

display: none;

}

ul{

margin: 30px 0 0 0;

background-color: #dfdfdf;

}

li{

display: inline;

padding: 0 30px;

border-right: 2px solid blue;

}

</style>

Jquery Coding

<script type=”text/javascript”>

$(function(){

$(‘a#login’).click(function(){

$(‘#login-window’).slideDown(2000);

});

});

</script>

Download Code View Code

Simple Example of fadeout of div#box using jquery.

1. Create a div with id box.
2. Using CSS define height and width of the div.
3. Apply Jquery.

If you want jquery to be executed after the document is completed loaded then use

$(function(){

});

Select anchor tag. onclick anchor tag fade out the div with id box.

$(‘a’).click(function(){

$(‘#box’).fadeOut(3000);

});

Download the Code View Code

Before start to the jquery coding you need to first download the jquery library from jquery official website.

Configure Jquery

• Download library file.
• Adding .js file in the head section of the HTML page.

<head>

<title>Jquery Tutorial – Configure Jquery</title>

<script src=”jquery-lib.js”  type=”text/javascript”></script>

</head>

Download Code

For any further enquiries, Contact: 9926255956

NeepanTech wish them all the best for their future.