#Vue3

Поділитися
Вставка
  • Опубліковано 7 лис 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:
    ua-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: ua-cam.com/video/uasEn_xANXE/v-deo.html
    • Song: Loodus- (Felix - Yiğit Diri)
    • Video Link: ua-cam.com/video/SsNULUJPPUo/v-deo.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.

  • @WaffenVerband
    @WaffenVerband 2 роки тому

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

  • @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

  • @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 ♥️

  • @sajjadtalebi9405
    @sajjadtalebi9405 3 роки тому +1

    hocam eline saglik mutish

  • @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.

  • @murataslan5202
    @murataslan5202 3 роки тому

    Harika harika!

  • @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.

  • @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?

  • @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

  • @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

  • @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.

  • @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

  • @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.

  • @umitdogan9718
    @umitdogan9718 2 роки тому

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

  • @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

  • @peyniravcisi
    @peyniravcisi 3 роки тому

    Selam