Cordova Başlangıç 2 ( Klasör - Dosya )

 

Cordova projemizi oluşturduk. Şimdi projemizdeki dosya ve klasörlerimi daha kullanışlı hale getirerek başlıyorum. 

Klasörler – Dosyalar

    www klasörümün içerisine aşağıdaki klasörlerimi oluşturuyorum.

    Klasörlere aşağıdaki her zaman kullandığım dosyalarımı oluşturuyom.

Pages:

İlk oluşturduğumuzda www içerisinde olan index.html dosyamızı bu klasöre taşıyoruz. Index.html ilk açılış sayfamız olduğu için “config.xml” dosyasından yol düzenlemesi yapıyoruz.

<content src="pages/index.html"/>

Tüm sayfalarımızı pages klasörünün içerisinde oluşturacağız.

Css:

Responsive.css : Telefonların boyutları birbirlerinden farklıdır ki asıl önemli nokta telefonumuz yan çevrildiğinde tasarımımız çok fazla büyük görünebilir. Bunu engellemek ve kodlarımızın daha düzenli olması için oluşturuyorum.

Style.css : Tüm css kodlarımız burada oluşturulacak.

İmg:

Tüm resim ve logolar bu klasör içerisinde oluşturulacak.

JS:

Ben her projemde olduğu gibi buna da Jquery kütüphanemi ekliyorum. Ayrıca cordovanın oluşturduğu index.js dosyasını da burada barındırıyorum. Her sayfada js kodları yazabilirim fakat bu dosya içerisinde yazarak düzenli hale getiriyorum.

Fonts:

Uygulamamızda kullanacağımız font dosyalarını buraya ekleyerek her telefonda aynı görünmesini sağlıyorum.

 

 Sayfalarımıza Java Script ve css dosyalarımızı ekliyoruz.

    <link rel="stylesheet" href="../css/style.css">
    <link rel="stylesheet" href="../css/responsive.css">
</head>
<script type="text/javascript" src="../js/jquery-3.2.1.min.js"></script>
<script type="text/javascript" src="../js/index.js"></script>