https://www.dropzonejs.com/

https://www.dropzonejs.com/bootstrap.html

https://fineuploader.com/demos.html

seo js araçı 

https://github.com/aFarkas/lazysizes

pure javascript modal box

https://micromodal.vercel.app/#introduction

https://dimsemenov.com/plugins/magnific-popup/

https://biati-digital.github.io/glightbox/

https://photoswipe.com/

Handlebars, Mustache şablon dilinin eksik olan bazı özelliklerinin eklendiği hafif bir template dir.

Ben monolitic uygulamalarımda çok küçük olduğu için bunu kullanıyorum json verisini basmak çok kolay oluyor hatta aşırı kolay oluyor. Jquery ile json basmaktan ne farkı var derseniz, orada satırlarca kod yazarak yaptığınız işlemi 3 satırda yapıyor, ayrıca frontend ci arkadaş içinde büyük kolaylık oluyor.

Benim kullanma amacım json dataları çok fazla olduğunda çoklu json basacakcam bu hafif template seçeneğini seçiyorum, Partials yapısı olması, if end olması ,each-else olması benim için harika özellikler

aynı zamanda buna benzer knockout js var observer patterni kullanıyor türemesini istediğiniz verilerde de onu kullanabilirsiniz .

handlebar sizi aşağıdaki gibi gereksiz javasciprt döngü ve kodlarından kurtarırır aynı işlemi 3 satırlık kodlar ile çözebilirsiniz.

benim handle bar js için hazırladığım json api DEMOSU

https://stnc.github.io/handleBar

Demoyu indirin

bu konuda yazılmış bir türkçe yazı

https://kodedu.com/2014/02/handlebars-template-cozumu/

meraklısına handlebar eklenti yazımı

http://jsfiddle.net/IrvinDominin/T7knB/

https://www.sitepoint.com/jquery-each-function-examples/

https://plnkr.co/edit/4DNXPn5eUpKVt4zRYEcp?preview

https://www.freecodecamp.org/news/master-the-art-of-looping-in-javascript-with-these-incredible-tricks-a5da1aa1d6c5/

https://www.c-sharpcorner.com/article/javascript-array-foreach-method-and-its-alternatives/

https://forums.asp.net/t/2111929.aspx?how+to+loop+through+json+array+in+jquery+

       let url = 

new URL(myAjax.ajaxurl)url.search = 

new URLSearchParams({    action: “ch_ajax_add_to_cart”, “id”: myID,   

  “amount”: donatAmount})

    fetch(url, {            method: ‘get’,         

    headers: {              

  “X-Requested-With”: “XMLHttpRequest”              },              }).

then(res => res.json())       

  // .then(response => console.log(‘Success:’, JSON.stringify(response)))        

  .catch(error => console.error(‘Error:’, error)); 

https://forums.asp.net/t/2111929.aspx?how+to+loop+through+json+array+in+jquery+      

https://jsfiddle.net/pmw57/ancj4L05/   

https://selmantunc.com.tr/post/627504220838510592/js-each-foreach

Önemli

mustache js template 

https://codepen.io/johnsonshara/pen/mPzbBO

https://github.com/stunc-git/php-il-ilce-for-ajax/blob/master/index.php

sudo apt-get update
sudo apt-get install build-essential chrpath libssl-dev libxft-dev

Install these packages needed by PhantomJS to work correctly.

sudo apt-get install libfreetype6 libfreetype6-dev
sudo apt-get install libfontconfig1 libfontconfig1-dev

Get it from the PhantomJS website.

or (20-12-2018 versiyon)
https://bitbucket.org/ariya/phantomjs/downloads/phantomjs-2.1.1-linux-x86_64.tar.bz2

cd ~
export PHANTOM_JS="phantomjs-1.9.8-linux-x86_64"
wget <a href="https://bitbucket.org/ariya/phantomjs/downloads/%24PHANTOM_JS.tar.bz2">https://bitbucket.org/ariya/phantomjs/downloads/$PHANTOM_JS.tar.bz2</a>
sudo tar xvjf $PHANTOM_JS.tar.bz2

Once downloaded, move Phantomjs folder to /usr/local/share/ and create a symlink:

sudo mv $PHANTOM_JS /usr/local/share
sudo ln -sf /usr/local/share/$PHANTOM_JS/bin/phantomjs /usr/local/bin

Now, It should have PhantomJS properly on your system.

phantomjs --version

Web capture

birinci aşamada yazımızı bir div tag ile çıktısı alınacak sayfaya bir id ataması yapıyoruz

div id="mydivPrint"

sonra aşağıdaki javasciprt kodunu yazıyoruz.

function printPage(id) { var html = ""; html += document.getElementById(id).innerHTML; html += ""; var printWin = window.open('', '', 'left=0,top=0,width=800,height=800,toolbar=0,scrollbars=0,status =0'); printWin.document.write(html); printWin.document.close(); printWin.focus(); printWin.print(); printWin.close(); }

Çalışan örneği buradan görebilirsiniz.

https://github.com/onurakpolat/awesome-bigdata

Sistem altyapıları hakkında bilgiler 

https://cliexperiences.wordpress.com/

http://highscalability.com/

VPS karşılaştırması 

https://github.com/joedicastro/vps-comparison

React ve javascript geliştiriciler için Airbnb nin hazırladığı javascript de kod yazma stili 

https://github.com/airbnb/javascript

Arayüz geliştiriciler için  HTML, CSS and JS için en iyi pratikler 

https://github.com/bendc/frontend-guidelines

Eğer react yada  angular ile çalışmak için hazır api ve data istiyorsanız bunlara bakabilirsiniz.

Geliştiriciler için API yayınlayan yerli girişim ve şirket listesi

https://webrazzi.com/2017/07/17/uygulama-programlama-arayuzu-api/

Geliştiriciler için Api örnekleri

https://medium.com/@selmantunc/geli%C5%9Ftiriciler-i%C3%A7in-api-%C3%B6rnekleri-92442a401583

Git commit standartları

Git commit mesajlarını daha anlamlı ve anlaşılabilir hale getirmek, bütünlüğü sağlamak ve çıkartılan her sürüm için otomatik olarak change log dosyası oluşturabilmek için, angular.js projesindeki kuralları baz alıp sadeleştirerek mesaj standardı belirledim.

https://github.com/angular/angular.js/blob/master/DEVELOPERS.md#commits

Commit Mesaj Formatı:
():

Type (Tür)

Aşağıdakilerden birisi olmalıdır:
feat: Yeni özellik

fix: Bug fix

docs: Dökümantasyon değişikliği

style: Kodun anlamını etkilemeyen değişiklik (boşlukların düzeltilmesi, kodun formatlanması, eksik noktalı virgül eklenmesi vb.)

refactor: Ne yeni özellik ekleyen ne de bug çözen kod değişikliği

perf: Performans geliştirmeye yönelik değişiklik

test: Eksik testlerin eklenmesi veya mevcut testlerin düzeltilmesi

chore: Build sürecinde kullanılan, döküman oluşturan yardımcı araçlar ve kütüphanelerde yapılan değişiklikler

Scope (Kapsam)
Commit ile yapılan değişikliğin yerini belirtir. Scope olarak istediğiniz bir şeyi yazabilirsiniz.Kullanılması zorunlu değildir.

Subject (Konu)
İngilizce, “Present tense” ve emir kipi ile yazilmalidir. Orn: “change” (“changed” veya “changes” değil)Büyük harfle başlamamalı, sonuna nokta eklenmemelidir.

Örnek:
feat: add PDF export optionfix(User): change column types to nvarchar for unicode support

TÜm Jquery Cheatleri buraya topladım umarım işinize yarar.

En son verison 1.4 un ki: return false” href=“http://www.futurecolors.ru/jquery/” mce_href=“http://www.futurecolors.ru/jquery/”>http://www.futurecolors.ru/jquery/

jQuery 1.1.3

İndirme linki

jQuery 1.3.2 :http://www.javascripttoolbox.com/jquery/cheatsheet/

jQuery 1.3 Visual Cheat Sheet

http://woork.blogspot.com/2009/09/jquery-visual-cheat-sheet.html

İndirme linki : http://woorkup.com/wp-content/uploads/2009/09/jQuery-Visual-Cheat-Sheet-by-WOORK.pdf

jq version 1.2:  http://colorcharge.com/jquery/

ve birde burada

return false” href=“http://www.gscottolson.com/weblog/2008/01/11/jquery-cheat-sheet/” mce_href=“http://www.gscottolson.com/weblog/2008/01/11/jquery-cheat-sheet/”>http://www.gscottolson.com/weblog/2008/01/11/jquery-cheat-sheet/

ayrıca :jquery UI içinde var : return false” href=“http://oscarotero.com/jquery/ui.html” mce_href=“http://oscarotero.com/jquery/ui.html”>http://oscarotero.com/jquery/ui.html

aynı zamanda buradaki görsel anlatımlarda işinize yarayablir,

http://visualjquery.com/

eğer

aptana

kullanıyorsanız ,bu sitedeki bilgiler aptana için eklenti olarak geliyor.