WebDev Serisi #1 Başlangıç

08# Haftada 1 gün WebDev Yazısı nedir bu Front-end Developer? Tanım: Kullanıcıların etkileşime girdiği (client-side) önyüzde HTML, CSS ve JS kullanarak geliştiren kişiye front-end developer (önyüz geliştirici) denir. [bkz. metin yılmaz – front-end developer yeterlilikleri yazısı]   Back-end işin neresinde? Bir uygulama geliştirme işini bir restaurant’a benzetirsek front-end size o yemeği en güzel şekilde sunumudur. […]

Sponsor Link

Frontend Developer Yol Haritası 2018

Son senelerde yazılım anlanında tüm taşlar yerinden oynadı denebilir. Bunda da en büyük katkıyı Javascript’ta yapılan ve javascript tabanlı geliştirmeler oldu. Phyton daha yazılım dünyamıza tam yerleşmemişken, mahsüllerini yeni yeni alırken  Javascript tüm dillerin pabucunu dama atarak 2018’in en trend dili haline geldi. Aşağıda Kamran Ahmed adlı abimizin hazırlamış olduğu yol haritası Modern Front-End Developer Yol Haritası […]

Ücretsiz SSL Alma Yöntemi

Bu bağlantıdan ücretsiz SSL alacağımız siteye gidiyoruz.   ZeroSSL :FREE SSL kısmından Online Tools‘a tıklıyoruz.  Daha sonra önümüze gelen sayfadan Free SSL Certificate Wizard‘dan Start‘a basıyoruz.  Açılan Ekranda 4 bölme göreceksiniz. Sağ üstteki bölgeye domain’inizi girin.(domain girerken www. Içeren ve içermeyen halini virgül koyarak yazın)  Daha sonra aşağıda yer alan Accept ZeroSSL TOS , Accept Let’s Encrypt SA(pdf) seçeneklerine tik koyuyoruz.  Daha sonra sağ yukarıdan Next diyoruz.  Domain yazdığınız yerin altındaki kutucuğa bir anahtar belirmesi gerekiyor. Bu anahtar dosyasını oradaki indirme tuşuna basarak indiriyoruz.  […]

CSS Cami Mahlası Kodlayalım

Aslında bunu kodlamayı daha Ramazan ayına girmeden düşünmüş ve araştırmış olsam da mahlasa uygun “cami.png” araştırmam beni yarı yolda bırakmıştı. Çünkü bulduğum resimlerle temama uygun kodlamalar olmayacaktı. Bu yüzden rafa kaldırmıştım. Bunun haricinde ramazan davulcusunu da kodlamayı araştırmıştım, yine aynı şekilde bırakmıştım. Bugün tekrar uyanan hislerimle nette gezerken camigezgini.com’a denk geldim. Allah razı olsun Muammer […]

CSS Seçicileri – Seçmek iste yeter :)

CSS Selectors In CSS, selectors are patterns used to select the element(s) you want to style. Use our CSS Selector Tester to demonstrate the different selectors. Selector Example Example description .class .intro Selects all elements with class=”intro” #id #firstname Selects the element with id=”firstname” * * Selects all elements element p Selects all <p> elements element,element div, […]

Temel HTML #1 – Sayfa Yapısı

Web tasarım, proje geliştirme denince ilk akla işin HTML kısmı gelir. Bu alanda öğrenmeniz gereken en temel dildir. Mantığı kolay, üzerinde çok takılmayacağınız bir alandır. HTML veya yeni bir dil öğrenirken önemli olan ezberlemek değildir. Asıl olay nerde neyin en iyi şekilde (basit ve hızlı) kodlayabilmeyi tecrübelerle kazanmaktır. Bu tecrübeye erişmeniz için bu yazımda sizlere […]

Not Defteri ve Yığılmış Sayfalar Efekti #CSS

Merhaba gençler 🙂 Kodlara geçmeden önce Codepen’den önizlemesine bakabilirsiniz.  Bakmayanlar için açıklamaya devam edelim. Evet başlıkta da dediğim gibi alttaki kodlarla ilk önce sayfanın arkaplanına çizgili not defterlerinde olduğu gibi çizgiler ekleyeceğiz. Ardından da üst üste yığılmış sayfalar efektini ekleyeceğiz. Kodları da harmanlayıp bir güzel not defteri ortaya çıkarıcaz. HTML Kodlar:   CSS Kodlar: HTML […]

Kendi Tasarımımı Yapıyoruuum Bonus İlk Tasarım Sizlerin

Herkese merhaba geçen dönem bootstrap ile tanışmamla içimde zaten bulunan o arzuya tekrar kulak verip ‘kendi tasarımımı yapma’ girişimlerine tekrardan başladım. Bu yolculukta kaynaktan kaynağa atladım. Uyandırdım tüm CSS HTML bilgilerimin üzerine ekledim de ekledim. Bunun da yanında WordPress Codex kütüphanesinde baya zaman geçirmeye başladım. Flash Öldü. Kompleks tasarımlar değer yitirdi. xHTML gitti HTML5 oldu. […]

12
Choose A Format
Trivia quiz
Poll
Story
List
Video
Audio