Onsen-ui'yi kullanmaya başlama

Giriiş

Onsen UI, yerel benzeri performansa sahip hibrit uygulamalar oluşturmanıza yardımcı olan açık kaynaklı bir çerçevedir. AngularJS (1 & 2), ReactJS ve jQuery gibi birçok iyi bilinen JavaScript çerçevesi ile birlikte kullanılabilir.

OnsenUI’yi bir projeye yüklemek, index.html dosyanıza bazı standart HTML etiketlerini yazmak kadar kolaydır:

<!doctype html>
    <html lang="en">
      <head>
        <meta charset="utf-8">
        <!-- load Onsen structure CSS file -->
        <link rel="stylesheet" href="lib/onsen/css/onsenui.css"/>
        <!-- load Onsen theme CSS file -->
        <link rel="stylesheet" href="lib/onsen/css/onsen-css-components.css"/>
        <!-- load Onsen main Javascript file -->
        <script src="lib/onsen/js/onsenui.js"></script>
        <script>
          ons.ready(function() {
            // Init code here
          });
        </script>
      </head>
      <body>
        <ons-navigator>
          <ons-page>
            Hello World!
          </ons-page>
        </ons-navigator>
      </body>
    </html>

‘ons.ready’ işlevi, Onsen UI başlatma işleminin ne zaman yapıldığını bize güvenle söyleyebilen ana işlevdir. Ardından OnsenUI bileşenlerinden herhangi birini kullanabilirsiniz.