Anasayfa » Toolkit » Uygulamaları Anında Hızlandırmak ve Çalıştırmak için 5 AngularJS Altyapısı

    Uygulamaları Anında Hızlandırmak ve Çalıştırmak için 5 AngularJS Altyapısı

    Şimdi, temel bilgiler konusunda bilgili olduğunuza göre, şimdi başlamanın zamanı geldi. AngularJS ile kendi web uygulamanızı oluşturmak. AngularJS, Javascript tabanlı bir uygulama oluşturmayı daha kolay anlaşılır hale getirdi direktifler, HTML işaretlemelerinizle el ele çalışan.

    Zeminden bir web uygulaması oluşturmak sizi endişelendirmek için çok zor görünüyorsa. Bazı çok cömert geliştiriciler var AngularJS'i desteklemek için birkaç ön uç çerçevesini uyarladı. Tipik bir çerçeve gibi, önceden oluşturulmuş web bileşenleri ile birlikte gelir. Bunlar, çerçeveyi kullanarak, bir web uygulamasını hazırlamaya ve hızlı çalışmaya ihtiyaç duyan herkes için mükemmel bir araç haline getirir..

    AngularJS ile web tabanlı bir uygulamaya tekme başlamak için kullanabileceğiniz 5 çerçeve:.

    1. AngularUI Önyükleme

    AngularUI Önyükleme, adından da anlaşılacağı gibi, en popüler ön uç çerçevelerden biri olan Bootstrap üzerine inşa edilmiştir. Bu çerçeve, Rating ve TimePicker gibi bazı eklemelerin yanı sıra Carousel, Alert ve Collapse gibi bir Bootstrap bileşenleri kümesi içerir.

    Tüm bu bileşenler AngularJS direktiflerini kullanmak için taşınmıştır (ng tekrar ve ng kontrol cihazı) ve özel HTML elemanları. Örneğin, kullanmak yerine

    Carousel'i sarmak için daha fazla “anlamlı” özel eleman, ve :

          

    Bootstrap’ın büyük bir hayranıysanız, AngularJS’in sunduğu güç ve performansın keyfini çıkarırken, bu mükemmel bir çerçeve seçimi olabilir.

    2. Açısal Temel

    Ayrıca AngularJS kullanmak için kullanılan başka bir popüler çerçeve Vakfı'dır ve basit bir şekilde adlandırılmıştır. “Açısal temel”.

    Benzer şekilde, bu çerçeve Foundation bileşenlerini, AngularJS'nin yönlendirici ve özel HTML öğelerini benimsemek üzere değiştirmiştir, böylece artık web uygulamanızı semantik olarak adlandırılmış HTML öğesi benzeri , , ve , belirsiz olmaktan çok

    . İşte bir Alert bileşenini nasıl ekleyeceğimize dair bir örnek öğe:

     
    Alert.msg

    Foundation'ı Bootstrap'dan daha çok seviyorsanız, bununla birlikte gitmek için gereken çerçeve budur. Bu sayfada Angular Foundation'ı indirin veya Github repo üzerinden proje geliştirme konusunda güncel kalın.

    3. İyonik Çerçeve

    İyonik mobil uygulamaları geliştirmeyi kolay ve hızlı kılan bir avuç dolusu yapı bloğu ile birlikte gelir. İyonik çerçevedeki her bir bileşen, temel olarak dokunma ve jestlere bağlı olan mobil deneyim için optimize edilmiştir. Bu UI bileşenleri ayrıca özel HTML öğelerinden oluşur. Sekmeli gezinti dağıtırken, örneğin :

          

    Uygulamanızı daha kolay ve hızlı hale getirmek için, uygulamanızı sürükleyip bırakarak oluşturmanıza olanak tanıyan Ionic Creator'ı kullanabilirsiniz. Bu yüzden performans ve hız sizin için önemliyse, İyonik birlikte alınacak en iyi çerçevedir.

    4. Mobil Açısal UI

    Mobil Açısal Kullanıcı Arayüzü mobil uygulamalar oluşturmayı amaçlayan Bootstrap çerçevesinin bir uzantısı olan bir mobil UI çerçevesidir. Anahtarlar, bindirmeler, kenar çubukları ve kaydırılabilir alanlar gibi bazı özel mobil bileşenlerle Bootstrap 3 sözdizimlerinin çoğunu kullanır. Yalnızca AngularJS'ye bağlıdır ve içeriğinizi duyarlı ve dokunaklı hale getirmek için sağlanan CSS'yi ekleyerek mevcut web uygulamanızı mobil sürüme kolayca getirebilirsiniz.

    Bu çerçeveyi buradan indirin

    5. UI Izgarası

    UI Grid Angular ile bir ızgara veya tablo çalışması için en iyi yoldur. Bir ızgara üzerinde basit, ayrıca karmaşık ve büyük veri kümeleri görüntülemek için zengin özelliklere sahiptir. UI Izgara, yalnızca gerektiğinde karmaşık özellikleri yürütmek için tasarlanmıştır, böylece çekirdeği küçük tutar. UI Izgarası ile hücreleri karmaşık özelliklere / fonksiyonlara bağlayabilir, sütun sıralamasını ve filtrelemesini çalıştırabilir, verileri yerinde düzenleyebilir ve daha fazlasını yapabilirsiniz. Veri ızgarası ekranınızın stillerini değiştirmek için Özelleştirici'yi kullanın..

    En yeni UI Grid'i ana sayfasından alın.

    © PHHSNEWS
    Web geliştirme konusunda faydalı bilgiler ve ipuçları. Programlama, web tasarımı, CSS, HTML, JAVASCRIPT. WINDOWS'u yapılandırın ve yeniden kurun. Sıfırdan web siteleri ve uygulamalar oluşturma.