Discover Top Posts Tagged with #javascirpt

Popular Recent

List of Javascript Machine Learning Libraries for 2019.Today in this article, we will look at the most useful and popular libraries to..

#javascirpt #javascriptlibraries #python #machine learning

javascirpt constructorlar ve obje oluşturma basit örnekler

javascript es6 öncesi oop için örnek yapılandırıcı oluşturalım

function Emploee(name,age,salary) { // yapıcı fontsiyon contructor this.name = name; this.age = age; this.salary = salary; } const emp1 = new Emploee("Caylak",25,400); const emp2 = new Emploee("Prof",24,3000); console.log(emp1) console.log(emp1)

this burada içinde bulunduğu objeyi ifade ediyor. Şu örneğe bak ilk fonsiyon çalışyor ilk obje üretiliyor. this bize şuanki objeyi gösteriyor yani emp1sonra da emp2 veriyor. This şuanki objeyi gösterir . Thisi global scobe da kullansak window objesini verirdi biz Emploee içinde kullandık diye onun içindekini veriyor

function Emploee(name,age,salary) { // yapıcı fontsiyon contructor this.name = name; this.age = age; this.salary = salary; console.log(this) } const emp1 = new Emploee("Caylak",25,400); const emp2 = new Emploee("Prof",24,3000);

içine birde fonksiyon yazalım

function Emploee(name,age,salary) { // yapıcı fontsiyon contructor this.name = name; this.age = age; this.salary = salary; this.showInfos = function () { console.log(this.name,this.age,this.salary) } } const emp1 = new Emploee("Caylak",25,400); const emp2 = new Emploee("Prof",24,3000); emp1.showInfos(); emp2.showInfos();

#javascirpt #oop #constructor #js yapıcılar

javascript destructing kullanım örnekleri

arrayde kulanımı

let number1,number2; arr = [100,200,300]; [number1,number2]= arr; const numbers={ a:10, b:20, c:30, d:40, e:50, };

objede kullanımı

const {a:number1,c,e} = numbers; console.log(number1,c,e); objedeki ismi kulllanmak istemiyorsak a değişkenine number1 verdim o şekilde isim atanıyor

fonksiyonda kullanımı

const getLangs = () => ["pyhon","java","c++"]; const [lang1,lang2,lang3] = getLangs(); console.log(lang1,lang2,lang3);

bir obje örneği daha

const person ={ name:"Çaylak yazılımcı", years:"19930", salary:3000, showInfos : ()=> console.log("bilgiler gösteriliyor") } const {name:isim,years:yil,salary:maas,showInfos:bilgileriGoster} = person; console.log(isim,yil,maas); bilgileriGoster();

#javascirpt #destructing

Arrow fonksiyonu kullanımı =>

ES6 (javascript standartı) ile gelen özelliklerden birisi olan arrow kullanımı ile fonksiyon yazmayı göstereceğim. Bende yeni öğrendim. Neden kullanılıyor derseniz kod yazımını kısaltıyor. Daha pratik ve göze hoş gelen okunabilir kod yapısı olur. Başlayalım gençler.

Şimdi normalde js de fonksiyon oluştururken aşağıdaki gibi yazıyoruz.

var merhaba = function () { console.log("merhaba") }; merhaba();

çalıştırdığımızda sa çıktısını alıyoruz consolda. Şimdi aynısını arrow yani => işareti kullanarak yazalım.

// var merhaba = () => { // console.log( "merhaba"); // } merhaba();

gördüğünüz gibi ikiside aynı şey ama alttakinin yazımı daha rahat.

birde değişken gönderelim

const merhaba =firstName => { console.log("merhaba",firstName); } merhaba (”caylak”);

çıktımız merhaba çaylak olacak.

eğer fonksiyonumuz sadece return olacaksa daha kısada yazabılıyoruz ilk normal yazyım sonra daha da kısasını yazcam

var cube = x =>{ return x*x*x; }; console.log(cube(4));

buda daha da kısası sadece return varsa böyle yazabilirsiniz

var cube = x => x*x*x; console.log(cube(4));

Arrow ile funksiyon yazmakla alakalı bildiklerimi yazayım dedim. Öğrendikçe eklemeye devam. Bu yazım tarzı bizi hizlandıracak ameleliği azaltıyor.

#js arrow function #arrow fonksiyon kullanımı #es #javascirpt #modern javasript

kullanıcı girişi local storage vue js / login localstrorange vue

basit kullanıcı girişi beni hatırla yapmak. Beni hatırla kısmını localstorage kullanarak yaptım. Kullanıcı email ve şifreyi json nesnesinden alıyor.

html

------------------------

<form @submit.prevent="login"> <div class="form-group"> <label for="exampleInputEmail1">Kullanıcı Adı</label> <div class="user-name-input"> <img src="images/user.png" class="img-fluid" alt="Responsive image"> <input type="email" v-model="email" class="form-control user-name" id="exampleInputEmail1" aria-describedby="emailHelp" value="" placeholder="Enter email"> </div> </div> <div class="form-group" > <label for="exampleInputPassword1">Şifre</label> <div class="user-name-input"> <img src="images/password.png" class="img-fluid" alt="Responsive image"> <input v-model="password" type="password" class="form-control user-password" id="exampleInputPassword1" placeholder="Password" value=""> </div> </div> <div class="form-group saga-yasla"> <a style="color:#fff;" v-on:click="login" hre1f="anasayfa1.html" class="btn btn-primary" role="button" aria-disabled="true">GİRİŞ</a> </div> </form>

---------------------

#localstorage #javascirpt #vue js #beni hatırla vue js #kullanıcı giriş işlemleri local #login vue js localstorange #check me remember

javascript butona tıklandığında yazının rengini değiştirme

Ufak bir javascript örneğiyle butona tıkladığımızda css değişikliği gösterelim mesela yazı rengi değiştirme

#javascirpt

Better MV-ish Framework – jsblocks Better MV-ish Framework From simple user interfaces to complex single-page applications using faster, server-side rendered and easy to learn framework

#javascirpt #jsblocks #mv-ish

Better MV-ish Framework – jsblocks Better MV-ish Framework From simple user interfaces to complex single-page applications using faster, server-side rendered and easy to learn framework

#javascirpt #jsblocks #mv-ish