Nedir bu sitenin hikayesi?
Aslen ciddi anlamda bu işlere ilk adım atmam Discord botu kodlamakla başladı, geçtiğimiz yıllarda ise aktif olarak web programalama üzerine katıldığım bazı projelerden bir çok deneyim ve bilgi elde ettim. Bu bilgiler ile kendi yürüttüğüm projeler oluşturdum ve kendime bir portfolyo çıkarmak istedim. Daha öncesinde de bir siteye sahiptim ancak bu site Bootstrap ve (düz) HTML kullanılarak yazılmıştı, bu alanda da fazla bilgim olmamasına rağmen işimi gördüğü için yeterli olacağını düşünüyordum. Ancak katıldığım birkaç proje ile çalışmalarına başladığım Vue.js'i öğrenirken geçtiğim yollar, bana büyük zevk yaşattı. Sürekli yeni ve daha "havalı" şeyler öğreniyor, daha komplike sistemler kuruyor, sonsuz olanakların birinin içinde buluyordum kendimi.
Günler, haftalar geçti, sonunda eski sitemi Vue.js kullanarak yeniden yazma kararı aldım. Her ne kadar büyük ölçüde hakim olmasam da bu adım, bana hem deneyim, hem de "şöhret" kazandıracaktı. Yaptığım her şeyde olduğu gibi, kendi beğendiğim şekilde bir site hazırlamaya başladım. Bu siteye, eski sitemden geçirmem gereken bir çok sayfanın geçmesi ve yeniden yazılması gerekiyordu. Vue'ya bir kere alıştıktan ve başladıktan sonra bir daha jQuery ve normal HTML dünyasına dönmemeniz dolayısıyla eski sistemlerimi Vue ile daha iyi çalışır ve daha iyi bir kullanıcı deneyimi sunar hâle getirdim. Bunların sonucunda çıkarttığım ilk sonuç, Google'ın Materyal tasarımı kütüphanesini Vue'ya sunan Vuetify kullanarak yaptığım, şuan ana alan adımda aktif olan buradaki siteyi hayata geçirdim.
Yaptıktan sonraki günlerde hataları çözmek, kullanıcılardan dönüşler almak ve gün boyu yaptığım şeye bakarak kendim ile gurur duydum. Bu hazzı kendi projelerinizde yaşadığınıza ve bildiğinize eminim. Ancak... Günler, haftalar, aylar hatta neredeyse aradan bir yıl geçtikten ve ben yeni projelere atıldıktan sonra, zamanında neredeyse beraber uyanıp beraber uyuduğumuz ilk göz ağrım Vue internet sitem gözüme çirkin, soluk, yetersiz ve "geride kalmış" hissetirmeye başladı. Bir yerde materyal ve modernliğin bile sizi daralttığı noktaya ulaşıyorsunuz, ben de bu noktaya ulaşmıştım. Android 5 zamanından beri bir devrim niteliğinde olan materyal tasarımlar, artık gözüme hoş gözükmemeye, boğucu, büyük ve elemanlar gereksiz yer kaplıyor gibi gelmeye başlamıştı.
Sol: Eski, materyal ve sadece karanlık moda sahip tasarım - Sağ: Yeni ve seçebileceğiniz 2 renk moduna sahip tasarım
İlk olarak bahsetmem gereken şey, yeni sitem üzerinde de aylardır uğraştığım gerçeği. Her ne kadar artık çok daha fazla şey biliyor ve kendimi yeni sitemi yapmakta kullandığım Vue.js, Nuxt.js ve TailwindCSS'de geliştirmiş olsam da, okul, iş ve diğer projelerin yoğunluğundan vakit ve motivasyon bulamamdan ötürü bir çok ara ve molalar vererek geliştiriyorum. Aslında sitenin görünürdeki ve bu yazıyı okuyan herkesin kullanabileceği özelliklerin tamamı yenilendi ve sitede aktif olarak duruyor. Elimde sadece yapmam gereken 2 proje-bazlı sayfalar duruyor, bunları da motivasyon bulduğum vakit eski siteyi yenisi ile değiştireceğim.
Sol: Eski site üzerindeki pozisyonlarım ve bildiğim teknolojiler - Sağ: Yeni site üzerindeki deneyimlerim, pozisyonlarım ve bildiğim teknolojiler
Aslında yukarıda bahsettiğim TailwindCSS'i öğrenirken kendimi denediğim en büyük yer bu site. Yani TailwindCSS'i bu siteyi yaparak öğreniyor ve kendimi geliştiriyorum. Bu da demek oluyor ki, yeni bir şey öğrendikçe, eskiden yaptığım şeyleri güncelliyor, daha doğru ve daha iyi bir yol kullanarak geliştiriyorum. Yukarıdaki fotoğraflarda gördüğünüz yeni site, ilk başta bu şekilde gözükmüyordu. Her ne kadar şimdi onu da değiştirmiş olsam da, yine de eskisinden daha iyi olduğunu düşündüğüm bir de "yeni sitenin ilk hâli" olarak adlandırdığım bir görüntüsü vardı. Henüz daha geliştirirken, kullanıma açılmamışken eski sitede yaşadığım olayı tekrar yaşamam ve görüntüsünün "bayması" dolayısıyla yakın bir zamanda yeni yaptığım o tasarımı da tamamen silerek yeni bir tasarım daha yaptım. Artık teknolojiyi daha iyi kavradığım için çok daha kısa sürede yaptım ve bir gecede diğeri ile yerini değiştirerek arkadaşlarım ve çevremin fikirlerini aldım. Fikirlerin tamamı olumlu yönde, ve çoğu eski (ama aslında yeni olan) tasarımdan çok daha iyi olduğunu, hele hele şuan alan adında aktif olan materyal tasarımdan çok çok daha iyi olduğunu söylediler.
Yukarıdaki resimde bulunan tasarımı ilk yaptığımda yine aynı duyguları yaşamış, içimde her ne kadar "acaba olmadı mı? daha iyisini yapabilir miyim?" gibi düşünceler bırakmış olsa da bununla piyasaya girmiş ve arkadaşlarıma sunmuştum. Bu tasarımı da oldukça beğendiler, fakat zaman geçtikçe hepimiz bu tasarımdan da soğumaya başladık. Eğer böyle bir şüphem olmasaydı bu tasarım hakkında, bu gönderiyi siteyi ilk yenilediğim zamanlarda açmış olurdum. Ancak anlayacağınız üzere, yenilenen görüntüsünün beni ve arkadaşlarımı tatmin etmesi üzerine bu gönderiyi artık açmakta özgürüm!
Siteyi ne kullanarak yaptım?
Bu forumda fazla takılmıyor, eskiden beri adını biliyor ve takip ediyor olsam da aktif olarak ticaret çevirmiyor, gönderilere bakmıyor veya iş almıyorum. Ancak bu ve geçtiğimiz haftalarda açtığım gönderiler ile biraz daha içine girdiğim R10'un profil kısmındaki "deneyimler" sekmesinde Vue.js ve Nuxt.js'in olmaması beni her ne kadar üzse ve bunun bir eksiklik olduğunu düşünsemde R10'un konseptini seviyorum.
Site, önceki gönderide de bahsettiğim diğer bir projemin sitesinde kullandığım teknolojiler ile hemen hemen aynıları kullanılarak yapıldı. Yani anlayacağınız: Vue.js, Nuxt.js ve TailwindCSS 2.0.
Sitenin ne özellikleri var?
Site, benim ihtiyaçlarımı karşılaması için oluşturulduğu için aslında belkide sizin ilginizi çekecek pek bir özelliği sahip değildir. Ancak bana lazım olduğunu hissettiğim bir çok özelliği de siteye koydum, bunlardan bazıları:
Siteyi ne kullanarak yaptım?
Bu forumda fazla takılmıyor, eskiden beri adını biliyor ve takip ediyor olsam da aktif olarak ticaret çevirmiyor, gönderilere bakmıyor veya iş almıyorum. Ancak bu ve geçtiğimiz haftalarda açtığım gönderiler ile biraz daha içine girdiğim R10'un profil kısmındaki "deneyimler" sekmesinde Vue.js ve Nuxt.js'in olmaması beni her ne kadar üzse ve bunun bir eksiklik olduğunu düşünsemde R10'un konseptini seviyorum.
Site, önceki gönderide de bahsettiğim diğer bir projemin sitesinde kullandığım teknolojiler ile hemen hemen aynıları kullanılarak yapıldı. Yani anlayacağınız: Vue.js, Nuxt.js ve TailwindCSS 2.0.
Sitenin ne özellikleri var?
Site, benim ihtiyaçlarımı karşılaması için oluşturulduğu için aslında belkide sizin ilginizi çekecek pek bir özelliği sahip değildir. Ancak bana lazım olduğunu hissettiğim bir çok özelliği de siteye koydum, bunlardan bazıları:
- Genel bir portfolyo; deneyimlerim, bilgilerim ve sosyal medya hesaplarım.
- Teknoloji, Linux, Discord, Oyun ve yazılım hakkında yazılar tutacağım bir blog.
- Sevdiğim müzikleri paylaştığım, her gün farklı müzikler sunan "Günlük Müzik" sistemi.
- Aydınlık ve karanlık mod seçenekleri.
- GitHub depolarım.
- Ve dahası...
Bunların hepsinin çalışması için Vue.js ve Nuxt.js'in sağladığı modüller, paketler, yöntemler ve kolaylıklar ile sitemi baştan aşağı, hazır bir yazılım kullanmadan kendim inşaa ettim. Sonucundan da memnun ve tüm siteye hakim olduğum için aksi bir durumda memnun olacağım kıvama getirebilecek potansiyele sahibim.
Neden bu yazıyı yazıyorsun?
Bu yazıyı, bu forumu inceleyenlerin akıllarında farklı fikirlerin oluşması, benim geliştirme sürecinde referans aldığım bir çok örnek sitelerden biri olması ve size referans olması, kendini bu alanda geliştirmek isteyenler için bir araç olması ve size duygularımı anlatmak, sizlerden dönüş almak gibi bir çok neden gördüğüm için yazıyorum.
Sitenin açık kaynak olduğunu, henüz geliştirme aşamasında olsa bile kaynağı alıp belirtilen adımları takip ederek kendinizin de kullanabileceği bir sisteme dönüştürebileceğinizi unutmayın. Eğer kaynağı kullanır ve kendinize bir site oluşturursanız, sitenizin bir köşesinde kaynağı koyar ve GitHub lisansına aykırı bir şey yapmazsanız benim emeğimin de karşılığını vermiş olursunuz.
Yorumlarda site hakkında fikirlerinizi belirtebilir, sorularınızı sorabilirsiniz, buraya kadar okuduysanız teşekkür ediyorum.
* Site Adı: eggsy.xyz
* Site Adresi: https://eggsy.xyz
* Açıklama: Young JavaScript developer from Turkey, interested in languages, gaming, and programming, trying to improve his JavaScript skills!
Çok havalı.