VUE 3 İLE FAST TYPING UYGULAMASI #1 – Kurulum ve Genel Bilgiler

🌐Canlı test etmek için : http://fasttyping.codemonzy.com/

Javascript frameworkleri arasında en hızlı ve kolay öğrenilen Vue.js ile proje geliştirmeye devam ediyoruz. Vue ‘nin son versiyonu olan Vue 3 ile hızlı şekilde projeler geliştirmek mümkün. Bu kısa eğitimde sıfırdan Vue.js ile fast typing uygulaması geliştireceğiz. Kullanıcı ekrandaki kelimeleri 60 saniyede en çok kaç tanesini yazabiliyor test etmesini sağlayacağız. Vue ile geliştirme yapabilmemiz için bilgisayarınızda node.js ve npm kurulu olması gerekiyor. Ayrıca bir code editor de bulunmalı. Bu videoda sıfırdan vue.js kurulumu , vue cli nedir? vue cli ile proje oluşturma, vue cli ile proje oluşturma adımları. Vue 3 ‘ün çalışma mantığı ve temel vue lifecyle ve componentlerini öğreneceğiz. Eğer daha önce hiç vue.js bilginiz yoksa Basitleştirilmiş Vue.js Derslerimi izleyebilirsiniz.

🔹Basitleştirilmiş Vue.js Dersleri : https://www.youtube.com/watch?v=Hqn1emBMoUQ&list=PLl4iwH7T84H8Fghaj5OCqMZ6hVg9Y1X6F
🔹Laravel 8 ile Quiz Uygulaması : https://www.youtube.com/watch?v=8agLnrUSsnw&list=PLl4iwH7T84H9-TQty5cURnhgoiHDchAQ0

Github repo : https://github.com/furkangurel/vue-fast-typing (Yıldız atmayı unutmayın😅)

Kelime Listesi Json indirmek için : https://github.com/furkangurel/vue-fast-typing/blob/main/src/assets/words.json

Kullandığım VS Code Eklenti Listesi
🔹formulahendry.auto-close-tag
🔹hookyqr.beautify
🔹coenraads.bracket-pair-colorizer
🔹dbaeumer.vscode-eslint
🔹wmaurer.vscode-jumpy
🔹sdras.night-owl
🔹christian-kohler.npm-intellisense
🔹octref.vetur
🔹hollowtree.vue-snippets

Sosyal medyada beni takip edin : https://www.instagram.com/furkangurelll/

Yazılımcılara özel market : https://codemonzy.com/

Fix boot windows 10

Previous articleAstron Descentralizando A Web – O Que É Astron E Como Ganhar DEV Na SpaceChat!!
Next articleBrowser Body, mockups de navegadores

6 COMMENTS

  1. Evet vue ve react performans sağlıyor ama tarayıcıda kodlara baktığımızda her sayfada aynı html kodları dönüyor bu durum SEO yu olumsuz etkilemez mi? Bunun için vue da Nuxt.js react da next.js i buldum ama bunlar SEO problemini tam olarak ortadan kaldırabiliyor mu?

  2. Hep react mı öğreneyim yoksa vue mu öğreneyim diye soruyordum. Ama bu soru bile saçma kaçıyor bir süre sonra. İkiside aynı işi yapıyor. Bu yüzden ben react ile başladım. Biraz kullanımı zor ama react öğrenen vue yu öğrenmekte zorlanmaz diye bir şey duymuştum. Bende ona göre react ile başladım. Ne kadar doğru bilemem. Ha ek olarak vue veya React a geçmeden önce JavaScript ti iyi öğrenin. Özellikler Es versiyonlarına mutlaka bakın.

Comments are closed.