Salı, Aralık 18, 2018

BEM Nedir ve Neden Kullanmalısınız?

BEM (Block, Element, Modifier) Yandex ekibi tarafından geliştirilen bir stil isimlendirme metodolojisidir. BEM, geliştiricilerin belirli bir projede HTML ve CSS arasındaki ilişkiyi daha iyi anlamalarına...

Geliştiriciler ve Grafikerler İçin Kaynak Siteler

Geliştiriciler İçin CodeSandbox React, Angular, Vue gibi teknolojiler ile hızlıca test’lerinizi yapmak için zahmete girip test projesi oluşturmaktan sıkıldıysanız ve hızlıca sonuç almak istiyorsanız hiçbir efor...

Modern Arayüz Geliştiricisi Neler Bilmeli

Modern arayüz geliştiricisi olmak için yapacağınız ilk şey, HTML, CSS ve Javascript olacaktır. Bunlar temel bilgilerdir. Bunları en iyi derecede bilmek gerekebilir. HTML’in Temellerini Öğrenin HTML...

– Node.js, Bower, Gulp 

Node.js ‘i duyup bir ara ilgilenmiştim. Ama Bower ve Gulp ile tanışalı henüz 2 ay oldu. Hadi en baştan hepsine değinelim. Çalıştığım web tasarım ve web yazılım alanında hizmet veren bir firma da  Laravel ile web uygulamaları geliştiriyoruz. Burada önceden kurulu olan bir yapı üzerinden devam ediyoruz. En yeni ve güncel, hız kazandıran teknolojileri, altyapı ve araçları kullanıyoruz. Bower ve Gulp ile tanışmam da bu şekilde oldu. Ve o zaman döndüm dedim ki bu harika. Bower ve Gulp ‘a geçmeden önce Node.js’in ne olduğuna bakalım. Node.js,  açık kaynaklı, sunucu tarafında çalışan ve ağ bağlantılı uygulamalar için geliştirilmiş bir çalıştırma ortamıdır. Node.js uygulamaları genelde istemci tarafı betik dili olan JavaScript kullanılarak geliştirilir. Bower: Web uygulamaları geliştirilirken kullanılan JQuery, bootstrap, font-awesome gibi kütüphaneleri her zaman indirip yeniden projeye eklenmesi oldukça zahmetli ve zaman kaybı yaşatan bir durum. Ama Bower ile bu konuyu hızlıca çözebilirsiniz. Her seferinde birden fazla dosya indirip düzenlemek yerine bower üzerinden daha kısa süre de bu konuyu çözebiliriz. Bower’ı nasıl yükleyeceğiz? Öncelikle Bower’ı yükleyebilmek için npm’in yüklü olması gerekmektedir. Daha sonra npm install -g bower komutu ile kurulum işlemini gerçekleştirebilirsiniz. Bower için paketleri kurmak istediğimizde ise var mı yok mu diye aramamız gerekirse; Bower search <paketadi> komutunu vermemiz yeterli olacaktır. Örneğin : bower search bootstrap Aradığımız paketi bulduğumuz da kurmak istediğimizde: Bower install bootstrap komutunu kullandığımız takdirde kurulum işlemi başlamış olacaktır. Gulp Nedir? Benim kalp demeye benzettiğim hatta İnstagram üzerinden de bunu defalarca dile getirdiğim çok harika bir şey. Javascript Task Runner yani Javasciprt Görev Çalıştırıcısıdır Gulp. Gulp ile neler yapabiliriz? Kodlarınızı W3C standartlarına göre kontrol ettirebilirsiniz. Pre-processorlerle yazdığınız kodları derleyebilirsiniz. Dosyalarımızın boyutunu düşürebilirsiniz. Resim sıkıştırabilirsiniz. HTML, CSS, JS kodlarınızı sıkıştırabilirsiniz. Hatta dosyalarınızı FTP'ye bile atabilirsiniz. npm install -g gulp komutu ile birlikte proje dosyalarımızın içine gulpfile.js gelmiş olacaktır. Bu dosya içinden tüm tanımlamaları yapabiliriz. Ayrıca Gulp için geliştirilmiş eklentilere de buradan ulaşabilirsiniz. Ben Laravel Elixir ile beraber kullanıyorum ve güzel oluyor. Onu da bir başka makale ile yazacağım. Kendinize iyi bakın dostlar. Tüm komutlara girmedim ama azıcık araştırın hatta kendiniz kurun değil mi ama :). Kodlarınız bugsuz, gönlünüz hep hoş olsun.

CSS Frameworkleri İnceleyelim!

Herkese selam millet, umarım bütsüz bitmiştir dönem zira benim öyle olmadı... Hemen makalenin başında başlıkla ilgili bir konuya değineyim. Konular içinde göreceksiniz bazı yerler...

Recursive (Özyinelemeli) Fonksiyonlar

Fonksiyonlar türlerine göre farklılıklara ayrılmaktadır eğer fonksiyon fonksiyon içinde kendini çağırıyorsa bu Recursive fonksiyon kendisini çağırmaması durumunda ise döngülü (iterative) fonksiyon ismi verilir. Recursive fonksiyonlar...

Şadi Evren Şeker(BilgisayarKavramları) Soru/Cevap

Bilgisayar Kavramları adlı YouTube kanalıyla bir çok öğrencinin kafasında ki soru işaretlerini silip süpüren sevgili Şadi Evren Şeker hocamıza Kod Dünyası takipçilerimizin merak ettiklerini sorduk! Takipçilerimizin...

Unicode Alan Adları ile Oltalama Saldırıları

Oltalama saldırıları inandırıcılığını arttırmak için yeni nesil yöntemler keşfetmektedir. Günümüzdeki teknik insanları bile avlamayı başaracak kadar inandırıcı ve etkili hedef odaklı oltalama saldırıları gerçekleşmekte....

Tersine Mühendislik Nedir ?

Mevcut bir sistem, cihaz ya da nesnenin üretim aşamalarını da içerecek şekilde tasarım özelliklerinin ve/veya işlevsel özelliklerinin tahlil edilmesine tersine mühendislik (reverse engineering,RE) denir. Tersine...

Nesnelerin İnternetine Doğru

20-30 yıl öncesinin bilim kurgu filmlerini yaşamaya başlıyoruz yavaş yavaş.İhtiyaç olarak gördüğümüz lüksleri yaşarken şikayet etmeyi de ihmal etmiyoruz.Sürekli tüketiyoruz, kaynağını sorgulamadan.Birileri ise hiç durmadan...
836BeğeniBeğen
50,151TakipçiTakip et
1,867TakipçiTakip et
94AboneAbone ol

En Çok Okunanlar