javascript nodejs – Selman Tunc

javascript nodejs – Selman Tunc https://selmantunc.com.tr Tue, 21 Jan 2025 06:55:12 +0000 en-US hourly 1 https://wordpress.org/?v=7.0 https://selmantunc.com.tr/wp-content/uploads/2023/07/cropped-tumblr_inline_oglumuMbgO1tyldvk_540-150x150-1-32x32.jpg javascript nodejs – Selman Tunc https://selmantunc.com.tr 32 32 Javascript Grid or Datatable https://selmantunc.com.tr/javascript-nodejs/javascript-grid-or-datatable/ Mon, 20 Jan 2025 00:58:00 +0000 https://selmantunc.com.tr/?p=3367 https://fancygrid.com/samples/form/grid

http://www.guriddo.net/demo/bootstrap/

https://wpdatatables.com/bootstrap-tables/

https://paramquery.com/demos/crud

]]> My Knockout.js Example List https://selmantunc.com.tr/javascript-nodejs/my-knockout-js-example-list/ Mon, 10 Jun 2024 05:07:16 +0000 https://selmantunc.com.tr/?p=3270 https://gist.github.com/stnc/33d83f93784c57c2220f59a8a872c77b

]]> Drag drop Upload Example https://selmantunc.com.tr/javascript-nodejs/drag-drop-upload-example/ Tue, 06 Apr 2021 19:33:51 +0000 http://selmantunc.com.tr/2021/04/06/drag-drop-upload-example/ https://github.com/blueimp/jQuery-File-Upload

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/

]]> HandleBar.js nedir https://selmantunc.com.tr/javascript-nodejs/handlebarjs-nedir/ Sun, 07 Mar 2021 17:26:53 +0000 http://selmantunc.com.tr/2021/03/07/handlebarjs-nedir/

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

https://gist.github.com/stnc/76101886611f6a6716c35673ca860a71

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/

]]> js each foreach https://selmantunc.com.tr/javascript-nodejs/js-each-foreach/ Wed, 26 Aug 2020 09:37:38 +0000 http://selmantunc.com.tr/2020/08/26/js-each-foreach/ https://hashnode.com/post/7-different-ways-to-make-ajax-calls-in-javascript-in-2019-cjr7pi2fl000gdjs2zgssqwhr

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

]]>