Notes

Angular projeme eklemek için HTTP interceptor konusunu araştırmam ve projeme nasıl entegre edeceğimi öğrenmem istendi. Bu süreçte Angular'ın HTTP interceptorlarının nasıl çalıştığını, istekleri ve cevapları nasıl işleyebileceğimi öğrenerek projemize nasıl entegre edeceğimi araştırdım ve ekledim.

Gün 10
Bugün benden admin panelini yazmış olduğum sitenin Ön yüz scripti verildi ve onu da aynı projede angulara giydirmem istendi.
Öncelikle scripti inceledim . İlk olarak header vte footarımı ayrıdım. bunlar her sayfada olacağı için ilk bunları ayırdım daha sonra sayfaları içeriklerine göre komponentlere ayırmaya devam ettim. ardından scriptin css js img klasörlerinin bulunduğu asset dosyalarını projeye dahil edip Angular.json dosyasında yollarını belirttim.

Gün 11
Verileri almak ve işlemek için gerekli olan servisleri oluşturdum ve bu servisleri projenin ilgili componentlerine entegre ettim. Bu sayede, scripti giydirdiğimizde verilerin otomatik olarak güncellendiğini ve kullanıcıların değişiklikleri gözlemleyebilmesini sağladım. Artık web sitemi admin panelden düzenlenebilen dinamik bir hale getirmiş oldum.

Gün 12
Bugün Toastr adlı kütüphanenin ne olduğunu ve projeme ekleyip ilgili yerlerde nasıl kullanabileceğimi öğrenme görevi verildi.
. Toastr'ın kullanıcıya çeşitli bildirimler göstermek için kullanılan bir JavaScript kütüphanesi olduğunu ve projelerde genellikle hızlı ve dikkat çekici bildirimler sağlamak için kullanıldığını öğrendim.
Toastr'ı projeme ekledim. Ardından, projemin ilgili yerlerinde kullanılabilmesi için gerekli bileşenleri ve servisleri oluşturdum. Toastr'ı kullanarak, kullanıcıya mesajları ve bildirimleri iletebileceğim yapıyı oluşturdum.

Gün 13
Bugün SweetAlert'adlı kütüphanenin ne olduğunu ve projeme ekleyip ilgili yerlerde nasıl kullanabileceğimi öğrenme görevi verildi.
SweetAlert, kullanıcı dostu bildirimler oluşturmayı sağlayan bir JavaScript kütüphanesidir. Basit ve çekici bildirimler oluşturmak için tercih edilir. Örneğin bir ürünü sepetten çıkarıcaksınız sepetten çıkart düğmesine bastınız "Çıkartmak istediğinize emin misiniz " şeklinde bir pop-up açıldı bunu SweetAlert sayesinde sağlayabilirsiniz.

SweetAlert'i projeme eklemek için gerekli adımları takip ederek, projeme kütüphaneyi başarılı bir şekilde dahil ettim. Ardından, projemin ilgili yerlerinde kullanmak üzere gerekli fonksiyonları oluşturdum. SweetAlert'i kullanarak, kullanıcılara bildirimler sunarak projenin kullanıcı deneyimini iyileştirdim.

Gün 14

Owl Carousel'i projeme entegre etmem, ilgili yerlerde kullanmam görevi verildi.
Owl Carousel, görsel içeriği kullanıcı dostu bir şekilde sunmayı sağlayan bir jQuery eklentisidir. Özellikle slayt gösterileri ve carousel (döner menü) öğeleri oluşturmak için kullanılır. Daha sonra, projeme Owl Carousel'ı nasıl ekleyeceğimi ve projede nasıl kullanabileceğimi öğrenmek için kütüphanenin resmi dokümantasyonunu inceledim.
Owl Carousel'ı projeme entegre etmek için gereken adımları takip ederek, projeme dahil ettim. Ardından, projemde kullanmak için gerekli bileşenleri ve konfigürasyonları oluşturdum. Ancak oluşturuken Angular TypeScript ile çalışırken jQuery Javascript tabanlı çalıştığı için sorunlar yaşadım.

Gün 15

JavaScript kodlarını TypeScript'e dönüştürme sürecinin temel prensiplerini araştırmaya başladım. JavaScript kodlarıyla aynı mantığı ve yapıyı koruyarak, TypeScript'e çevirerek nasıl kullanabileceğimi öğrenmeye başladım . Daha sonra, projedeki Owl Carousel'ın JavaScript kodlarını inceledim ve bu kodları nasıl TypeScript'e dönüştürebileceğimi planladım.

Owl Carousel'ın JavaScript kodlarını TypeScript'e dönüştürürken, değişken türlerini belirtmek, fonksiyon parametrelerini ve dönüş tiplerini tanımlamak gibi adımları izledim. Aynı zamanda, projenin geri kalan kısmıyla uyumlu olmasını sağlamak için özenli bir şekilde çalıştım