Web Devlopment - EyeHunt

excitingwonderlakeInternet and Web Development

Dec 13, 2013 (3 years and 8 months ago)

195 views

LOGO

Web development



Web development


Web development

is a broad term for the


work involved in developing a

web site

for


the Internet.web pages are classified as


static or dynamic:



Static pages don’t change content


ex:

Home page


Dynamic pages Content can be changed
on the client side.


ex: feedback forum






Contents

PHP Framework

PHP

CSS3

HTML5







HTML5



markup language for web pages







HTML5


HTML5 Introduction


New features based on HTML,CSS and
Javascript


Reduce the needs for external
plugins

(Flash)


Less script, More powerful markup


Device independent (PC,
iPhone
, Android)



HTML5 New Features


HTML5 New Markup Elements


HTML5 New Input Types


HTML5 New Form Attributes


HTML5 Video


HTML5 Markup Elements

HTML5 Input Types


email


number


range


tel


url


datetime


date


month


time


week

Browser support

Basic of <form>&<input>

Datetime




Email

<input type="datetime“>

<input type=“email“>


Number

<input type=“number“
step
=“0.01”> <input type=“number“
min
=“16”>


INPUT TYPES


<input type="
color
“ />





<input type="
range
“ min="1" max="10" />


<
meter

value="0.6">60%</meter>


<input type="
search

placeholder
="Search..”/>


<
progress
>working...</progress>



HTML5 New Form Attributes


Autocomplete


Autofocus


List


List multiple


Placeholder


Required


Pattern


<output>


List Multiple


Multiple selection using comma

<output>

HTML5 Audio & Video

<audio id="audio"
src
="sound.mp3" controls></audio>

<video id="video"
src
="
movie.webm
"
autoplay

controls></video>





CSS3

control the style and layout of web pages

CSS3


CSS New Features


Selectors


Box Model


Backgrounds and Borders


Text Effects


2D/3D Transformations


Animations


Multiple Column Layout


User Interface


Browser Support

property


Browser support

border
-
radius

border
-
image

box
-
shadow

background
-
size

background
-
orig
in

text
-
shadow

word
-
wrap

@font
-
face

transform

transition

@keyframes

animation

CSS3


CSS3 Modules



border
-
radius:25px;



box
-
shadow: 10px 10px 5px #888888;


text
-
shadow: 5px 5px
5px

#FF0000;




background
-
origin : border
-
box;



Transform : matrix(0.8,0.5,
-
0.5,0.866,30,30);


Transform :
rotateX
(120deg);

Animation


animation:myfirst 1s linear infinite alternate;

@keyframes myfirst {



from{background: red; left:0px; top:0px;}


to {background: yellow; left:200px; top:0px;}





}



Multiple columns


column
-
count


column
-
gap


column
-
rule











PHP

server side programming language

What is PHP



PHP stands for

PHP:

Hypertext

Preprocessor


PHP is a server
-
side scripting language, like ASP


PHP scripts are executed on the server


PHP supports many databases (MySQL, Informix,
Oracle, Sybase, Solid, etc.)


PHP is an open source software


PHP is a Loosely Typed Language



Statements

Conditional Statements


if statement



if...else statement



if...elseif....else statement



switch statement

Looping


While



do...while



For



Foreach

:ex: $x=array("one","two","three");




foreach ($x as $value)



Array

Array

Syntax :
$cars=array("Saab",“11",“true",“20.14");


Numeric array

-

$cars[0]="Saab";


Associative array

-

$ages['Peter'] = "32";


Multidimensional array

-

$car[‘Honda'][2] => i20


mail(
to,subject,message,headers,parameters
)


Function

A function will be executed by a call to the function

Syntax : function writeName(){ echo “hello“; }


Built
-
in Functions:


$_GET Function


$_POST

Function


Date() Function


include() Function


require() Function



Functions

Cookies : cookie is often used to identify a user


setcookie(name, value, expire, path, domain);


Sessions :

Session variables hold information about one single user,

and are available to all pages in one application.

Syn :
session_start();




:
session_destroy();


Advantages of PHP


Runs on different operating systems such as Linux, Unix


and Windows



Low maintenance and development cost



Compatible with servers IIS and Apache




PHP code run faster because there is no overhead of


communicating with different COM objects



Ability to embed into HTML code



Supports different databases such as Postgre SQL, Generi
c ODBC, MySQL, Oracle, Informix, Sybase and Solid.


PHP FRAMEWORK

support the development of dynamic websites, web
applications and web services

PHP Frameworks

PHP frameworks offer solid extensible architecture,
with features that make source code programming
easier by providing standard templates, compone
nts and plug
-
ins.


Advanced PHP programmers need more than basic
source code for Web development projects. PHP


frameworks offer convenient short cuts to improve
efficiency, functionality, processing power and


speed.






Choosing Your Frameworks


Choose amongst different PHP frameworks tailored


to satisfy specific coding needs.



Database Support


Community Support


Documentation Support


Model View Controller Architecture




Top 10 Frameworks


1.Yii

2.

CodeIgniter

3. Symfony

4. PHPDevShell

5. CakePHP

6. Akelos

7. PRADO

8.Zend

9.zoop

10. eZ Components





Different Frameworks


Top 3 Php Framework’s



Zend Framework


Zend supports MVC, multiple databases, database objec
ts, caching, validation and other modules.



Codelgniter


CI supports MVC, multiple databases, database obj
ects, templates, caching, validation and other mod
ules.

Yii Framework


Yii Framework

The Fast, Secure and Professional PHP Framework



Fast


Yii only loads the features that you need. It has powerful
caching support. It is explicitly designed to work efficien
tly with AJAX.



Secure


Security comes as standard with Yii. It includes input val
idation, output filtering, SQL injection and Cross
-
site


scripting prevention.

Yii Framework



Professional


Yii helps you develop clean and reusable code. It foll
ows the MVC pattern, ensuring a clear separation of


logic and presentation.


More Project using Yii


RealSelf.com


Stay.com


chive
-
project.com


PicLyf.com


LOGO