{"id":105,"date":"2024-01-19T14:04:44","date_gmt":"2024-01-19T17:04:44","guid":{"rendered":"https:\/\/myozden.info\/?p=105"},"modified":"2024-02-17T09:23:18","modified_gmt":"2024-02-17T12:23:18","slug":"html5-css3-ve-javascript-ile-mobil-uygulama-olusturma-trabzon-uzem","status":"publish","type":"post","link":"https:\/\/myozden.info\/index.php\/2024\/01\/19\/html5-css3-ve-javascript-ile-mobil-uygulama-olusturma-trabzon-uzem\/","title":{"rendered":"HTML5, CSS3 ve JavaScript ile Mobil Uygulama Olu\u015fturma (Trabzon-UZEM)"},"content":{"rendered":"\n<figure class=\"wp-block-audio\"><audio controls src=\"https:\/\/myozden.info\/wp-content\/uploads\/2024\/02\/truzem.mp3\"><\/audio><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Dersin \u0130\u00e7eri\u011fi:<\/strong> Bu dersin amac\u0131 web tasar\u0131m\u0131n\u0131n temellerini uygulamal\u0131 \u015fekilde HTML, CSS ve JS teknolojilerini kullanarak anlatmak ve haz\u0131rlanan web sitelerinin mobil uygulama olarak d\u00f6n\u00fc\u015f\u00fcm\u00fc sa\u011flamakt\u0131r.HTML5 web tasar\u0131m ve d\u00fczenleme s\u00fcrecinde kullan\u0131lan en temel teknoloji olarak kar\u015f\u0131m\u0131za \u00e7\u0131kmaktad\u0131r. HTML5 bir web standard\u0131 sunarak web taray\u0131c\u0131lar\u0131nda i\u00e7eri\u011fi (metin, resim yada yaz\u0131) daha \u00f6nceden tasarlanm\u0131\u015f \u015fablonlarda sunmam\u0131z\u0131 sa\u011flar. Pek \u00e7ok tasar\u0131m unsuru HTML5 kullan\u0131larak tan\u0131mlan\u0131r. Fakat HTML5 kullanarak olu\u015fturulan sayfa i\u00e7erikleri \u00e7ok dura\u011fan ve tek tip olduklar\u0131ndan ancak CSS kullan\u0131m\u0131 bu sayfalar\u0131n tasar\u0131mlar\u0131n\u0131 de\u011fi\u015ftirmek m\u00fcmk\u00fcn olmaktad\u0131r. HTML5 ve CSS\u2019in ortak kullan\u0131m\u0131 bu anlamda tasar\u0131m s\u00fcre\u00e7lerinde b\u00fcy\u00fck katk\u0131 sa\u011flamaktad\u0131r. Bu ikiliyle birlikte JavaScript kullan\u0131m\u0131yla daha etkile\u015fimli ve zengin i\u00e7erikler haz\u0131rlamak m\u00fcmk\u00fcn olmaktad\u0131r. Bu e\u011fitim sonucunda, HTML5, CSS ve JavaScript\u2019in bir arada kullan\u0131m\u0131 ile olu\u015fturulacak olan web sayfalar\u0131n\u0131n mobil uygulamaya d\u00f6n\u00fc\u015f\u00fcm\u00fc yap\u0131lacak ve geli\u015ftirildi\u011fi platforma uygun olan play store\u2019a y\u00fcklenecektir. WEB Uygulamalar\u0131n\u0131n Mobil uygulamaya d\u00f6n\u00fc\u015ft\u00fcr\u00fclmesi amac\u0131yla Apache-Cordova platformu kullan\u0131lacakt\u0131r. Apache-Cordova, geli\u015ftiricilerin HTML, CSS ve JavaScript kullanarak mobil uygulamalar olu\u015fturmas\u0131na olanak tan\u0131yan bir \u00e7er\u00e7evedir. Bu platform kullan\u0131larak iOS ve Androidi\u00e7in mobil uygulamalar geli\u015ftirmek m\u00fcmk\u00fcn olmaktad\u0131r. HTML, CSS ve JavaScript dilini biliyorsan\u0131z bu platformu kullanarak uygulama olu\u015fturmaya haz\u0131rs\u0131n\u0131z demektir. Apache-Cordova&#8217;y\u0131 kullanarak, telefonun kamera, co\u011frafi konum, medya, SMS, ki\u015filer ve di\u011ferleri gibi i\u015flevlerine eri\u015febilirsiniz. Ayr\u0131ca, Cordova kulland\u0131\u011f\u0131n\u0131zda temel olarak, ayn\u0131 uygulamay\u0131 birden \u00e7ok platformda olu\u015fturmak i\u00e7in ek ara\u00e7lar ve diller kullanman\u0131z gerekmez ve dolay\u0131s\u0131yla zamandan ve kaynaklardan tasarruf etmeniz m\u00fcmk\u00fcn olacakt\u0131r<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Uygulama \u00d6rnekleri:<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><a href=\"https:\/\/myodemoemlak.netlify.app\" target=\"_blank\" rel=\"noopener\">https:\/\/myodemoemlak.netlify.app<\/a><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><a href=\"https:\/\/myoyoutube.netlify.app\" target=\"_blank\" rel=\"noopener\">https:\/\/myoyoutube.netlify.app<\/a><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><a href=\"https:\/\/bouncingballsmyo.netlify.app\" target=\"_blank\" rel=\"noopener\">https:\/\/bouncingballsmyo.netlify.app<\/a><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Dersin \u0130\u00e7eri\u011fi: Bu dersin amac\u0131 web tasar\u0131m\u0131n\u0131n temellerini uygulamal\u0131 \u015fekilde HTML, CSS ve JS teknolojilerini kullanarak anlatmak ve haz\u0131rlanan web sitelerinin mobil uygulama olarak d\u00f6n\u00fc\u015f\u00fcm\u00fc sa\u011flamakt\u0131r.HTML5 web tasar\u0131m ve d\u00fczenleme s\u00fcrecinde kullan\u0131lan en temel teknoloji olarak kar\u015f\u0131m\u0131za \u00e7\u0131kmaktad\u0131r. HTML5 bir web standard\u0131 sunarak web taray\u0131c\u0131lar\u0131nda i\u00e7eri\u011fi (metin, resim yada yaz\u0131) daha \u00f6nceden tasarlanm\u0131\u015f \u015fablonlarda sunmam\u0131z\u0131 sa\u011flar. Pek \u00e7ok tasar\u0131m unsuru HTML5 kullan\u0131larak tan\u0131mlan\u0131r. Fakat HTML5 kullanarak olu\u015fturulan sayfa i\u00e7erikleri \u00e7ok dura\u011fan ve tek tip olduklar\u0131ndan ancak CSS kullan\u0131m\u0131 bu sayfalar\u0131n tasar\u0131mlar\u0131n\u0131 de\u011fi\u015ftirmek m\u00fcmk\u00fcn olmaktad\u0131r. HTML5 ve CSS\u2019in ortak kullan\u0131m\u0131 bu anlamda tasar\u0131m s\u00fcre\u00e7lerinde b\u00fcy\u00fck katk\u0131 sa\u011flamaktad\u0131r. Bu ikiliyle birlikte JavaScript kullan\u0131m\u0131yla daha etkile\u015fimli ve zengin i\u00e7erikler haz\u0131rlamak m\u00fcmk\u00fcn olmaktad\u0131r. Bu e\u011fitim sonucunda, HTML5, CSS ve JavaScript\u2019in bir arada kullan\u0131m\u0131 ile olu\u015fturulacak olan web sayfalar\u0131n\u0131n mobil uygulamaya d\u00f6n\u00fc\u015f\u00fcm\u00fc yap\u0131lacak ve geli\u015ftirildi\u011fi platforma uygun olan play store\u2019a y\u00fcklenecektir. WEB Uygulamalar\u0131n\u0131n Mobil uygulamaya d\u00f6n\u00fc\u015ft\u00fcr\u00fclmesi amac\u0131yla Apache-Cordova platformu kullan\u0131lacakt\u0131r. Apache-Cordova, geli\u015ftiricilerin HTML, CSS ve JavaScript kullanarak mobil uygulamalar olu\u015fturmas\u0131na olanak tan\u0131yan bir \u00e7er\u00e7evedir. Bu platform kullan\u0131larak iOS ve Androidi\u00e7in mobil uygulamalar geli\u015ftirmek m\u00fcmk\u00fcn olmaktad\u0131r. HTML, CSS ve JavaScript dilini biliyorsan\u0131z bu platformu kullanarak uygulama olu\u015fturmaya haz\u0131rs\u0131n\u0131z demektir. Apache-Cordova&#8217;y\u0131 kullanarak, telefonun kamera, co\u011frafi konum, medya, SMS, ki\u015filer ve di\u011ferleri gibi i\u015flevlerine eri\u015febilirsiniz. Ayr\u0131ca, Cordova kulland\u0131\u011f\u0131n\u0131zda temel olarak, ayn\u0131 uygulamay\u0131 birden \u00e7ok platformda olu\u015fturmak i\u00e7in ek ara\u00e7lar ve diller kullanman\u0131z gerekmez ve dolay\u0131s\u0131yla zamandan ve kaynaklardan tasarruf etmeniz m\u00fcmk\u00fcn olacakt\u0131r Uygulama \u00d6rnekleri: https:\/\/myodemoemlak.netlify.app https:\/\/myoyoutube.netlify.app https:\/\/bouncingballsmyo.netlify.app<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[3,4],"tags":[10,9,11,8,12],"class_list":["post-105","post","type-post","status-publish","format-standard","hentry","category-genel-duyurular","category-guncel","tag-css","tag-html5","tag-javascript","tag-mobil-uygulama-gelistrme","tag-pwa"],"acf":[],"_links":{"self":[{"href":"https:\/\/myozden.info\/index.php\/wp-json\/wp\/v2\/posts\/105","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/myozden.info\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/myozden.info\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/myozden.info\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/myozden.info\/index.php\/wp-json\/wp\/v2\/comments?post=105"}],"version-history":[{"count":3,"href":"https:\/\/myozden.info\/index.php\/wp-json\/wp\/v2\/posts\/105\/revisions"}],"predecessor-version":[{"id":114,"href":"https:\/\/myozden.info\/index.php\/wp-json\/wp\/v2\/posts\/105\/revisions\/114"}],"wp:attachment":[{"href":"https:\/\/myozden.info\/index.php\/wp-json\/wp\/v2\/media?parent=105"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/myozden.info\/index.php\/wp-json\/wp\/v2\/categories?post=105"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/myozden.info\/index.php\/wp-json\/wp\/v2\/tags?post=105"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}