Herkese merhabalar. Açıklamada da belirttiğim gibi kişisel internet sitemi uzun yıllardır erteliyordum. İsmim geçen 4'ten fazla domain alıp sonraki yıllar için yenileme ücretini almayarak kaybettim. Yazımın kalanının da boş gözükmesiyle beraber, üniversite başvurularından önce bu siteyi bitirmek istiyorum. Github'ın Student Developer Pack'inden faydalanacağım domain ve SSL sertifikasıyla beraber, şu anlık hosting seçimim AWS Lightsail olacak gibi duruyor. Planladığım yazılım stack'i ise grid düzeni için Bootstrap CSS ve Vue.JS olacak. Bootstrap ile daha önce biraz tecrübem olsa da tekrardan öğrenmeyi planlıyorum. Öteki yandan Vue.JS ve Javascript, yıllardır Python ve Tensorflow ile mücadele eden ben için çok yeni konseptler. Şu anlık çok zorlanmasam da, PWA/SPA mimari tasarımında kendimi kaybetmeye hazırım. Tasarım konusunda MS Paint'te ürettiğim basit planı içerisindeki NSFW Tim Apple referansı yüzünden Sosyal'e yükleyemesem de, basitçe anlatmak gerekirse internet sitem şu elemanlardan oluşacak:
- Navbar
- Landing Page
- Rastgele seçilmiş yazılar - içerik belirlenmedi.
- Fotoğrafımı, iş yerimi, başlığımı ve CV'me yönlendiren bir buton bulunduran bir kart.
- Blog girdilerim bölümü.
- İletişim bilgilerim.
- Copyright ve SSL Sertifikası bölümü. (Bkz. Hala neden var olduğunu bilmediğim kurallar.)
Bu tip bir yapı seçmemin nedeni basit: Responsive Design. İlk fikrim landing sayfasını iki yamuk bölüme ayırıp blur kütüphaneleri kullanmaktı, ancak bunun responsive tasarımıyla uğraşmak beni deli etti. Bir öteki yandan da Apple'ın "hedeflediği" neumorphic tasarım dili ilgimi çekmeye başladı. Elimden geldiği kadar kart ve butonlarıma integre etmeye karar verdim. Blog girdilerim bölümü ise şimdilik sadece bir rüya. Nasıl çalışacağını bilmemekle beraber, Vue.JS'teki ilerlemem, dilin back-end kısmında hiçbir halta yaramadığına işaret etmekte, ancak dediğim gibi bu şuanlık gördüklerimden ibaret. Takip ettiğim kursların devamında back-end'e değinilirse bu iş değişebilir. Eğer değişmezse de "Neden React kullanmadım!?!?!?" girdimde "Çünkü Vue.JS güzel gözüküyor." diyerek kendimi yerin dibine sokmaya hazırım.
Vue.JS kullanmayarak kaçırdım bir fırsat daha da Framer'ın Motion kütüphanesini kullanabilmekti. İnanılmaz temiz ve yumuşak animasyonlara olanak sağlayan bu kütüphanenin maalesef React bağımlılıkları var. Dolayısıyla şu anlık animasyonlar ve transitionlar için bir planım yok, ancak Vue2-Animate kütüphanesi sağlam gözüküyor. Planlar için bu kadar yeter, öğrenmeye başlayalım.
Vue.JS öğrenmeden önce JavaScript öğrenmem gerekiyordu. Bunun için MoshHamedani'nin 1 saatlik JavaScript kursuna başvurdum ve... başvurmaz olaydım. 1 saatlik bu kurs, Jake Wright'ın 12 dakikalık kursundan çok daha az içeriğe sahip. Eğer öğreneceğiniz ilk programlama dili JS değilse hiç tavsiye etmem, boşuna zaman harcamış oldum. Ancak kursun eksikleri çok sorun olmadı, çünkü pure JS kullanmak gibi bir planım yok. VueMastery'nin Vue.JS kursuna başlamadan önce syntax'a alışmak istedim sadece, o görevi de gördü diyebiliriz. Bu kurstan çıkardığım özeti bu Notion sayfasında bulabilirsiniz. Notlarımı İngilizce alıyorum, kursların diliyle beraber daha kolay oluyor. İçeride pek bir şey bulamayacaksınız, çünkü kurs cidden o kadar kısıtlı bir alanda ilerliyor.
Bu girdilik yazacaklarım bu kadar. Vue.JS kursunda yeterli ilerleme kaydettiğimde görüşürüz.
