0
“HTML5 + PhoneGap  Windows Phone”   Niyaz Abbasov
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 olunma...
HTML5•     Daha az “Header Code”•     Əlavə HTML teqlər•     Media teqlər•     Canvas•     Input types•     Form validatio...
HTML5Daha az “Header Code”HTML5             XHTML 1.0 Transitional<!DOCTYPE html>   <!DOCTYPE html PUBLIC "-//W3C//DTD XHT...
HTML5Əlavə HTML teqlər             HTML5               XHTML 1.0 Transitional             <header>               <div id=“...
HTML5Media teqlərAudio <audio src=”test.ogg” autoplay controls loop> </audio>Video <video controls/>   <source src=”cat.mp...
HTML5Canvas<canvas id="myCanvas"></canvas><script> var canvas = document.getElementById("myCanvas"); var canvasContext = c...
HTML5Input typesHTML5                               HTML4, XHTML<input type="date" />               <select><option>...<in...
PhoneGaphttp://phonegap.com/
PhoneGapInstallation•   Install Visual Studio•   Download and install Windows Phone SDK•   Download the latest copy of Pho...
PhoneGapUsage• Open Visual Studio Express for Windows Phone  and choose New Project• Select PhoneGapStarter• Give your pro...
Contactsniyaz.abbasov@neats.azhttp://www.facebook.com/niyazabbasovhttp://twitter.com/Tokifukaz
Upcoming SlideShare
Loading in...5
×

HTML5 + PhoneGap

2,709

Published on

HTML5 + PhoneGap
Windows Phone

Niyaz Abbasov
Hackathon Azerbaijan - Win Phone

Published in: Education
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
2,709
On Slideshare
0
From Embeds
0
Number of Embeds
5
Actions
Shares
0
Downloads
3
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Transcript of "HTML5 + PhoneGap"

  1. 1. “HTML5 + PhoneGap Windows Phone” Niyaz Abbasov
  2. 2. PLAN• “NEATS” şirkəti haqqında• HTML5• PhoneGap• Samples…
  3. 3. 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/
  4. 4. HTML5• Daha az “Header Code”• Əlavə HTML teqlər• Media teqlər• Canvas• Input types• Form validation• Drag&Drop• Local storage...
  5. 5. HTML5Daha 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">HTML5 XHTML 1.0 Transitional<script> <script type="text/javascript"> // Code here. // Code here.</script> </script>HTML5 XHTML 1.0 Transitional<style> <style type="text/css"> // Code here. // Code here.</style> </style>
  6. 6. HTML5Əlavə HTML teqlər HTML5 XHTML 1.0 Transitional <header> <div id=“header”> <nav> <div id=“nav”> <aside> <div id=“sidebar”> <footer> <div id=“footer”>
  7. 7. HTML5Media teqlərAudio <audio src=”test.ogg” autoplay controls loop> </audio>Video <video controls/> <source src=”cat.mp4” /> <source src=”cat.ogg” /> </video>
  8. 8. 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>​
  9. 9. HTML5Input typesHTML5 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" />
  10. 10. PhoneGaphttp://phonegap.com/
  11. 11. 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 DocumentsVisual Studio 2010TemplatesProjectTemplates
  12. 12. PhoneGapUsage• Open Visual Studio Express for Windows Phone and choose New Project• Select PhoneGapStarter• Give your project a name, and select OK
  13. 13. Contactsniyaz.abbasov@neats.azhttp://www.facebook.com/niyazabbasovhttp://twitter.com/Tokifukaz
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×