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
Enter the password to open this PDF file:
File name:
-
File size:
-
Title:
-
Author:
-
Subject:
-
Keywords:
-
Creation Date:
-
Modification Date:
-
Creator:
-
PDF Producer:
-
PDF Version:
-
Page Count:
-
Preparing document for printing…
0%
Σχόλια 0
Συνδεθείτε για να κοινοποιήσετε σχόλιο