#Vue3

แชร์
ฝัง
  • เผยแพร่เมื่อ 9 พ.ย. 2024

ความคิดเห็น • 46

  • @kablosuzkedi
    @kablosuzkedi  3 ปีที่แล้ว +2

    #Vue3 Bootcamp #13 | ASANA Clone | Node.js REST API | Katmanlı Mimari Oluşturmak | MongoDB | Docker
    Merhaba arkadaşlar ASANA Clone yapmaya başlıyoruz!
    Bu dersimizde uygulamamızın alt yapısını oluşturup sonrasında klasör yapısından bahsedeceğiz. Node.js ile Rest API yaparken Katmanlı Mimariden nasıl yararlanırız bunu göreceğiz. Bununla beraber MongoDB Modellerinin nasıl oluşturulduğundan detaylı bir şekilde bahsettikten sonra, konseptleri ayırmak için klasör yapımızı değiştireceğiz.
    Bu dersin içerisinde;
    - Katmanlı Mimari Nedir?
    - Konseptlerin Ayrılması Nedir?
    - Node.js ile REST API nasıl yapılır?
    - Docker ile MongoDB nasıl çalıştırılır?
    - Controller Nedir?
    - Service Nedir?
    - Model Nedir?
    - Loglama Neden Önemlidir?
    - ExpressJS Kullanımı
    - ExpressJS ile Router Nesnesinin Kullanımı
    ve birçok Node.js Paketleri üzerine konuşuyoruz
    İçeriği görmek ve Müfredata Link üzerinden katılarak vereceğim ödevlere erişebilirsiniz.
    eduflow.kablosuzkedi.com/
    Bootcamp Telegram grubuna katılmak için;
    t.me/joinchat/pqiJOgi8byQ5Y2E0
    Bu haftanın kaynak kodları ve Ödevleri;
    github.com/gkandemi/kablosuzkedi-vue3-bootcamp
    Ayrıcalıklardan yararlanmak için bu kanala katılın:
    th-cam.com/channels/YT5QTr38bwp85Pka8YSVIg.htmljoin
    00:00:00 Giriş
    00:19:26 MongoDB' nin Docker Compose ile ayağa kaldırılması
    00:27:47 ER diyagramı ile projenin anlatımı
    00:37:15 Projenin kurulumuna başlıyoruz
    00:37:50 Tek bir app.js dosyası üzerinden sunucu oluşturmak
    00:41:20 Fakat bunun bir handikapı var!
    00:43:20 Katmanlı Mimari
    00:45:55 Proje klasörünün oluşturulması ve paketlerin yüklenmesi
    00:49:54 .env dosyasının oluşturulması
    00:51:00 Klasör yapısının oluşturulması
    00:57:15 app.js üzerinden sunucunun oluşturulması
    01:00:54 Projenin config işlemlerinin yapımı
    01:06:53 Ara
    01:16:55 Neden modules yapısı yapmadık?
    01:18:27 Router ile route yapısının oluşturulması (Projects)
    01:24:12 Router hatası başlangıcı
    01:28:17 Controller yapısının oluşturulması (Projects)
    01:31:13 Router hatası devam ediyor :)
    01:31:46 Router hatasının çözümü :) Seyirci Jokerini Kulladık
    01:34:08 Şu ana kadar ne yaptık?
    01:36:00 Route ve Controller' larını kodlamaya devam ediyoruz (Projects) Index Metodu
    01:37:50 Service Katmanı yapısının oluşturulması (Projects)
    01:43:05 Model yapısının oluşturulması (Project)
    01:46:10 Model'in Service katmanı içinde kullanılması
    01:49:13 http-status paketinin kullanımı
    01:51:54 MongoDB' ye bağlantının sağlanması
    01:52:40 Loaders yapısının oluşturulması
    02:00:00 Rest API üzerinden MongoDB' de ilk dokümanımızı oluşturuyoruz!
    02:00:25 Mongoose modeli üzerinden versiyonlamanın kaldırılması ve TimeStamp'lerin eklenmesi
    02:01:15 Request üzerinden bilgilerin alınması ve DB' ye kayıt edilmesi
    02:02:03 Tüm projelerin çekilmesi için gereken EP' nin yapılması
    02:06:39 Soru Cevap
    02:14:56 Kapanış
    Kanal içerisinde bulabileceğiniz eğitimlerden bazıları;
    1. PHP Programlama eğitimi
    2. Codeigniter framework eğitimi
    3. HTML ve CSS Eğitimi
    4. JavaScript Eğitimi
    5. JQuery Eğitimi
    6. Vue js Eğitimi
    7. Nuxt js Eğitimi
    8. Node js Eğitimi
    9. Express js Eğitimi
    10. JavaScript Frameworkleri
    11. MongoDB Eğitimi
    12. MySQL Eğitimi
    13. Docker Eğitimi
    14. Go programlama Eğitimi
    15. PHP ile proje Eğitimi
    16. Codeigniter ile proje Eğitimi
    17. Vue js ile proje Eğitimi
    18. Nuxt js ile proje Eğitimi
    19. Yeni web teknolojilerin tanıtımları
    20. IDE kullanımları
    gibi daha birçok eğitime ücretsiz olarak ulaşabilirsiniz.
    Eğitimleri izlemek için Oynatma listelerine göz atmayı kesinlikle unutmayın!!!
    Sosyal medyadan takip edin :
    ● VideoSınıf : www.videosinif.com
    ● Yazılım Eğitim : www.yazilimegitim.net
    ● Kişisel Web Sayfam : www.gokhankandemir.com
    ● Facebook : facebook.com/kablosuzkedi
    ● Twitter : twitter.com/kablosuzkedi
    ● Instagram : instagram.com/kablosuzkedi/
    ● Instagram : instagram.com/yazilimegitim/
    • Song: Stomps claps & Beatbox (Music Today 80)
    • Composed & Produced by : Anwar Amr
    • Video Link: th-cam.com/video/uasEn_xANXE/w-d-xo.html
    • Song: Loodus- (Felix - Yiğit Diri)
    • Video Link: th-cam.com/video/SsNULUJPPUo/w-d-xo.html

  • @cuneytdonmez214
    @cuneytdonmez214 3 ปีที่แล้ว +5

    internet ve öğrenim hayatım da dahil böyle güzel akıcı heyecanlı bir anlatıma şahit olmadım. herşey i.çin teşekkürler hocamm

    • @kablosuzkedi
      @kablosuzkedi  3 ปีที่แล้ว +1

      Böyle güzel yorum için de ben teşekkür ederim 🥰🥰

  • @emre.yilmaz
    @emre.yilmaz 3 ปีที่แล้ว +6

    Hocam emeğine sağlık altın niteliğinde eğitimler bunlar.

  • @TheOzSr
    @TheOzSr 2 ปีที่แล้ว

    Harika bir anlatım olmuş, ağzınıza sağlık. Keşke front end kısmı da olsaydı, iyice bütünleşirdi.

  • @kubilaycetin2248
    @kubilaycetin2248 9 หลายเดือนก่อน

    Tam aradıgım olay işte vuejs nodejs bu ikilinin udemy de detaylı baslangıcı gelirse yani katmanlımi dyosunuz bilmiyorum ama harika efane bişey olur

  • @WaffenVerband
    @WaffenVerband 2 ปีที่แล้ว

    Gökhan hocam mükemmel bir ders oldu teşekkürler

  • @dragoncode5072
    @dragoncode5072 2 ปีที่แล้ว

    her şey için teşekkürler hocam

  • @eminaksoy2841
    @eminaksoy2841 2 ปีที่แล้ว

    bu bootcamp serisi vue 3 js'in manifestosu olarak yayınlasın ♥️

  • @murataslan5202
    @murataslan5202 3 ปีที่แล้ว

    Harika harika!

  • @sajjadtalebi9405
    @sajjadtalebi9405 3 ปีที่แล้ว +1

    hocam eline saglik mutish

  • @MuRaT_oV
    @MuRaT_oV 2 ปีที่แล้ว

    Abi öncelikle bu ders videosu için tşk :)
    Abi bişi sorcam vscode kullandığın tema ve eklenti cok güzel eklenti adı nedir acaba
    Şimdiden tşk

  • @WaffenVerband
    @WaffenVerband 2 ปีที่แล้ว

    Gökhan hocam, .Net core ve Java ile kod yazarken AOP kullanıyorduk çok clean çalışma imkanı veriyordu. Nodejs kullanarak bunu nasıl yapacağız?

  • @bogackucuk5944
    @bogackucuk5944 2 ปีที่แล้ว

    Asana projesi boyunca sadece backend mi kodlanıyor? Frontend template veya Vue'a dair bir kodlama yapılmıyor gördüğüm kadarıyla.

  • @berksenver558
    @berksenver558 ปีที่แล้ว

    Henüz seriye başlamadım da başlamayı düşünüyorum. Bu Node.js bölümlerinde Node.js ve MongoDB 0 dan mı öğretiliyor. Yoksa Vue.js ile kullanım mı gösteriliyor. Bilgisi olup bilgilendiren olursa harika olur.

    • @omersahin1200
      @omersahin1200 ปีที่แล้ว

      hocam başladınız mı

    • @berksenver558
      @berksenver558 ปีที่แล้ว

      @@omersahin1200 yok hocam planlarıma değişiklil yaptım

    • @omersahin1200
      @omersahin1200 ปีที่แล้ว

      @@berksenver558 ne gibi ?

    • @berksenver558
      @berksenver558 ปีที่แล้ว

      @@omersahin1200 dilden üni okumaya karat verdim yazılıma ara verfim üniversitede devam edeceğim

  • @berkayyldz7
    @berkayyldz7 11 หลายเดือนก่อน

    Hocam merhabalar, module.exports = () => { dotenv.config() } executable olarak export etmenin mantığını anlayamadım, açıklayacı bir döküman ,video vs önerebilir misiniz ? server.js’in içinde server() diye bir fonksiyon tanımlamadık. İşin mantığı kafama yatmadı yardımcı olursanız çok sevinirim.

  • @berkantsoytas119
    @berkantsoytas119 3 ปีที่แล้ว +1

    loglama için chalk kullanalım

    • @muzur5128
      @muzur5128 3 ปีที่แล้ว

      loglama dediğimiz zaman consola atılan log'dan pas edilmiyor bu arada direk dosya üzerinden log tutuluyor bazı projelerde bunlar db'ye kayıt edilip sonradan işleniyor

    • @berkantsoytas119
      @berkantsoytas119 3 ปีที่แล้ว

      @@muzur5128 biliyorum hocam sadece console için demiştim ben :)

    • @muzur5128
      @muzur5128 3 ปีที่แล้ว

      he okey o zaman evet chalk bende kullanıyorum zaten : D

  • @umitdogan9718
    @umitdogan9718 2 ปีที่แล้ว

    video çok açıklayıcı fakat çok hızlı anlatılıyor

  • @fikreteliyev2266
    @fikreteliyev2266 3 ปีที่แล้ว

    Hocam merhaba udemydeki vue js kursunuda gunceliyicekmisiniz?

    • @muzur5128
      @muzur5128 3 ปีที่แล้ว +1

      orayı sıfırdan vue.js 3 olarak güncelliyeceğin söylemişti

  • @tolgabayrak2963
    @tolgabayrak2963 2 ปีที่แล้ว +1

    Hocam merhaba ben nodejs expressjs öğrenmek isityorumda burdan başlamam doğru olur mu acaba ? Front end i react ile yazıyorum ama back end tarafına hakim değilim pek

    • @kablosuzkedi
      @kablosuzkedi  2 ปีที่แล้ว

      Dostum backend bölümüne burada başlıyoruz ama burada şunu yapmıyorum özellikle node js nedir gibi konulara girmiyorum. Fakat proje yaparken kendi yapımdan dolayı detaylı ve açıklayıcı anlatım yapıyorum. Bir dene izle bir iki dersi bence faydasını görürsün.

  • @aliberkyurtoglu8504
    @aliberkyurtoglu8504 3 ปีที่แล้ว

    Hocam katıl paketlerinden hangisine sahip olursak videoları izleyebiliyoruz? Gümüş üye ve üstü herkes bu bootcamp videolarını izleyebiliyor mu?

    • @kablosuzkedi
      @kablosuzkedi  3 ปีที่แล้ว +1

      dostum videolari herkes izleyebilecek şekilde karar kildik. Fakat proje kodlarına erişim ücretli olacak. Gümüş Paket ve üzeri yani 25₺ ve üzeri.

  • @peyniravcisi
    @peyniravcisi 3 ปีที่แล้ว

    Selam

  • @yalowa
    @yalowa 3 ปีที่แล้ว

    Merhaba, suan yaptiginiz sey aslinda nodejs de adam gibi bir framework olmamasi sebebiyle oturup kendi tarziniza uygun bir framework yazmaniz durumu degil mi sizce? Aylardir adam gibi (en az laravel kadar) bir nodejs framework u ariyorum. Oturup tek tek status koduyla, loguyla ne bileyim Middleware I ile Ben ugrasacaksam; urunu kim yazacak hocam? Nodejs tarafindaki bu kisirligin sebebi nedir sizce? ExpressJS e framework denen bir ortam var, acikcasi agzim acik izliyorum.

    • @emreacar4119
      @emreacar4119 3 ปีที่แล้ว +1

      NestJS'yi kullanıp adam yerine koymadınız mı ?

    • @yalowa
      @yalowa 3 ปีที่แล้ว

      @@emreacar4119 Kendi dokumantasyonunda durmadan external paketleri isaret ettigi icin evet koymadim. Acikcasi enterprise app gelistirirken framework un en basit konular icin bile dis kaynağı isaret etmesini dogru bulmuyorum.

    • @emreacar4119
      @emreacar4119 3 ปีที่แล้ว +1

      @@yalowa Tam olarak anlamadım. Dış kaynaktan kastınız örneğin Queue için bull kullanıyor. Bunu bir dış kaynak olarak mı değerlendiriyoruz ? Veya routing için express kullanıyor bu da bir dış kaynak mıdır ? Bana Js olmak zorunda değil dış kaynak kullanmayan bir tane FW gösterin. Sizin dış kaynak dediğiniz ekosistemi ayakta tutan gelişmesini sağlayan yegane unsurdur. Örneğin bu video'da mongoose kullanılmış, dış bir kaynak. Şimdi oturup mongo'ya query gönderen kütüphane mi yazması gerekiyordu veya bir frameworkün adam yerine konulabilmesi için mongoose kullanmak yerine kendi orm'sini mi yazması gerekiyor ?

    • @batuhansevgil
      @batuhansevgil 3 ปีที่แล้ว

      ​@@yalowa Merhaba, Sadece tanımı buraya bırakıyorum düşüncelerinizi gözden geçirin @Emre Acar Haklı.

    • @muzur5128
      @muzur5128 3 ปีที่แล้ว +1

      @@emreacar4119 nestjs ondanda çöp bu arada bende node.js severim daha çok fastify/expressjs kullanıyorum nestjs arkada expressjs kullanıyor ve 2x daha yavaş express'e göre bir site en önemli şeylerden biri api'nin hızıdır.