Adım Adım Öğrenmek #1 Serinin Konsepti/ Front-end
Evet sevgili okurlar, Evliya ve Sabırsız Kalpler’in ilk seri yazısına hoş geldiniz. Adım Adım Öğrenmek serisini yaratma fikri, en verimli düşündüğüm zamanda bir anda aklıma düştü. Sonra sifonu çekip fikrimi hayata geçirmek üzere bilgisayarın başına geçtim.
Adım Adım Öğrenmek serisinde genellikle bilgisayar mühendisliği alanını kapsayan konuları beraber öğrenmeye çalışacağız. Öğrenirken dağınık olmaya özen göstereceğiz, basitten almaya çalışacağız ve eğlencemize bakacağız.
Süreç dışındaki temennim ise okuyan insanlara herkesin düzenli ve mükemmel bir şekilde çalışmadığını, sadece video izleyerek öğrenilemeyeceğini göstermek;‘Her yiğidin bir yoğurt yiyişi vardır’ sözüne dayanarak kendi yiyiş tarzımı da ufaktan göstermektir.
Her yiğidin bir yoğurt yiyişi vardır.
-Atasözü
Nereden Başlıyoruz?
Bilmiyoruz. Bildiğimiz tek şey internette her şeyi bulabileceğimiz. Hemen küçük bir araştırmaya çıkıyoruz: “Where can i start to front-end”
Bu göstermelik küçük araştırmamızdan çıkan sonuçlardan anlıyoruz ki öncelikle HTML ve CSS öğrenmemiz lazım. ‘Okey abi sıkıntı yok devam’ diyoruz (Kendi kendimizi böyle ufak cümlelerle motive etmek önemli.).
Geldik kaynak toplama kısmına. Öğrenmeye başlamadan önce nasıl öğreneceğimize karar vermeliyiz. ‘Documentation’lar okuyarak mı? Paramızı alıp motivasyonumuzu şişiren kurs sitelerinden video izleyerek mi? ‘Saldım çayıra mevlam kayıra.’ diyerek direkt bir şeyler yazmaya çalışarak mı? YOKSA HEPSİNDEN ORTAYA KARIŞIK MI?
Saldım çayıra mevlam kayıra.
-Deyim
Hızlı bir başlangıç için sevdiğim kaynaklardan biri olan ‘w3schools’ HTML kaynağını açıyorum. Sol tarafta gördüğünüz sekmeleri okumaya başlıyorum. Bunlar belki de önemsiz gözüken ama ilerde size yöneltilecek “Abi HTML’in açılımı ne? Abi niye başında !DOCTYPE yazıyo?” gibi sorulara cevap vermenizi sağlayacak bilgileri barındıran sekmeler. Temeli iyi atalım.
Okumaya devam ederken ‘HTML yazmak için Text Editör lazım.’ yazısı karşıma çıkıyor. Zaten 2 satır bir şey okumuşum ve hemen sıkılmışım, O yüzden okumayı kısa bir süreliğine bırakıp text editör modellerini araştırmaya başlıyorum.
Atom indirmeye karar veriyorum. Bir şeyler indirmek beni heyecanlandırıyor ve motivasyon barım tekrar fulleniyor.
Tabi ki her yazılımcı gibi ben de vampirlik taslayıp arayüzü siyah yapıyorum. ‘Packages’ ve ‘Themes’ kısmını biraz kurcalayıp kafama göre şeyler indiriyorum. Öyle bir havaya girmişim ki uçmak üzereyim. Text Editör’ümüzü kendimize göre özelleştirmişiz, yazmaya başlamak için önümüzde tek bir adım kalmış: Masaüstüne ‘Web Development’ diye klasör açıyorum, Atom’dan ‘Open Project’ diyip klasörü seçiyorum, klasöre ters tıklayıp ‘new file’ diyorum ve meraba.html dosyamı oluşturuyorum. ve Allah’ım sana geliyorum.
Döndük yine kaynağımıza. Okumaya devam edip bilgi kasıyoruz ki ilerleme kaydedelim. Bu kısımda motivasyonu sert bir şekilde düşen arkadaşlar olabilir. Sıkıldığını hisseden arkadaşlar olabilir. Burada karşımıza irade sorunu çıkıyor. Sevgili arkadaşlar, bir noktada kendinizi kasmazsanız zorlamazsanız gerçekten biri sizi arkanızdan itmediği sürece ilerleyemezsiniz. Ve bunu yaptıkça irade kasınız güçlenir. Bir süre sonra artık sizin için bu bir problem olmamaya başlar. İradesiz olmak utanılacak bir şey değil, bu satırları yazarken canımın ne kadar saatlerce tır videosu izlemek istediğini anlatamam yalnız değilsiniz. O yüzden devam devam devam.
Herkes başlayabilir; ama ancak güçlü irade sahipleri bitirebilir.
Eli Stanley Jones
Uygulamaya Geçiş
Kaynak okumamızı kendimizi yeterli gördüğümüz noktada durdurup uygulamaya geçiyoruz. Öğrendiklerimizi uygulamaya aktarmak ve neler olduğunu görebilmek hem motivasyon hem de öğrenmek adına güçlü bi adım.
Atom’da yazdıklarımızı Ctrl+S yaparak kaydediyoruz ve .html uzantılı dosyamızı kullandığımız tarayıcıda açıyoruz. İşte benim sonucum:
Gerçekten modern ve tasarım ölçütlerine uygun, sektöre hazır bir site tasarımı yapmanın hazzını iliklerimize kadar hissediyoruz. Yavaş yavaş olduğumuzu, yeni maceralara yelken açacağımızı biliyoruz. Motivasyonumuz doruklarda, sonraki yazımızda daha iyisi için çabalayacağımız su götürmez bir gerçek haline geliyor.
