Framework-7 Kurulum

 

Framework-7 Kurulum

Framework7 web client (istemci taraflı) çalışan bir platform olduğu için herhangi bir ek dosya veya paket vb. bileşen kullanmadan kurulumu sağlanabilir. Fakat Trend olan packet halinde yükleyip nodejs server üzerinde çalıştırmak olduğu için NPM server aracılığıyla packet halini install(yükleyip)'de kullanabiliriz.

Şekilde gözüktüğü gibi Shell istemcisi tarafıyla kurulabileceği gibi, GitHub üzerindende gerekli dosyaları indirerek kurulumu sağlayabiliriz. İlgili GitHub bağlantısı GitHub Framework7.
Gerekli dosyalar makinemize yüklendikten sonra sıra proje kısmında projemize import(dahil) etmede kalıyor.

Şekildeki gibi projemize dahil edip, Artık İstediğimiz framework7 bileşeneni kullanabiliriz.

Not: Packet file yükleme kısmında Shell istemcisinin windows kullanıyorsanız etkin olması gerekmektedir. Aksi halde yükleme sağlayamazsınız.

NPM packet yönetim sistemi içinde shell üzerinden -npm install komutlarını kullanarak ana makine üzerine kurulumu sağlamalıyız ki, packet manager üzerindeki bileşenlere erişebilelim.

Kaynakça;

https://framework7.io/docs/package.html

https://github.com/framework7io/framework7/releases

Framework-7 Kullanım

 

Framework-7 Kullanım

Özellikle front-end kısmında çalışan arkadaşlarımızın aşina olduğu Jquery söz dizimini kullanarak uygulama geliştirmemize olanak sağlayan içinde ek olarak bir sürü css component de getirip tasarım konusunda işinizi oldukça kolaylaştıran inanılmaz basit bir framework tür. Packet ve Script olmak üzere ikiye ayrılmaktadır. Packet kısmı server-side durumları da karıştığı için çok daha farklı syntaxlar ve bileşenler kurmak gerekir. Bu yazıda sadece client-side(istemci taraflı) kullanımını göstereceğim. 

Yukarıdaki kod bloğunda görüldüğü üzere  Dom7 kütüphanesini kullanarak a tagına sahip html elementine tıklandığında bir olay gerçekleştirdik.


Aynı kodu jquery kullanarak yazmak isteseydik,

 Şeklinde söz dizimi hazırlamamız gerekecekti. Sitedeki resmi söz dizimi ile birlikte kod bütünü oluşturmak isteseydik şu şekilde yapacaktık,

İşte bu kadar kolay. Şuanda Framework-7 paketlerini projemize dahil ettiğimizi varsayarak, başlangıç yapmış olduk. Gerisi hayal dünyanıza kalmış bir şekilde istediğiniz modifikasyonu yaparak çeşitli ürün çıkarabilirsiniz. Kolay gelsin :) 

Kaynakça;

https://framework7.io/docs/package.html

http://devnot.com/2017/cordova-ve-framework7-ile-spa/