HTML5 + PhoneGap & Windows Phone

“HTML5 + PhoneGap
Windows Phone”

Elbəy Əliyev

PLAN
• “NEATS” şirkəti haqqında
• HTML5
• PhoneGap
• Samples…

NEATS
Şirkət 2011-ci ildə yaradılmışdır.

Göstərdiyimiz xidmət sahələri aşağıdakılardır:
• Proqram təminatının tərtib olunması
• Veb proqramlaşdırma
• Mobil qurğular üçün proqram təminatı
• Proqram təminatının layihələndirilməsi
• Proqram təminatının testi
• Proqram təminatının lokalizasiyası
• Texniki xidmət və texniki dəstək
http://neats.az/

HTML5
• Daha az “Header Code”
• Əlavə HTML teqlər
• Media teqlər
• Canvas
• Input types
• Form validation
• Drag&Drop
• Local storage
...

HTML5
Daha az “Header Code”
HTML5 XHTML 1.0 Transitional
<!DOCTYPE html> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0
Transitional//EN" "http://www.w3.org/
TR/xhtml1/DTD/xhtml1-transitional.dtd">

<script> <script type="text/javascript">
// Code here. // Code here.
</script> </script>

<style> <style type="text/css">
// Code here. // Code here.
</style> </style>

Əlavə HTML teqlər
HTML5

<header> <div id=“header”>

<nav> <div id=“nav”>

<aside> <div id=“sidebar”>

<footer> <div id=“footer”>

Media teqlər
HTML5
Audio
<audio src=”test.ogg” autoplay controls loop>

</audio>

Video
<video controls/>
<source src=”cat.mp4” />
<source src=”cat.ogg” />
</video>

Canvas
HTML5

<canvas id="myCanvas"></canvas>

<script>
var canvas = document.getElementById("myCanvas");
var canvasContext = canvas.getContext("2d");

canvasContext.fillStyle = "#000000";
canvasContext.fillRect(0,0,150,75);
</script>

HTML5
Input types

HTML5 HTML4, XHTML
<input type="date" /> <select><option>...
<input type="datetime" /> <textarea></textarea>
<input type="email" /> <input type="checkbox" />
<input type="month" /> + <input type="file" />
<input type="number" /> <input type="radio" />
<input type="range" /> <input type="text" />
<input type="tel" /> …
<input type="time" />
<input type="url" />

PhoneGap

http://phonegap.com/

PhoneGap
Installation

• Install Visual Studio
• Download and install Windows Phone SDK
• Download the latest copy of PhoneGap
• Copy the file PhoneGap-x.x.x.zip to the folder :
My DocumentsVisual Studio 2010TemplatesProjectTemplates

PhoneGap
Usage

• Open Visual Studio Express for Windows Phone
and choose New Project
• Select PhoneGapStarter
• Give your project a name, and select OK

Contacts
elbay.aliyev@neats.az
https://www.facebook.com/elbey.aliyev

HTML5 + PhoneGap & Windows Phone

Recommended

Recommended

More Related Content

Viewers also liked

Viewers also liked (6)

More from Rashad Aliyev

More from Rashad Aliyev (20)

HTML5 + PhoneGap & Windows Phone