HTML5 + PhoneGap & Windows Phone

“HTML5 + PhoneGapWindows 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/

http://neats.az/

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

HTML5<!DOCTYPE html>

Daha az “Header Code”

XHTML 1.0 Transitional<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

HTML5<script> // Code here.</script>

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

HTML5<style> // Code here.</style>

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

HTML5Əlavə HTML teqlər

<footer>

<aside>

<header>

<nav>

<div id=“footer”>

<div id=“sidebar”>

<div id=“header”>

<div id=“nav”>

HTML5 XHTML 1.0 Transitional

HTML5Media teqlər

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

<audio src=”test.ogg” autoplay controls loop>

</audio>

Video

Audio

HTML5Canvas

<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>

HTML5Input types

<input type="date" /><input type="datetime" /><input type="email" /><input type="month" /><input type="number" /><input type="range" /><input type="tel" /><input type="time" /><input type="url" />

HTML5

+

<select><option>...<textarea></textarea><input type="checkbox" /><input type="file" /><input type="radio" /><input type="text" />…

HTML4, XHTML

PhoneGap

http://phonegap.com/

http://phonegap.com/

PhoneGapInstallation

• 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 Documents\Visual Studio 2010\Templates\ProjectTemplates\

PhoneGapUsage

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

[email protected]://www.facebook.com/elbey.aliyev

https://www.facebook.com/elbey.aliyev

Education

HTML5 + PhoneGap & Windows Phone