VueJS 02: VueJS'e ilk adim. Ilk app'imizi yapalim

Bu videoda VueJS'e kod uzerinde giris yaptik.
Konu listesi
00:40 GitHub VueJS reposu
01:16 Vue.js anasayfasi
02:19 Awesome Vue
03:00 Vue Hello World
06:55 v-if
09:35 v-show ve v-if/v-show farki
11:43 v-html
13:05 v-text
Bu videoda yazdigim kodlari GitHub ve GitLab'de bulabilirsiniz. github.com/fat...
gitlab.com/fat...
Video hakkindaki yorum ve elestirilerinizi video altina ekleyiniz. VueJS ile ilgili merak ettiklerinizi yazarsaniz bir sonraki videolarda o konulara oncelik tanimaya calisacagim. Kanalima abone olmayi unutmayin. Izlediginiz icin tesekkurler ❤️

Eline sağlık, önce fka'dan unboxing gördüm gaza geldim, şimdi direk dalışa geçtim... çok hoşuma gitti...

[@FatihAcet]

Abi kolay gelsin, sevindim. Degerli yorumlarini bekliyorum :)

[@jikochi]

Klavye sesine aşığım. Ayriyetten videolar mükemmel gidiyor, takipteyim. Eline sağlık

[@FatihAcet]

Tesekkurler 👍

[@omerbilalcan]

Merhaba Fatih Hocam, emeğinize sağlık. Anlatımınız bir harika. Vuejs'i bize sevdirdiğiniz için de ayrıca teşekkür ederim. Ekip arkadaşımla beraber her gün vue'luyoruz :) Selamlar.

[@m.volkandeveci]

Ağzına sağlık, çok akıcı ilerliyorum. Bugün başladım buradan vue eğitimlerine (tüm playlist). Çok teşekkürler. :)

[@FatihAcet]

Begendigine sevindim. Vue playlist'ini bitirdikten sonra SPA playlist'i de var. Cok kaliteli, gercek hayatta karsimiza cikabilecek bir ornek yapiyoruz. Gormediysen kanala bak derim :)

[@m.volkandeveci]

Cok tesekkurler, senin egitim setlerin bana bircok sey katiyor gercekten. Bu videoyu az once izleyip uyguladim. Sadece vuejs degil ayni zamanda temel js bilgimde seninle gelisiyor. Siki takipcinim. En yakin zamanda bir etkinlik veya sunumda seninle tanismak istiyorum ama kismet bakalim. Dogukan ile bircok soylesinde bu gibi yorumlarin size motivasyon kattigini soyluyordunuz ona istinaden uzun uzun yaziyorum. SPA playlistine gelince twitterda ki tavsiyene uyup bir demlik cay ile baslayacagim ona. :) Bu arada ingilizce klavyeyi neden kullandiginizi simdi daha iyi anliyorum. Cok daha rahat kod yazabiliyorum. Biraz daha pratikle daha iyi olacak. Hadi ben bi sonraki video'ya :)))

[@FatihAcet]

Hehe, cay lazim bisey :) Videolarin ise yaradigini duydukca gercekten cok seviniyorum. Bazi arkadaslar kendi yaptigi uygulamayi falan gonderiyor, gorunce gercekten motivasyon kaynagi oluyor. O yuzden her yazilan olumlu yorum onemli gercekten. Mesela en son yayinladigim Vue SPA 3. bolum videosuna 3 saatten fazla zaman harcadim. Dusunsene bu kadar zaman harciyorsun ama cok az kisi izliyor, o yuzden bunlarin hepsi onemli icerik saglayan kisiler icin. Bir gun bir etkinlikte karsilasirsak mutlaka sohbet edelim. Gorusmek uzere.

[@unalmuslum]

Emeğine sağlık, sayende kaliteli işler yapmaya başladığımı hissediyorum :)

[@FatihAcet]

Duymayi en sevdigim feedback'lerden 😍

[@hkulekci]

Cok yararlı bir seri başlattın abi. Eline sağlık. Diğer taraftan Progressive Framework için biraz araştırma yaparken şu sayfası buldum. slides.com/evanyou/progressive-javascript#/20 Gayet açıklayıcı geldi.

[@FatihAcet]

Tesekkurler!

[@brkktby]

Sayenizde Js dunyasi hakkinda bilgi sahibi olmaya baslayacagim (Backendciyim) sanirim. Devami gelir ve egitimin sonunda bir seyler ortaya cikartmis olabilirim. Emeginize saglik (:

[@FatihAcet]

Devami gelecek onumuzdeki 3 gunun videolari hazir. Vue serisinin 12 video kadar olmasini planliyorum. Kanala abone olup takipte kalin :)

[@tekno8319]

Fatih hocam bir şey soracaktım. v-show ile kullanıcı login olmadığı durumlarda display:none olan yer yine username değişkeninin değerini veriyor. Bu güvenlik açığı verir mi.

[@gulizaraltintas5877]

Merhaba 3.30 da yaptığımız işlem tam olarak ne ?Komut ekranında mı yapıyorsunuz?

[@muratsenkal6407]

Emeğine sağlık fatih kardeşim.

[@taneresen5652]

Hocam vuejs in asp net mvc projesinde kullanımına dair bir örnek video yapabilir misiniz

[@CheTurkx]

Fatih kardeşim, vue.js ile yapılmış bir il ilçe uygulaması arıyorum, yani örneğin autocomplete şeklinde istanbulu seçine ilçelerini diğer textboxa otomati getiren bir ufak uygulama, yardımcı olabilirsen sevinirim.

[@savasturkoglu7569]

Videolar için teşekkürler. Orta ölçekli bir proje için angular mı vue mi seçmeli ?

[@mervealpay2671]

Elinize sağlık, çok teşekkürler :) react öğrenirken yaşadığım zorluklardan sonra bu biraz ilaç gibi geldi :D

[@Ghobrani]

react cokmu zor?

[@umitdemirci5659]

Bende backendciyim videolar güzel devam ediyor.Birde webpack hakkında bir video çekerseniz çok iyi olur:)Teşekkürler

[@FatihAcet]

Vue serisinden sonrasi icin sadece Webpack olarak degil ama Frontend Tooling adi altinda Grunt, Gulp, Webpack, NPM, Bower anlatan bir video cekmeyi dusunuyorum.

[@kubilaykarpat]

Hocam bu mevzuyu unutmayın :)

[@FatihAcet]

+Serkan Eken Vue icin mi yoksa genel mi? Vue icin vue-cli videosu var kanalda.

[@RhiFaT]

Şahane anlatıyorsunuz

[@tolgahanbayraktar]

Eline sağlık abi devamı gelsin lütfen!

[@FatihAcet]

Devami geliyor, takipte kalin :)

[@haticekubraates6497]

Hocam iterm i pc de bulundurmak gerekiyor mu illa? Ve yan tarafa açtığınız sayfayı ben niçin açamıyorum. Sublime dan çalışıyorum.

[@alemdar278]

öncelikle selamlar fatih abi güzel anlatım olmuş laravel ile veritabanından vue.js ile veri çekmek adı altında bir video çekebilir misiniz ?

Merhaba Fatih, ellerine aklına klavyene sağlık. Çok güzel ve seri şekilde anlatıyorsun. Sormak istediğim 8:39'Da bahsettiin dışarı çıkarmak nedir? window.vue şeklinde yaptığın.

[@Defaktoz]

Elinize sağlık, çok faydalı olmuş.

@fatihacet selamlar, iş yerinde bi yandan çalışırken bi yandan sizin videoları dinliyordum. Jquery sevdalısı biri olarak küçük bir sorum var. Vue.js ile yapılan işlemler dom seviyesinde olduğu için güvenlikle ilgili herhangi bir önlem alınamaz denilenebilir mi ? Örneğin; User ın profil sayfasının linkini vue.js ile görünür görünmez yaparak herhangi bir önlem alınmamalı diyebilir miyiz ?

[@oguzakankan518]

Biraz fazla yorum yaparak rahatsız ediyorum belki ama javascript serisine başlamadan önce şirket politikasını ihlal etmeden çalışırken record alma şansın var mı? Süper olurdu. Her şeyi anlatmasan bile yaptığını görünce anlayabiliriz belki :)

[@FatihAcet]

Sirket zaten acik kaynak oldugu icin projenin bir kismini canli yayinda yazmistim. Sen sanirim onu gormedin :) kzbin.info/www/bejne/rIHLmaOZgJ1gprs

[@bilginyigit3265]

tebrik ederim. yeni baslayan birirsi olarak yararlanmak isterim

[@mehmetmehmet2250]

editörde satırları toplu olarak sağa sola nasıl kaydırıyorsunuz? yani toplu olarak sağa alıp kodu düzenlemenizden bahsediyorum

[@FatihAcet]

Hangi dk'dan bahsediyorsun, ona gore dogru cevap vermis olayim.

[@mehmetmehmet2250]

6:05 burada boşluk bırakıyorsun toplu ama bazen kod yapıştırınca sağda kalıyor toplu sola kaydırmak gerekiyor

[@FatihAcet]

O baya standart bisey ya. Toplu kod sec mouse'la ya da Shift'i basili tutarak ondan sonra Tab ile ileri Shift+Tab ile de geri kaydir.

[@mehmetmehmet2250]

tamam teşekkürler

[@MahmutGundogdu]

State management tam olarak ne oluyor? Niye ihtiyaç duyuyoruz? Angular js de hangi kısım statemanagement ti varmıydı?

[@FatihAcet]

State management, kabaca uygulamadaki data yonetimi diyebiliriz. Data'nin nasil degisecegini, en son durumun gibi sorunlari yonetmeye verilen isim. Buyuk uygulamalarda data'nin yonetimi sikinti olabiliyor, boyle durumlarda kullanmak mantikli oluyor. AngularJS ve diger kutuphaneler icin de state management kullanmak mantikli.

[@faruksirkinti6168]

süpersiniz hocam

[@onemorestory1]

6:30 da kullandığı terimleri anlatmıyorsunuz önemliydi.

[@turkantay]

onlar zaten, Javascript ve EcmaScript 6da var. Siz genel olarak Javascripti ögrenmeden Vue Js e baslamaniz sizi cok zorlayacak. Anlamadiginiz cok yer olucak genel Javascript bilgisi olmadan.

[@onemorestory1]

@@turkantay Javascript bilmeseydim neden vue javascript öğrenmeye kalkışayım? Bunu size kim söyledi anlamıyorum. Temel bir eğitim ve daha 2. ders olduğu için terimlerin ne anlama geldiğini sordum yorumumda. Lütfen karışmayın. Siz Azerbaycan da çalışıyor musunuz?

[@turkantay]

@@onemorestory1 canim ben Almanyada calisiyorum, web developerim. Bu sana nacizane tavsiyem... ki kime sorsan sana ayni seyi söyleyecek ilk önce genel js bilgin olmasi gerek. Olsaydi bu soruyu vermezdin ki yazdigi seyler eecma scriptle geliyor. Sana basarilar diliyorum bu kadar da gergin olma :) life is short enjoy it

[@fpvlovers]

hocam dersler süper emeğine sağlık, sadece tek bir önerim olacak dersleri anlatırken acele etmene, hızlı konuşmana gerek yok hem kendini yorma hemde biz takip edeceğiz diye helak olmayalım :) umarım kızmazsınız, affınıza sığınarak yaptım bu küçük eleştiriyi...

[@FatihAcet]

Hehe, sen beni daha tanimiyorsun anlasilan. Hizli konusmam heyecanlandigimdan, acele ettigimden falan degil. Benim default halim oyle, hizli konusan biriyim ki bu yillar icinde indirebildigim en yavas hali. Yani yapacak bisey yok eldeki malzeme bu :)

[@fpvlovers]

Fatih Acet uhhhh bu yanıtı yeni gördüm ama bi süredir hollandada ev aradığını biliyorum :) diğer videoları izledim...benim sazanlığım bilemedim...umarım işlerin younda gider...

[@emrullahcengiz8165]

neyseki teknoloji gelişti, videoyu 0.75 e alıyorum...

[@FatihAcet]

Lol 😂

[@harunakyuz5340]

Hocam merhaba videoları yeni gördüm. (Doğukan Güven Nomak'tan geldim) Vue js içinde kendi kendime boğulup türkçe kaynak bulamayanlardanım. Ellerine sağlık. Vuejs ve Firebase ile ilgili bir video gelicek mi ?

[@FatihAcet]

VueJS + Firebase tadindan yenmeyen ikili. Boyle bir video cekmek ben de istiyorum ama zamani icin net bisey soyleyemem malesef.

[@harunakyuz5340]

Takipteyiz :)

[@oguzakankan518]

KZbin'de ingilizce olarak gördüm Firebase + Vuejs ile proje yapan bir kaç kişi. Onların projelerini türkçeleştirip kendi kanalında yayınlayabilirsin belki vaktin olduğunda Fatih :)

[@osmanaktas77]

React la arasında kaldım sanırım . Vue ile yürüyecem. Facebook a güvenmiyorum. 2 yıl sonra projeyi rafa atabilir. Parse.js gibi

[@SerhatUcek]

Osman selam, Seçimin ne oldu peki yada şu anki güncel görüşün nedir, rica etsem paylaşabilir misin?

[@mehmeterdemakn6112]

@@SerhatUcek +1

[@sakabugra]

+1

[@lv1kedi]

+1

[@memet2973]

the progressive javascript framework için aklıma gelen ilk anlam; ilerleyen, sürekli gelişen javascript kütüphanesi

[@jamilyahalyyeva5710]

kodlari hangi uygulamada yaziyorsunuz acaba bende bir taraftan denemek istiyorum kusura bakmayin tekrar rahatsiz ediyorum

[@FatihAcet]

Hic onemli degil, merak etmeyin. Bu videoda kullandigim text editor'u Sublime Text 3 ama son zamanlarda VSCode'a gectim.

[@jamilyahalyyeva5710]

Chok teshekur ederım :)

[@emreq9124]

Bi sitede progressive' kelimesi burdaki anlamıyla şöyle bi manaya geliyormuş: "Work for every user, regardless of browser choice, because they are built with progressive enhancement as a core tenet."

[@WanreNa]

Progressive JS Framework Önü açık JS Framework olarak çevrilebilir. Çünkü progresive ilerici ileri görüş gibi anlamı var. Önü açık ve geliştirilebilir anlamında kullanmış olabilirler

[@baransunger4954]

Yenilikçi daha iyi bir çeviri olur bence

[@ukeskin]

Direk sıfır javascript bilgisiyle izlesem anlar mıyım ? bide javascript için video eğitim serisi öneriniz var mı ? Teşekkür ederim. :)

[@FatihAcet]

Inan hic bilmiyorum. Direk anlamazsin demek istemiyorum ama ilerleyen videolari anlamak icin JS bilgisi lazim tabi.

[@ImpPlant13]

An itibari ile vue.js in 189k star ı var. kullanım olarak angular ve reactı geçti

[@baransomakli]

Harika!

[@FatihAcet]

Tesekkurler!

[@oguzakankan518]

The Progressive JavaScript Framework belki : Aşamalı (gelişen) JavaScript kütüphanesi olarak çevrilebilir bilemiyorum.

[@FatihAcet]

Mantikli 👍

[@hidayetelitok9392]

yiğidim o neçe bamaktır yha klavyen iyi dayanıyo valla

[@marlonbrando80]

Tuş sesleri cok sinir bozucu ya

[@burakakdeniz5040]

Bu klavye sesi ile fazla bir şey olmaz kusura bakmayın bilgi birikim tek başına yeterli olmuyor çoğu zaman.

[@FatihAcet]

Genc, kanala 3 sene once koydugum ikinci videoya gelmis yorumlari okumadan ayni yorumu yapiyorsun.

[@burakakdeniz5040]

@@FatihAcet 3 sene öncesine yorum kötü bir şey söylemedim sadece görüşlerimi bildirdim. İyi günler

[@furkandemir1626]

bugun itibariyle 145000 yildizi var vuenin