Giriş
  • Giriş
  • Kurs sonunda bitmiş uygulamayı tanıtma
Backend Asp.Net Core Api uygulamasının geliştirilmesi
  • Veri tabanı ve tabloların oluşturulması
  • Tablolarımızı bire-çok(one to many) ilişki olucak şekilde birbirine bağlamak
  • Asp.Net Core API projemizin oluşturulması
  • Category/Article/Comment controller sınıflarının oluşturulması
  • DbContext servisimizin startup.cs dosyasına eklenmesi
  • API uygulamamıza Cross-Origin Resource Sharing (CORS) özelliğinin kazandırılması
Single Page Application(Angular) uygulamamızın geliştirilmesi
  • Visual Studio Code kurulumu ve eklentilerin yüklenmesi
  • Angular Projesi oluşturabilmek için gerekli programların kurulumu
  • TypScript paketinin kurulumu
  • Angular web projesinin oluşturulması
  • Bootstrap framework'ün projeye eklenmesi
  • Font Awesome free icon paketinin projeye eklenmesi
  • Jquery kütüphanesinin projeye eklenmesi
  • Angular Material kütüphanesinin projeye eklenmesi
  • Blog sitemizin ana yapısı
  • anasayfa/iletişim/hakkımda sayfalarının(component'lerin) oluşturulması
  • Main/Admin Layout componentlerin oluşturulması
  • Routing mekanizmasının kurulması
  • Anasayfa header menü component'inin(main-nav) oluşturulması
  • Anasayfa header menü'de linkleri aktif yapma
  • Main-layout component'inin düzenlenmesi
  • CategoryService.ts dosyasının oluşturulması
  • Kategori menüsünün(menu-categorycomponent) oluşturulması
  • Kategori menüsünün(menu-category component) html dosyasının kodlanması
  • Components klasörü için module oluşturma
  • Main-layout'un içerisinde yer alacak sayfalarımız için modul oluşturma
  • App.module dosyamızı sadeleştirme
  • page-title component'inin oluşturulması
  • API projemizde makaleleri sayfalamak için gerekli methodun oluşturulması
  • ArticleService.ts dosyasının oluşturulması
  • HomeComponent dosyasının kodlanması
  • sayfalama butonları için ngx-pagination kütüphanesinin projeye eklenmesi
  • Articles Component'in oluşturulması(Makaleleri listelemek için)
  • Articles Component'in html dosyasının kodlanması
  • Articles Component'in html dosyasının kodlanması-2
  • Makalelerin yüklenmeleri sırasında content loading placeholder kullanımı
  • Article Component'inin oluşturulması(Makale sayfası için)-1
  • Article Component'inin oluşturulması(Makale sayfası için)-2
  • Article Component'inin oluşturulması(Makale sayfası için)-3
  • Seo dostu url için custom pipe oluşturma
  • farklı sayfalara geçişlerde devam eden ajax isteklerini iptal etme
  • Category Component'inin oluşturulması(Kategori sayfası için)-1
  • Category Component'inin oluşturulması(Kategori sayfası için)-2
  • Farklı kategori sayfalarına geçişlerde devam eden ajax isteklerini iptal etme
  • Search Component'inin oluşturulması(arama sayfası için)-1
  • Search Component'inin oluşturulması(arama sayfası için)-2
  • Search Component'inin oluşturulması(arama sayfası için)-3
  • En çok tıklanan makaleleri listeleme component'inin oluşturulması-1
  • En çok tıklanan makaleleri listeleme component'inin oluşturulması-2
  • Arşiv menü component'inin oluşturulması-1
  • Arşiv menü component'inin oluşturulması-2
  • Archive Component'inin oluşturulması(arşiv sayfası için)-1
  • Archive Component'inin oluşturulması(arşiv sayfası için)-2
  • Archive Component'inin oluşturulması(arşiv sayfası için)-3
  • Makale görüntülenme sayısını arttırma
  • İletişim formu için backend tarafında email gönderme servisi(api) oluşturma
  • HelperService dosyamızın oluşturulması
  • Formlarımız için Angular Material module dosyasının oluşturulması
  • İletişim formu oluşturma-1
  • İletişim formu oluşturma-2
  • İletişim formu oluşturma-3
Admin Panel Sayfaları
  • Admin Module dosyasının oluşturulması
  • Admin sayfalarımızın oluşturulması
  • Admin panel için admin-nav component'inin oluşturulması
  • article-list(makale listeleme) component'in kodlanması-1
  • article-list(makale listeleme) component'in kodlanması-2
  • article-add(makale ekleme) component'inin kodlanması-1
  • article-add(makale ekleme) component'inin kodlanması-2
  • article-add(makale ekleme) component'inin kodlanması-3
  • article-add(makale ekleme) component'inin kodlanması-4
  • article-add(makale ekleme) component'inin kodlanması-5
  • article-add(makale ekleme) component'inin kodlanması-6
  • article-add(makale ekleme) component'inin kodlanması-7
  • article-update(makale güncelleme) component'inin kodlanması-1
  • article-update(makale güncelleme) component'inin kodlanması-2
  • article-update(makale güncelleme) component'inin kodlanması-3
  • article-update(makale güncelleme) component'inin kodlanması-4
  • article-update(makale güncelleme) component'inin kodlanması-5
  • makale silme butonunun eklenmesi ve kodlanması
  • admin-login component'in oluşturulması-1
  • admin-login component'in oluşturulması-2
  • Admin sayfalarımız için angular guard oluşturma
Blog sitesi için yorum ekleme ve listeleme componentlerinin inşa edilmesi
  • comment service dosyasının oluşturulması
  • add-comment component-1(add-component'in oluşturulması-1)
  • add-comment component-2(add-component'in oluşturulması-2)
  • comment-list component'inin oluşturulması-1
  • comment-list component'inin oluşturulması-2
  • footer-nav component'inin oluşturulması
Bug hatalarının düzeltilmesi
  • yönetim paneline giriş linkinin düzeltilmesi
  • Footer component'imizin sayfalama linklerini kapatması probleminin düzeltilmesi
Angular uygulamamızın canlıya alınması
  • Sql Server veri tabanı oluşturma