JavaScript Tips | Day 9 #30DaysOfJavaScript


9thDayOf30DaysJavaScript


Default Değeri Kullanma

let student = {id:1, name:"Rumeysa"}

function save(puan = 10, ogrenci){ // default varsa onu sona yazmak önerilir yani (ogrenci, puan =10) şeklinde
    console.log(ogrenci.name + " : " + puan)
}

save(undefined, student);

default değeri olan bir değişkeni fonksiyona önce gönderdik. Bu default değeri kullanmak, çekmek istiyoruz fakat save(student) şeklinde çağırırsak student bilgisini puan değişkenine atamaya çalışır. ogrenci.name ‘ i çekemez. Bunun için default kullanacağımız değer yerine undefined yazıyoruz.


Position: absolute ‘ u anlamak ve position: absolute ile position: relative arasındaki fark

Bu konu için harika açıklayıcı bir kaynak buldum. 🥳 Teşekkürler Fehmi Uyar.

Nedir Bu Framework

Framework’ler ne bir kütüphanedir ne de bir IDE. Geliştirdiğimiz uygulamalarda kullanabileceğimiz hazır kodlar içeren kütüphaneleri ve modülleri içerisinde bulunduran yapıdır. Bizi fazla kod yazmaktan kurtarır. Ayrıca içerisinde bulunan yapılar sayesinde projemizin okunurluğunu artırır. Örneğin bir buton oluşturmak istediğimizde, bu gibi nesneleri framework sayesinde kod yazmadan oluşturabiliriz. Gelişmiş frameworklerde form kontrolü, veri tabanı bağlantısı, kullanıcı giriş çıkış, mail atma, tema motoru gibi işlemleri içerisinde bulunan kütüphanelerle yapabiliriz. Bir başka örnek ise .NET framework’ünde MVC yapısı sayesinde model, view, controller bölümleri ile kodun kontrolünü, düzenlenebilirliğini, artırmış oluruz. Framework’ler sayesinde bir kere tanımlanmış bir kodu tekrar yazmamış oluruz ve üzerinden belirli bir süre geçen projemizin düzenlenmesinde, kontrollerinde büyük bir kolaylığa sahip oluruz. Günümüzde pek çok framework opensource olarak geliştirilmektedir. Framework’leri kullanan geliştiriciler; geri bildirimde bulunarak, düzenlemeler yaparak ve üzerine ekleyerek bu yapıları büyütüler. Bu sayede Framework’ler her geçen gün gücüne güç katmakta ve gelişmektedir.


Bazı Framework’ler

.NET

JavaScript => JQuery, Node.js, Vue.js, Angular, React

PHP => Laravel, Symfony, Zend, CodeIgniter, CakePHP ,Yii



JavaScript | Day 1 #30DaysOfJavaScript

#1stDayOf30DaysJavaScript 

JavaScript Hakkında

  • JavaScript ” ” (çift tırnak) veya ‘ ‘ (tek tırnak) kabul eder.
  • JavaScrip’te değişkenlerin ilk karakteri bir harf, alt çizgi ( _ ) veya bir dolar işareti ($) olmalıdır. DEğişkenler sayı veya başka bir sembolle başlayamaz.
  • JavaScript kodları daha iyi çalışabilmesi için <body> etiketi kısmında en alta yazılmalıdır.
  • JavaScript kodalrının sonuna ; (noktalı virgül) kullanılması standartlar açısından daha iyi olur.
  • Birden fazla script tag’i açılabilir.
document.write("Metinler bu kod ile yazdırılır.");
alert("Uyarı mesajı bu şekilde yazdırılır.");

id İle Erişme:

document.getElementBtId('resul').innerHTML;

Fonksiyon Kullanımı:

function calistir(){
          document.getElementById('result').innerHTML="result id'li paragrafın içeriği değişti";
     }

JavaScript Çıktıları

JavaScript ile çıktı oluşturmak için 4 tane çıktı kullanılır.

  1. innerHTML
    1. Bir HTML öğresine yazdırılır. Bir HTML öğesine erişmek için document.getEelmentById(“id_name”) yöntemini kullanır.
    2. Id özelliği HTML öğesini tanımlar. innerHTML özelliği HTML içeriğini tanımlar.
  2. document.write()
  3. window.alert()
  4. console.log()

Kullandığım Kaynaklar:

  1. http://www.freecodecamp.org
  2. http://www.w3schools.com
  3. http://www.uzmanimakademi.net
  4. https://www.youtube.com/watch?v=CPcpcqaQRvw&list=PLY20HpFruiK12kqke7T5OQVu1BK2ELQL8