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