Cuma 3 Şubat 2023
Hakkında
Yazarlarımız
Reklam
Künye
İletişim
Webmaster.Kitchen – Türkiye'nin Webmaster MutfağıWebmaster.Kitchen – Türkiye'nin Webmaster Mutfağı

Bülten

Sosyal Medya Yasası Kabul Edildi

Binance ‘e Siber Saldırı

Webmaster.Kitchen – Türkiye'nin Webmaster MutfağıWebmaster.Kitchen – Türkiye'nin Webmaster Mutfağı
  • BAŞLARKEN
    • KOD
      • PHP
      • Asp.Net
      • Swift
      • MySQL
      • CMS
  • TASARIM
    • İpuçları
    • Çizim
    • Illustrator
    • Photoshop
    • Trendler
  • ARAYÜZ
    • JavaScript
    • HTML5
    • CSS
    • REACT
  • İPUÇLARI
    • API
    • Güvenlik
    • IDE
    • Framework
    • OS
    • Verimlilik
    • İçerik
      • Dökümantasyon
      • İpuçları
      • Nasıl Oluşturulur?
  • KAYNAKLAR
    • Tasarım
    • Kod
    • İş
  • GİRİŞİM
    • Finans
    • Girişimci
    • Nasıl yapılır?
  • ARAÇLAR
  1. Anasayfa
  2. Framework
  3. Uygulamalarla Vue Js #2 (To-Do List Yapımı)
 Uygulamalarla Vue Js #2 (To-Do List Yapımı)
Framework JavaScript

Uygulamalarla Vue Js #2 (To-Do List Yapımı)

Yazar : Nisa Bengisu 21 Ekim 2019 2 Comments

Vue Js ile ilgili ilk yazımızda bu frameworkün bize sağladığı faydalarından, diğer Javascript frameworklerinden farklarından söz edip bir örnekle Vue Js’e giriş yapmıştık.

Şimdi ise daha fazla örnekle Vue Js konusunu pekiştirelim. Vue Js’le neler yapabileceğimize bir bakalım 🙂

Vue Js’le Model Oluşturalım

Model oluşturarak merhaba diyoruz Vue js’e 🙂 Ekran çıktınız aşağıdaki gibi olur.

Şimdi de Vue Js’le methodları kullanalım. Reverse methodunu kullanarak harfleri nasıl ters çevirebiliriz ona bakalım.

Vue Js’le Method Kullanalım

Ters çevir butonuna bastığınızda aşağıda gördüğünüz çıktıyı elde edeceksiniz.

Harflerin ve kelimelerin hepsi ters bir halde görünecek. Gördüğünüz gibi reverse methodunu gayet basit ve elverişli bir şekilde kullanabildik.

Şimdi de sizin de çok işinize yarayacak olan kullanışlı bir uygulama yapalım.

Vue Js’le Yapılacaklar Listesi Uygulaması

İlk başta id kısmına atadığımız cümleleri, yani uygulama ilk açıldığında karşımıza çıkacak olan yapılacak görevlerin listesini görüyoruz.

Web tarayıcınızda çıktınız bu şekilde olacaktır. Ekle ve çıkar butonlarını denediğinizde yazdığımız fonksiyonların çalıştığını gözemleyeceksiniz. Bu uygulama biraz daha CSS kodlarıyla düzenlendikten sonra günlük hayatınızda da kullanabileceğiniz bir uygulama olabilir.

Ekleme ve çıkarma işlemini kolayca yapabilirsiniz. Vue Js’in bize sağladığı kolaylıkları yapılacaklar listesi uygulamasında daha iyi anlamış oluyoruz aslında.

Vue js’le geliştirilmiş uygulamalara göz atmak isterseniz çok güzel örnekler var tavsiye ederim.

Etiketler: javascript framework to do list vue js ile uygulama vue js öğrenimi vue js örnekler vue js pratikleri vue js uygulamaları webmaster
Önceki Yazı
Sonraki Yazı

Nisa Bengisu (Website)

author

Süleyman Demirel Üniversitesi'nde Bilgisayar Mühendisliği okuyorum. Web tasarımı Front - End kısmıyla ilgileniyorum. Bildiklerimle beraber yeni öğrendiğim konuları mutfakta paylaşıyorum. Siz de yaptığınız çalışmaları, edindiğiniz bilgileri paylaşabilirsiniz. Yorum alanı ile mutfağa katkıda bulunun.

2 Yorumlar

  • Ömer says:
    24 Ekim 2019 at 20:41

    Merhabalar
    kodları çalıştırdığımda dediğiniz gibi ekleme çıkarma yapabiliyorum fakat sayfayı yenilediğimde ilk yazdığınız örneklerle karşılaşıyorum,bu soruna da çözüm bulduğunuzda js bilmesemde css bilgimle uzun vade kullanılacak bi web sayfasına sahip olabilirim
    Kolay gelsin 😀

    Reply
  • Can says:
    25 Ekim 2019 at 16:13

    Mutfak için güzel bir yazı daha…

    Reply

Yorum Yap Yorumu İptal Et.

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir

Taze Yazılar
Güncel

Sosyal Medya Yasası Kabul Edildi

14 Ekim 2022
Blockchain

Binance ‘e Siber Saldırı

8 Ekim 2022
Blockchain

Binance ‘den Ücretsiz Eğitim

5 Ekim 2022
Güncel

Japonya için Yenilenen Corolla

4 Ekim 2022
© 2021 Webmaster Kitchen. Tüm Hakları Saklıdır.