Node.js ile Basit Ama Karma\u015f\u0131k Bir \u00d6rnek: \u00d6n ve Arka U\u00e7 Geli\u015ftirme<\/title><br \/>\n <meta charset=\"UTF-8\"><br \/>\n <br \/>\n<\/head><br \/>\n<body><\/p>\n<p>Node.js ile Basit Ama Karma\u015f\u0131k Bir \u00d6rnek: \u00d6n ve Arka U\u00e7 Geli\u015ftirme<\/p>\n<p>Merhaba! Fatih Soysal olarak, bu yaz\u0131da sizlere Node.js kullanarak hem arka u\u00e7u (backend) hem de \u00f6n u\u00e7u (frontend) geli\u015ftirece\u011fimiz basit ama ayn\u0131 zamanda baz\u0131 karma\u015f\u0131kl\u0131klar\u0131 da i\u00e7eren bir \u00f6rnek \u00fczerinde \u00e7al\u0131\u015faca\u011f\u0131z. Bu \u00f6rnek, temel Node.js kavramlar\u0131n\u0131 anlad\u0131ktan sonra bir sonraki ad\u0131ma ge\u00e7mek isteyenler i\u00e7in m\u00fckemmel bir ba\u015flang\u0131\u00e7 noktas\u0131 olacakt\u0131r. \u00d6ncelikle, projemizin genel yap\u0131s\u0131n\u0131 ve kullanaca\u011f\u0131m\u0131z teknolojileri inceleyelim. Daha sonra, ad\u0131m ad\u0131m kodlar\u0131 inceleyerek uygulamay\u0131 geli\u015ftirme s\u00fcrecini detayl\u0131 olarak ele alaca\u011f\u0131z.<\/p>\n<h2>Proje Yap\u0131s\u0131 ve Teknolojiler<\/h2>\n<p>Bu \u00f6rnekte, bir g\u00f6rev y\u00f6netimi uygulamas\u0131 geli\u015ftirmeyi hedefliyoruz. Arka u\u00e7 i\u00e7in Express.js framework’\u00fcn\u00fc, veri taban\u0131 olarak ise SQLite’\u0131 kullanaca\u011f\u0131z. \u00d6n u\u00e7 i\u00e7in ise sade HTML, CSS ve JavaScript kullanaca\u011f\u0131z. Bu basit yakla\u015f\u0131m, Node.js’in g\u00fcc\u00fcn\u00fc ve esnekli\u011fini g\u00f6stermek i\u00e7in yeterli olacakt\u0131r. Ayr\u0131ca, bu teknoloji se\u00e7imi, yeni ba\u015flayanlar i\u00e7in daha anla\u015f\u0131l\u0131r ve \u00f6\u011frenmesi kolay bir ortam sunacakt\u0131r. Dolay\u0131s\u0131yla, karma\u015f\u0131k yap\u0131land\u0131rmalarla u\u011fra\u015fmak yerine, kodun \u00f6z\u00fcne odaklanabilece\u011fiz.<\/p>\n<h2>Arka U\u00e7 Geli\u015ftirme (Backend)<\/h2>\n<p>\u00d6ncelikle, Express.js kullanarak arka ucumuzu olu\u015ftural\u0131m. Bu k\u0131s\u0131mda, g\u00f6revleri ekleme, listeleme, g\u00fcncelleme ve silme i\u015flemlerini ger\u00e7ekle\u015ftirecek API endpoint’lerini tan\u0131mlayaca\u011f\u0131z. A\u015fa\u011f\u0131da basit bir \u00f6rnek g\u00f6rebilirsiniz:<\/p>\n<pre><code class=\"language-javascript\">\nconst express = require('express');\nconst sqlite3 = require('sqlite3').verbose();\nconst app = express();\nconst db = new sqlite3.Database(':memory:'); \/\/ veya dosya yolu\n\n\/\/ ... (G\u00f6revleri y\u00f6netme fonksiyonlar\u0131) ...\n\napp.listen(3000, () => console.log('Server started on port 3000'));\n<\/code><\/pre>\n<p>Bu kod par\u00e7as\u0131, Express.js sunucusunu ba\u015flat\u0131r ve SQLite veritaban\u0131na ba\u011flan\u0131r. Daha sonra, g\u00f6rev ekleme, listeleme vb. i\u015flemlerini ger\u00e7ekle\u015ftirecek fonksiyonlar tan\u0131mlan\u0131r. Bu fonksiyonlar, veritaban\u0131 ile etkile\u015fim kurarak g\u00f6revleri y\u00f6netir. Burada, SQLite kullan\u0131m\u0131 kolayl\u0131\u011f\u0131 a\u00e7\u0131s\u0131ndan tercih edilmi\u015ftir. Ancak, daha b\u00fcy\u00fck projelerde PostgreSQL veya MongoDB gibi veritabanlar\u0131 daha uygun olabilir. Bunu da g\u00f6z \u00f6n\u00fcnde bulundurmak \u00f6nemlidir.<\/p>\n<h2>\u00d6n U\u00e7 Geli\u015ftirme (Frontend)<\/h2>\n<p>Arka ucumuz haz\u0131r olduktan sonra, \u00f6n ucu geli\u015ftirmeye ba\u015flayabiliriz. Bu k\u0131s\u0131mda, kullan\u0131c\u0131n\u0131n g\u00f6revleri ekleyebilece\u011fi, listeleyebilece\u011fi ve y\u00f6netebilece\u011fi bir aray\u00fcz olu\u015fturaca\u011f\u0131z. Bu aray\u00fcz, basit HTML, CSS ve JavaScript kullan\u0131larak olu\u015fturulabilir. \u00d6rne\u011fin, bir g\u00f6rev ekleme formu ve g\u00f6rev listesini g\u00f6steren bir tablo olu\u015fturabiliriz. JavaScript, API ile ileti\u015fim kurarak g\u00f6revleri ekleme, g\u00fcncelleme ve silme i\u015flemlerini ger\u00e7ekle\u015ftirecektir. Sonras\u0131nda, bu i\u015flemlerin sonu\u00e7lar\u0131 kullan\u0131c\u0131ya g\u00f6sterilecektir.<\/p>\n<p>\u00d6n u\u00e7 geli\u015ftirme a\u015famas\u0131nda, verimlilik ve performans i\u00e7in dikkatlice kod yazmak \u00f6nemlidir. Ayr\u0131ca, uygulaman\u0131n kullan\u0131c\u0131 dostu ve anla\u015f\u0131l\u0131r olmas\u0131 da b\u00fcy\u00fck \u00f6nem ta\u015f\u0131maktad\u0131r. Bu ama\u00e7la, uygun tasar\u0131m prensipleri ve iyi kodlama teknikleri kullan\u0131lmal\u0131d\u0131r. Unutmay\u0131n ki, iyi bir kullan\u0131c\u0131 deneyimi, uygulaman\u0131z\u0131n ba\u015far\u0131s\u0131 i\u00e7in \u00e7ok \u00f6nemli bir fakt\u00f6rd\u00fcr. Bu nedenle, kullan\u0131c\u0131 geri bildirimlerini almak ve uygulamay\u0131 s\u00fcrekli iyile\u015ftirmek \u00f6nemlidir.<\/p>\n<h2>Uygulaman\u0131n \u00c7al\u0131\u015ft\u0131r\u0131lmas\u0131<\/h2>\n<p>Hem arka u\u00e7 hem de \u00f6n u\u00e7 kodlar\u0131 tamamland\u0131ktan sonra, uygulamay\u0131 \u00e7al\u0131\u015ft\u0131rabilirsiniz. Arka ucu ba\u015flatmak i\u00e7in, Node.js komut sat\u0131r\u0131nda `node app.js` (veya sunucu dosyan\u0131z\u0131n ad\u0131) komutunu \u00e7al\u0131\u015ft\u0131rman\u0131z yeterlidir. Ard\u0131ndan, taray\u0131c\u0131n\u0131zda `http:\/\/localhost:3000` adresine giderek \u00f6n uca eri\u015febilirsiniz. Burada, g\u00f6revleri ekleyip y\u00f6netmeye ba\u015flayabilirsiniz. Uygulaman\u0131n \u00e7al\u0131\u015fmas\u0131, hem arka u\u00e7 hem de \u00f6n u\u00e7 kodlar\u0131n\u0131n do\u011fru \u015fekilde \u00e7al\u0131\u015ft\u0131\u011f\u0131 anlam\u0131na gelir.<\/p>\n<h2>Sonu\u00e7<\/h2>\n<p>Bu \u00f6rnekte, Node.js kullanarak basit ama ayn\u0131 zamanda baz\u0131 \u00f6nemli konular\u0131 i\u00e7eren bir uygulama geli\u015ftirdik. Bu \u00f6rnek, Node.js’in hem arka u\u00e7 hem de \u00f6n u\u00e7 geli\u015ftirme i\u00e7in kullan\u0131labilece\u011fini ve farkl\u0131 teknolojilerle entegre edilebilece\u011fini g\u00f6stermektedir. Daha karma\u015f\u0131k uygulamalar i\u00e7in, bu \u00f6rnekte kullan\u0131lan teknolojileri daha geli\u015fmi\u015f bir \u015fekilde kullanabilir veya farkl\u0131 teknolojiler tercih edebilirsiniz. \u00d6rne\u011fin, React, Angular veya Vue.js gibi JavaScript framework’lerini kullanarak daha etkile\u015fimli ve geli\u015fmi\u015f bir \u00f6n u\u00e7 olu\u015fturabilirsiniz. Ayr\u0131ca, daha g\u00fc\u00e7l\u00fc veritabanlar\u0131 ve daha geli\u015fmi\u015f API y\u00f6netimi teknikleri kullanabilirsiniz. Bu, uygulaman\u0131z\u0131n \u00f6l\u00e7eklenebilirli\u011fini ve performans\u0131n\u0131 art\u0131racakt\u0131r. <a href=\"https:\/\/fatihsoysal.com\">Web sitemi<\/a> \u00fczerinden daha fazla bilgiye ula\u015fabilirsiniz.<\/p>\n<p>Umar\u0131m bu makale yararl\u0131 olmu\u015ftur. Herhangi bir sorunuz varsa, l\u00fctfen bana ula\u015fmaktan \u00e7ekinmeyin. Ba\u015fka bir yaz\u0131da g\u00f6r\u00fc\u015fmek \u00fczere!<\/p>\n<p><strong>Faydal\u0131 Kaynaklar:<\/strong><\/p>\n<ul>\n<li><a href=\"https:\/\/expressjs.com\/\">Express.js<\/a><\/li>\n<li><a href=\"https:\/\/www.sqlite.org\/\">SQLite<\/a><\/li>\n<li><a href=\"https:\/\/nodejs.org\/en\/docs\/\">Node.js Dok\u00fcmantasyonu<\/a><\/li>\n<\/ul>\n<p><img decoding=\"async\" src=\"https:\/\/via.placeholder.com\/500x300?text=Node.js+\u00d6rne\u011fi\" alt=\"Node.js \u00d6rne\u011fi G\u00f6rseli\"><\/p>\n<p>#Etiketler: Node.js, Express.js, SQLite, Frontend, Backend, JavaScript, HTML, CSS, API, G\u00f6rev Y\u00f6netimi, Web Geli\u015ftirme<br \/>\n<\/body><br \/>\n<\/html><br \/>\n“`<\/p>\n","protected":false},"excerpt":{"rendered":"“`html Node.js ile Basit Ama Karma\u015f\u0131k Bir \u00d6rnek: \u00d6n ve Arka U\u00e7 Geli\u015ftirme Node.js ile Basit Ama Karma\u015f\u0131k…","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"csco_page_header_type":"","csco_page_load_nextpost":"","csco_page_subscribe_form":"","csco_page_contact_form":"","footnotes":""},"categories":[1],"tags":[],"class_list":{"0":"post-4016","1":"post","2":"type-post","3":"status-publish","4":"format-standard","6":"category-genel","7":"cs-entry","8":"cs-video-wrap"},"yoast_head":"\n<title>Node.js ile Basit Ama Karma\u015f\u0131k Bir \u00d6rnek: \u00d6n ve Arka U\u00e7 Geli\u015ftirme<\/title>\n<meta name=\"description\" content=\"Merhaba! Fatih Soysal olarak, bu yaz\u0131da sizlere Node.js kullanarak hem arka u\u00e7u (backend) hem de \u00f6n u\u00e7u (frontend) geli\u015ftirece\u011fimiz basit ama ayn\u0131 zamanda baz\u0131 karma\u015f\u0131kl\u0131klar\u0131 da i\u00e7eren bir \u00f6rnek \u00fczerinde \u00e7al\u0131\u015faca\u011f\u0131z. Bu \u00f6rnek, temel Node.js kavramlar\u0131n\u0131 anlad\u0131ktan sonra bir sonraki ad\u0131ma ge\u00e7mek isteyenler i\u00e7in m\u00fckemmel bir ba\u015flang\u0131\u00e7 noktas\u0131 olacakt\u0131r. \u00d6ncelikle, projemizin genel yap\u0131s\u0131n\u0131 ve kullanaca\u011f\u0131m\u0131z teknolojileri inceleyelim. Daha sonra, ad\u0131m ad\u0131m kodlar\u0131 inceleyerek uygulamay\u0131 geli\u015ftirme s\u00fcrecini detayl\u0131 olarak ele alaca\u011f\u0131z.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/fatihsoysal.com\/blog\/node-js-ile-basit-ama-karmasik-bir-ornek-on-ve-arka-uc-gelistirme\/\" \/>\n<meta property=\"og:locale\" content=\"tr_TR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Node.js ile Basit Ama Karma\u015f\u0131k Bir \u00d6rnek: \u00d6n ve Arka U\u00e7 Geli\u015ftirme\" \/>\n<meta property=\"og:description\" content=\"Merhaba! Fatih Soysal olarak, bu yaz\u0131da sizlere Node.js kullanarak hem arka u\u00e7u (backend) hem de \u00f6n u\u00e7u (frontend) geli\u015ftirece\u011fimiz basit ama ayn\u0131 zamanda baz\u0131 karma\u015f\u0131kl\u0131klar\u0131 da i\u00e7eren bir \u00f6rnek \u00fczerinde \u00e7al\u0131\u015faca\u011f\u0131z. Bu \u00f6rnek, temel Node.js kavramlar\u0131n\u0131 anlad\u0131ktan sonra bir sonraki ad\u0131ma ge\u00e7mek isteyenler i\u00e7in m\u00fckemmel bir ba\u015flang\u0131\u00e7 noktas\u0131 olacakt\u0131r. \u00d6ncelikle, projemizin genel yap\u0131s\u0131n\u0131 ve kullanaca\u011f\u0131m\u0131z teknolojileri inceleyelim. Daha sonra, ad\u0131m ad\u0131m kodlar\u0131 inceleyerek uygulamay\u0131 geli\u015ftirme s\u00fcrecini detayl\u0131 olarak ele alaca\u011f\u0131z.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/fatihsoysal.com\/blog\/node-js-ile-basit-ama-karmasik-bir-ornek-on-ve-arka-uc-gelistirme\/\" \/>\n<meta property=\"og:site_name\" content=\"Kodlar\u0131n Gizemli D\u00fcnyas\u0131\" \/>\n<meta property=\"article:published_time\" content=\"2024-11-15T17:30:15+00:00\" \/>\n<meta name=\"author\" content=\"Fatih Soysal\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Yazan:\" \/>\n\t<meta name=\"twitter:data1\" content=\"Fatih Soysal\" \/>\n\t<meta name=\"twitter:label2\" content=\"Tahmini okuma s\u00fcresi\" \/>\n\t<meta name=\"twitter:data2\" content=\"4 dakika\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/fatihsoysal.com\/blog\/node-js-ile-basit-ama-karmasik-bir-ornek-on-ve-arka-uc-gelistirme\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/fatihsoysal.com\/blog\/node-js-ile-basit-ama-karmasik-bir-ornek-on-ve-arka-uc-gelistirme\/\"},\"author\":{\"name\":\"Fatih Soysal\",\"@id\":\"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/002a254750921dcfd568a99e48240dd1\"},\"headline\":\"Node.js ile Basit Ama Karma\u015f\u0131k Bir \u00d6rnek: \u00d6n ve Arka U\u00e7 Geli\u015ftirme\",\"datePublished\":\"2024-11-15T17:30:15+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/fatihsoysal.com\/blog\/node-js-ile-basit-ama-karmasik-bir-ornek-on-ve-arka-uc-gelistirme\/\"},\"wordCount\":829,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/002a254750921dcfd568a99e48240dd1\"},\"inLanguage\":\"tr\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/fatihsoysal.com\/blog\/node-js-ile-basit-ama-karmasik-bir-ornek-on-ve-arka-uc-gelistirme\/#respond\"]}],\"copyrightYear\":\"2024\",\"copyrightHolder\":{\"@id\":\"https:\/\/fatihsoysal.com\/blog\/#organization\"}},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/fatihsoysal.com\/blog\/node-js-ile-basit-ama-karmasik-bir-ornek-on-ve-arka-uc-gelistirme\/\",\"url\":\"https:\/\/fatihsoysal.com\/blog\/node-js-ile-basit-ama-karmasik-bir-ornek-on-ve-arka-uc-gelistirme\/\",\"name\":\"Node.js ile Basit Ama Karma\u015f\u0131k Bir \u00d6rnek: \u00d6n ve Arka U\u00e7 Geli\u015ftirme\",\"isPartOf\":{\"@id\":\"https:\/\/fatihsoysal.com\/blog\/#website\"},\"datePublished\":\"2024-11-15T17:30:15+00:00\",\"description\":\"Merhaba! Fatih Soysal olarak, bu yaz\u0131da sizlere Node.js kullanarak hem arka u\u00e7u (backend) hem de \u00f6n u\u00e7u (frontend) geli\u015ftirece\u011fimiz basit ama ayn\u0131 zamanda baz\u0131 karma\u015f\u0131kl\u0131klar\u0131 da i\u00e7eren bir \u00f6rnek \u00fczerinde \u00e7al\u0131\u015faca\u011f\u0131z. Bu \u00f6rnek, temel Node.js kavramlar\u0131n\u0131 anlad\u0131ktan sonra bir sonraki ad\u0131ma ge\u00e7mek isteyenler i\u00e7in m\u00fckemmel bir ba\u015flang\u0131\u00e7 noktas\u0131 olacakt\u0131r. \u00d6ncelikle, projemizin genel yap\u0131s\u0131n\u0131 ve kullanaca\u011f\u0131m\u0131z teknolojileri inceleyelim. Daha sonra, ad\u0131m ad\u0131m kodlar\u0131 inceleyerek uygulamay\u0131 geli\u015ftirme s\u00fcrecini detayl\u0131 olarak ele alaca\u011f\u0131z.\",\"breadcrumb\":{\"@id\":\"https:\/\/fatihsoysal.com\/blog\/node-js-ile-basit-ama-karmasik-bir-ornek-on-ve-arka-uc-gelistirme\/#breadcrumb\"},\"inLanguage\":\"tr\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/fatihsoysal.com\/blog\/node-js-ile-basit-ama-karmasik-bir-ornek-on-ve-arka-uc-gelistirme\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/fatihsoysal.com\/blog\/node-js-ile-basit-ama-karmasik-bir-ornek-on-ve-arka-uc-gelistirme\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Anasayfa\",\"item\":\"https:\/\/fatihsoysal.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Node.js ile Basit Ama Karma\u015f\u0131k Bir \u00d6rnek: \u00d6n ve Arka U\u00e7 Geli\u015ftirme\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/fatihsoysal.com\/blog\/#website\",\"url\":\"https:\/\/fatihsoysal.com\/blog\/\",\"name\":\"Fatihsoysal.com\",\"description\":\"Blog - Yaz\u0131l\u0131m D\u00fcnyas\u0131 Tecr\u00fcbelerim\",\"publisher\":{\"@id\":\"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/002a254750921dcfd568a99e48240dd1\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/fatihsoysal.com\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"tr\"},{\"@type\":[\"Person\",\"Organization\"],\"@id\":\"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/002a254750921dcfd568a99e48240dd1\",\"name\":\"Fatih Soysal\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"tr\",\"@id\":\"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/fatihsoysal.com\/blog\/wp-content\/uploads\/2024\/04\/cropped-replicate-prediction-3kgg1hgjn5rgp0cf0p5tr0jw7w-1.png\",\"contentUrl\":\"https:\/\/fatihsoysal.com\/blog\/wp-content\/uploads\/2024\/04\/cropped-replicate-prediction-3kgg1hgjn5rgp0cf0p5tr0jw7w-1.png\",\"width\":512,\"height\":512,\"caption\":\"Fatih Soysal\"},\"logo\":{\"@id\":\"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/image\/\"},\"description\":\"Kullan\u0131m ve kodlama m\u00fckemmeliyetini odak alan uygulamalar olu\u015fturma deneyimine sahip, profesyonel olarak 15+ y\u0131l \u00fczeri deneyime sahip bir yaz\u0131l\u0131m m\u00fchendisi.\",\"url\":\"https:\/\/fatihsoysal.com\/blog\/author\/fatihsoysal\/\"}]}<\/script>\n","yoast_head_json":{"title":"Node.js ile Basit Ama Karma\u015f\u0131k Bir \u00d6rnek: \u00d6n ve Arka U\u00e7 Geli\u015ftirme","description":"Merhaba! Fatih Soysal olarak, bu yaz\u0131da sizlere Node.js kullanarak hem arka u\u00e7u (backend) hem de \u00f6n u\u00e7u (frontend) geli\u015ftirece\u011fimiz basit ama ayn\u0131 zamanda baz\u0131 karma\u015f\u0131kl\u0131klar\u0131 da i\u00e7eren bir \u00f6rnek \u00fczerinde \u00e7al\u0131\u015faca\u011f\u0131z. Bu \u00f6rnek, temel Node.js kavramlar\u0131n\u0131 anlad\u0131ktan sonra bir sonraki ad\u0131ma ge\u00e7mek isteyenler i\u00e7in m\u00fckemmel bir ba\u015flang\u0131\u00e7 noktas\u0131 olacakt\u0131r. \u00d6ncelikle, projemizin genel yap\u0131s\u0131n\u0131 ve kullanaca\u011f\u0131m\u0131z teknolojileri inceleyelim. Daha sonra, ad\u0131m ad\u0131m kodlar\u0131 inceleyerek uygulamay\u0131 geli\u015ftirme s\u00fcrecini detayl\u0131 olarak ele alaca\u011f\u0131z.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/fatihsoysal.com\/blog\/node-js-ile-basit-ama-karmasik-bir-ornek-on-ve-arka-uc-gelistirme\/","og_locale":"tr_TR","og_type":"article","og_title":"Node.js ile Basit Ama Karma\u015f\u0131k Bir \u00d6rnek: \u00d6n ve Arka U\u00e7 Geli\u015ftirme","og_description":"Merhaba! Fatih Soysal olarak, bu yaz\u0131da sizlere Node.js kullanarak hem arka u\u00e7u (backend) hem de \u00f6n u\u00e7u (frontend) geli\u015ftirece\u011fimiz basit ama ayn\u0131 zamanda baz\u0131 karma\u015f\u0131kl\u0131klar\u0131 da i\u00e7eren bir \u00f6rnek \u00fczerinde \u00e7al\u0131\u015faca\u011f\u0131z. Bu \u00f6rnek, temel Node.js kavramlar\u0131n\u0131 anlad\u0131ktan sonra bir sonraki ad\u0131ma ge\u00e7mek isteyenler i\u00e7in m\u00fckemmel bir ba\u015flang\u0131\u00e7 noktas\u0131 olacakt\u0131r. \u00d6ncelikle, projemizin genel yap\u0131s\u0131n\u0131 ve kullanaca\u011f\u0131m\u0131z teknolojileri inceleyelim. Daha sonra, ad\u0131m ad\u0131m kodlar\u0131 inceleyerek uygulamay\u0131 geli\u015ftirme s\u00fcrecini detayl\u0131 olarak ele alaca\u011f\u0131z.","og_url":"https:\/\/fatihsoysal.com\/blog\/node-js-ile-basit-ama-karmasik-bir-ornek-on-ve-arka-uc-gelistirme\/","og_site_name":"Kodlar\u0131n Gizemli D\u00fcnyas\u0131","article_published_time":"2024-11-15T17:30:15+00:00","author":"Fatih Soysal","twitter_card":"summary_large_image","twitter_misc":{"Yazan:":"Fatih Soysal","Tahmini okuma s\u00fcresi":"4 dakika"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/fatihsoysal.com\/blog\/node-js-ile-basit-ama-karmasik-bir-ornek-on-ve-arka-uc-gelistirme\/#article","isPartOf":{"@id":"https:\/\/fatihsoysal.com\/blog\/node-js-ile-basit-ama-karmasik-bir-ornek-on-ve-arka-uc-gelistirme\/"},"author":{"name":"Fatih Soysal","@id":"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/002a254750921dcfd568a99e48240dd1"},"headline":"Node.js ile Basit Ama Karma\u015f\u0131k Bir \u00d6rnek: \u00d6n ve Arka U\u00e7 Geli\u015ftirme","datePublished":"2024-11-15T17:30:15+00:00","mainEntityOfPage":{"@id":"https:\/\/fatihsoysal.com\/blog\/node-js-ile-basit-ama-karmasik-bir-ornek-on-ve-arka-uc-gelistirme\/"},"wordCount":829,"commentCount":0,"publisher":{"@id":"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/002a254750921dcfd568a99e48240dd1"},"inLanguage":"tr","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/fatihsoysal.com\/blog\/node-js-ile-basit-ama-karmasik-bir-ornek-on-ve-arka-uc-gelistirme\/#respond"]}],"copyrightYear":"2024","copyrightHolder":{"@id":"https:\/\/fatihsoysal.com\/blog\/#organization"}},{"@type":"WebPage","@id":"https:\/\/fatihsoysal.com\/blog\/node-js-ile-basit-ama-karmasik-bir-ornek-on-ve-arka-uc-gelistirme\/","url":"https:\/\/fatihsoysal.com\/blog\/node-js-ile-basit-ama-karmasik-bir-ornek-on-ve-arka-uc-gelistirme\/","name":"Node.js ile Basit Ama Karma\u015f\u0131k Bir \u00d6rnek: \u00d6n ve Arka U\u00e7 Geli\u015ftirme","isPartOf":{"@id":"https:\/\/fatihsoysal.com\/blog\/#website"},"datePublished":"2024-11-15T17:30:15+00:00","description":"Merhaba! Fatih Soysal olarak, bu yaz\u0131da sizlere Node.js kullanarak hem arka u\u00e7u (backend) hem de \u00f6n u\u00e7u (frontend) geli\u015ftirece\u011fimiz basit ama ayn\u0131 zamanda baz\u0131 karma\u015f\u0131kl\u0131klar\u0131 da i\u00e7eren bir \u00f6rnek \u00fczerinde \u00e7al\u0131\u015faca\u011f\u0131z. Bu \u00f6rnek, temel Node.js kavramlar\u0131n\u0131 anlad\u0131ktan sonra bir sonraki ad\u0131ma ge\u00e7mek isteyenler i\u00e7in m\u00fckemmel bir ba\u015flang\u0131\u00e7 noktas\u0131 olacakt\u0131r. \u00d6ncelikle, projemizin genel yap\u0131s\u0131n\u0131 ve kullanaca\u011f\u0131m\u0131z teknolojileri inceleyelim. Daha sonra, ad\u0131m ad\u0131m kodlar\u0131 inceleyerek uygulamay\u0131 geli\u015ftirme s\u00fcrecini detayl\u0131 olarak ele alaca\u011f\u0131z.","breadcrumb":{"@id":"https:\/\/fatihsoysal.com\/blog\/node-js-ile-basit-ama-karmasik-bir-ornek-on-ve-arka-uc-gelistirme\/#breadcrumb"},"inLanguage":"tr","potentialAction":[{"@type":"ReadAction","target":["https:\/\/fatihsoysal.com\/blog\/node-js-ile-basit-ama-karmasik-bir-ornek-on-ve-arka-uc-gelistirme\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/fatihsoysal.com\/blog\/node-js-ile-basit-ama-karmasik-bir-ornek-on-ve-arka-uc-gelistirme\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Anasayfa","item":"https:\/\/fatihsoysal.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Node.js ile Basit Ama Karma\u015f\u0131k Bir \u00d6rnek: \u00d6n ve Arka U\u00e7 Geli\u015ftirme"}]},{"@type":"WebSite","@id":"https:\/\/fatihsoysal.com\/blog\/#website","url":"https:\/\/fatihsoysal.com\/blog\/","name":"Fatihsoysal.com","description":"Blog - Yaz\u0131l\u0131m D\u00fcnyas\u0131 Tecr\u00fcbelerim","publisher":{"@id":"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/002a254750921dcfd568a99e48240dd1"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/fatihsoysal.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"tr"},{"@type":["Person","Organization"],"@id":"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/002a254750921dcfd568a99e48240dd1","name":"Fatih Soysal","image":{"@type":"ImageObject","inLanguage":"tr","@id":"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/fatihsoysal.com\/blog\/wp-content\/uploads\/2024\/04\/cropped-replicate-prediction-3kgg1hgjn5rgp0cf0p5tr0jw7w-1.png","contentUrl":"https:\/\/fatihsoysal.com\/blog\/wp-content\/uploads\/2024\/04\/cropped-replicate-prediction-3kgg1hgjn5rgp0cf0p5tr0jw7w-1.png","width":512,"height":512,"caption":"Fatih Soysal"},"logo":{"@id":"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/image\/"},"description":"Kullan\u0131m ve kodlama m\u00fckemmeliyetini odak alan uygulamalar olu\u015fturma deneyimine sahip, profesyonel olarak 15+ y\u0131l \u00fczeri deneyime sahip bir yaz\u0131l\u0131m m\u00fchendisi.","url":"https:\/\/fatihsoysal.com\/blog\/author\/fatihsoysal\/"}]}},"yoast_meta":{"yoast_wpseo_title":"","yoast_wpseo_metadesc":"","yoast_wpseo_canonical":""},"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/fatihsoysal.com\/blog\/wp-json\/wp\/v2\/posts\/4016","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/fatihsoysal.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/fatihsoysal.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/fatihsoysal.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/fatihsoysal.com\/blog\/wp-json\/wp\/v2\/comments?post=4016"}],"version-history":[{"count":0,"href":"https:\/\/fatihsoysal.com\/blog\/wp-json\/wp\/v2\/posts\/4016\/revisions"}],"wp:attachment":[{"href":"https:\/\/fatihsoysal.com\/blog\/wp-json\/wp\/v2\/media?parent=4016"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/fatihsoysal.com\/blog\/wp-json\/wp\/v2\/categories?post=4016"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/fatihsoysal.com\/blog\/wp-json\/wp\/v2\/tags?post=4016"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":4016,"date":"2024-11-15T20:30:15","date_gmt":"2024-11-15T17:30:15","guid":{"rendered":"https:\/\/fatihsoysal.com\/blog\/node-js-ile-basit-ama-karmasik-bir-ornek-on-ve-arka-uc-gelistirme\/"},"modified":"2024-11-15T20:30:15","modified_gmt":"2024-11-15T17:30:15","slug":"node-js-ile-basit-ama-karmasik-bir-ornek-on-ve-arka-uc-gelistirme","status":"publish","type":"post","link":"https:\/\/fatihsoysal.com\/blog\/node-js-ile-basit-ama-karmasik-bir-ornek-on-ve-arka-uc-gelistirme\/","title":{"rendered":"Node.js ile Basit Ama Karma\u015f\u0131k Bir \u00d6rnek: \u00d6n ve Arka U\u00e7 Geli\u015ftirme"},"content":{"rendered":"

“`html
\n
\n
\n
\n Node.js ile Basit Ama Karma\u015f\u0131k Bir \u00d6rnek: \u00d6n ve Arka U\u00e7 Geli\u015ftirme<\/title><br \/>\n <meta charset=\"UTF-8\"><br \/>\n <br \/>\n<\/head><br \/>\n<body><\/p>\n<p>Node.js ile Basit Ama Karma\u015f\u0131k Bir \u00d6rnek: \u00d6n ve Arka U\u00e7 Geli\u015ftirme<\/p>\n<p>Merhaba! Fatih Soysal olarak, bu yaz\u0131da sizlere Node.js kullanarak hem arka u\u00e7u (backend) hem de \u00f6n u\u00e7u (frontend) geli\u015ftirece\u011fimiz basit ama ayn\u0131 zamanda baz\u0131 karma\u015f\u0131kl\u0131klar\u0131 da i\u00e7eren bir \u00f6rnek \u00fczerinde \u00e7al\u0131\u015faca\u011f\u0131z. Bu \u00f6rnek, temel Node.js kavramlar\u0131n\u0131 anlad\u0131ktan sonra bir sonraki ad\u0131ma ge\u00e7mek isteyenler i\u00e7in m\u00fckemmel bir ba\u015flang\u0131\u00e7 noktas\u0131 olacakt\u0131r. \u00d6ncelikle, projemizin genel yap\u0131s\u0131n\u0131 ve kullanaca\u011f\u0131m\u0131z teknolojileri inceleyelim. Daha sonra, ad\u0131m ad\u0131m kodlar\u0131 inceleyerek uygulamay\u0131 geli\u015ftirme s\u00fcrecini detayl\u0131 olarak ele alaca\u011f\u0131z.<\/p>\n<h2>Proje Yap\u0131s\u0131 ve Teknolojiler<\/h2>\n<p>Bu \u00f6rnekte, bir g\u00f6rev y\u00f6netimi uygulamas\u0131 geli\u015ftirmeyi hedefliyoruz. Arka u\u00e7 i\u00e7in Express.js framework’\u00fcn\u00fc, veri taban\u0131 olarak ise SQLite’\u0131 kullanaca\u011f\u0131z. \u00d6n u\u00e7 i\u00e7in ise sade HTML, CSS ve JavaScript kullanaca\u011f\u0131z. Bu basit yakla\u015f\u0131m, Node.js’in g\u00fcc\u00fcn\u00fc ve esnekli\u011fini g\u00f6stermek i\u00e7in yeterli olacakt\u0131r. Ayr\u0131ca, bu teknoloji se\u00e7imi, yeni ba\u015flayanlar i\u00e7in daha anla\u015f\u0131l\u0131r ve \u00f6\u011frenmesi kolay bir ortam sunacakt\u0131r. Dolay\u0131s\u0131yla, karma\u015f\u0131k yap\u0131land\u0131rmalarla u\u011fra\u015fmak yerine, kodun \u00f6z\u00fcne odaklanabilece\u011fiz.<\/p>\n<h2>Arka U\u00e7 Geli\u015ftirme (Backend)<\/h2>\n<p>\u00d6ncelikle, Express.js kullanarak arka ucumuzu olu\u015ftural\u0131m. Bu k\u0131s\u0131mda, g\u00f6revleri ekleme, listeleme, g\u00fcncelleme ve silme i\u015flemlerini ger\u00e7ekle\u015ftirecek API endpoint’lerini tan\u0131mlayaca\u011f\u0131z. A\u015fa\u011f\u0131da basit bir \u00f6rnek g\u00f6rebilirsiniz:<\/p>\n<pre><code class=\"language-javascript\">\nconst express = require('express');\nconst sqlite3 = require('sqlite3').verbose();\nconst app = express();\nconst db = new sqlite3.Database(':memory:'); \/\/ veya dosya yolu\n\n\/\/ ... (G\u00f6revleri y\u00f6netme fonksiyonlar\u0131) ...\n\napp.listen(3000, () => console.log('Server started on port 3000'));\n<\/code><\/pre>\n<p>Bu kod par\u00e7as\u0131, Express.js sunucusunu ba\u015flat\u0131r ve SQLite veritaban\u0131na ba\u011flan\u0131r. Daha sonra, g\u00f6rev ekleme, listeleme vb. i\u015flemlerini ger\u00e7ekle\u015ftirecek fonksiyonlar tan\u0131mlan\u0131r. Bu fonksiyonlar, veritaban\u0131 ile etkile\u015fim kurarak g\u00f6revleri y\u00f6netir. Burada, SQLite kullan\u0131m\u0131 kolayl\u0131\u011f\u0131 a\u00e7\u0131s\u0131ndan tercih edilmi\u015ftir. Ancak, daha b\u00fcy\u00fck projelerde PostgreSQL veya MongoDB gibi veritabanlar\u0131 daha uygun olabilir. Bunu da g\u00f6z \u00f6n\u00fcnde bulundurmak \u00f6nemlidir.<\/p>\n<h2>\u00d6n U\u00e7 Geli\u015ftirme (Frontend)<\/h2>\n<p>Arka ucumuz haz\u0131r olduktan sonra, \u00f6n ucu geli\u015ftirmeye ba\u015flayabiliriz. Bu k\u0131s\u0131mda, kullan\u0131c\u0131n\u0131n g\u00f6revleri ekleyebilece\u011fi, listeleyebilece\u011fi ve y\u00f6netebilece\u011fi bir aray\u00fcz olu\u015fturaca\u011f\u0131z. Bu aray\u00fcz, basit HTML, CSS ve JavaScript kullan\u0131larak olu\u015fturulabilir. \u00d6rne\u011fin, bir g\u00f6rev ekleme formu ve g\u00f6rev listesini g\u00f6steren bir tablo olu\u015fturabiliriz. JavaScript, API ile ileti\u015fim kurarak g\u00f6revleri ekleme, g\u00fcncelleme ve silme i\u015flemlerini ger\u00e7ekle\u015ftirecektir. Sonras\u0131nda, bu i\u015flemlerin sonu\u00e7lar\u0131 kullan\u0131c\u0131ya g\u00f6sterilecektir.<\/p>\n<p>\u00d6n u\u00e7 geli\u015ftirme a\u015famas\u0131nda, verimlilik ve performans i\u00e7in dikkatlice kod yazmak \u00f6nemlidir. Ayr\u0131ca, uygulaman\u0131n kullan\u0131c\u0131 dostu ve anla\u015f\u0131l\u0131r olmas\u0131 da b\u00fcy\u00fck \u00f6nem ta\u015f\u0131maktad\u0131r. Bu ama\u00e7la, uygun tasar\u0131m prensipleri ve iyi kodlama teknikleri kullan\u0131lmal\u0131d\u0131r. Unutmay\u0131n ki, iyi bir kullan\u0131c\u0131 deneyimi, uygulaman\u0131z\u0131n ba\u015far\u0131s\u0131 i\u00e7in \u00e7ok \u00f6nemli bir fakt\u00f6rd\u00fcr. Bu nedenle, kullan\u0131c\u0131 geri bildirimlerini almak ve uygulamay\u0131 s\u00fcrekli iyile\u015ftirmek \u00f6nemlidir.<\/p>\n<h2>Uygulaman\u0131n \u00c7al\u0131\u015ft\u0131r\u0131lmas\u0131<\/h2>\n<p>Hem arka u\u00e7 hem de \u00f6n u\u00e7 kodlar\u0131 tamamland\u0131ktan sonra, uygulamay\u0131 \u00e7al\u0131\u015ft\u0131rabilirsiniz. Arka ucu ba\u015flatmak i\u00e7in, Node.js komut sat\u0131r\u0131nda `node app.js` (veya sunucu dosyan\u0131z\u0131n ad\u0131) komutunu \u00e7al\u0131\u015ft\u0131rman\u0131z yeterlidir. Ard\u0131ndan, taray\u0131c\u0131n\u0131zda `http:\/\/localhost:3000` adresine giderek \u00f6n uca eri\u015febilirsiniz. Burada, g\u00f6revleri ekleyip y\u00f6netmeye ba\u015flayabilirsiniz. Uygulaman\u0131n \u00e7al\u0131\u015fmas\u0131, hem arka u\u00e7 hem de \u00f6n u\u00e7 kodlar\u0131n\u0131n do\u011fru \u015fekilde \u00e7al\u0131\u015ft\u0131\u011f\u0131 anlam\u0131na gelir.<\/p>\n<h2>Sonu\u00e7<\/h2>\n<p>Bu \u00f6rnekte, Node.js kullanarak basit ama ayn\u0131 zamanda baz\u0131 \u00f6nemli konular\u0131 i\u00e7eren bir uygulama geli\u015ftirdik. Bu \u00f6rnek, Node.js’in hem arka u\u00e7 hem de \u00f6n u\u00e7 geli\u015ftirme i\u00e7in kullan\u0131labilece\u011fini ve farkl\u0131 teknolojilerle entegre edilebilece\u011fini g\u00f6stermektedir. Daha karma\u015f\u0131k uygulamalar i\u00e7in, bu \u00f6rnekte kullan\u0131lan teknolojileri daha geli\u015fmi\u015f bir \u015fekilde kullanabilir veya farkl\u0131 teknolojiler tercih edebilirsiniz. \u00d6rne\u011fin, React, Angular veya Vue.js gibi JavaScript framework’lerini kullanarak daha etkile\u015fimli ve geli\u015fmi\u015f bir \u00f6n u\u00e7 olu\u015fturabilirsiniz. Ayr\u0131ca, daha g\u00fc\u00e7l\u00fc veritabanlar\u0131 ve daha geli\u015fmi\u015f API y\u00f6netimi teknikleri kullanabilirsiniz. Bu, uygulaman\u0131z\u0131n \u00f6l\u00e7eklenebilirli\u011fini ve performans\u0131n\u0131 art\u0131racakt\u0131r. <a href=\"https:\/\/fatihsoysal.com\">Web sitemi<\/a> \u00fczerinden daha fazla bilgiye ula\u015fabilirsiniz.<\/p>\n<p>Umar\u0131m bu makale yararl\u0131 olmu\u015ftur. Herhangi bir sorunuz varsa, l\u00fctfen bana ula\u015fmaktan \u00e7ekinmeyin. Ba\u015fka bir yaz\u0131da g\u00f6r\u00fc\u015fmek \u00fczere!<\/p>\n<p><strong>Faydal\u0131 Kaynaklar:<\/strong><\/p>\n<ul>\n<li><a href=\"https:\/\/expressjs.com\/\">Express.js<\/a><\/li>\n<li><a href=\"https:\/\/www.sqlite.org\/\">SQLite<\/a><\/li>\n<li><a href=\"https:\/\/nodejs.org\/en\/docs\/\">Node.js Dok\u00fcmantasyonu<\/a><\/li>\n<\/ul>\n<p><img decoding=\"async\" src=\"https:\/\/via.placeholder.com\/500x300?text=Node.js+\u00d6rne\u011fi\" alt=\"Node.js \u00d6rne\u011fi G\u00f6rseli\"><\/p>\n<p>#Etiketler: Node.js, Express.js, SQLite, Frontend, Backend, JavaScript, HTML, CSS, API, G\u00f6rev Y\u00f6netimi, Web Geli\u015ftirme<br \/>\n<\/body><br \/>\n<\/html><br \/>\n“`<\/p>\n","protected":false},"excerpt":{"rendered":"“`html Node.js ile Basit Ama Karma\u015f\u0131k Bir \u00d6rnek: \u00d6n ve Arka U\u00e7 Geli\u015ftirme Node.js ile Basit Ama Karma\u015f\u0131k…","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"csco_page_header_type":"","csco_page_load_nextpost":"","csco_page_subscribe_form":"","csco_page_contact_form":"","footnotes":""},"categories":[1],"tags":[],"class_list":{"0":"post-4016","1":"post","2":"type-post","3":"status-publish","4":"format-standard","6":"category-genel","7":"cs-entry","8":"cs-video-wrap"},"yoast_head":"\n<title>Node.js ile Basit Ama Karma\u015f\u0131k Bir \u00d6rnek: \u00d6n ve Arka U\u00e7 Geli\u015ftirme<\/title>\n<meta name=\"description\" content=\"Merhaba! Fatih Soysal olarak, bu yaz\u0131da sizlere Node.js kullanarak hem arka u\u00e7u (backend) hem de \u00f6n u\u00e7u (frontend) geli\u015ftirece\u011fimiz basit ama ayn\u0131 zamanda baz\u0131 karma\u015f\u0131kl\u0131klar\u0131 da i\u00e7eren bir \u00f6rnek \u00fczerinde \u00e7al\u0131\u015faca\u011f\u0131z. Bu \u00f6rnek, temel Node.js kavramlar\u0131n\u0131 anlad\u0131ktan sonra bir sonraki ad\u0131ma ge\u00e7mek isteyenler i\u00e7in m\u00fckemmel bir ba\u015flang\u0131\u00e7 noktas\u0131 olacakt\u0131r. \u00d6ncelikle, projemizin genel yap\u0131s\u0131n\u0131 ve kullanaca\u011f\u0131m\u0131z teknolojileri inceleyelim. Daha sonra, ad\u0131m ad\u0131m kodlar\u0131 inceleyerek uygulamay\u0131 geli\u015ftirme s\u00fcrecini detayl\u0131 olarak ele alaca\u011f\u0131z.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/fatihsoysal.com\/blog\/node-js-ile-basit-ama-karmasik-bir-ornek-on-ve-arka-uc-gelistirme\/\" \/>\n<meta property=\"og:locale\" content=\"tr_TR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Node.js ile Basit Ama Karma\u015f\u0131k Bir \u00d6rnek: \u00d6n ve Arka U\u00e7 Geli\u015ftirme\" \/>\n<meta property=\"og:description\" content=\"Merhaba! Fatih Soysal olarak, bu yaz\u0131da sizlere Node.js kullanarak hem arka u\u00e7u (backend) hem de \u00f6n u\u00e7u (frontend) geli\u015ftirece\u011fimiz basit ama ayn\u0131 zamanda baz\u0131 karma\u015f\u0131kl\u0131klar\u0131 da i\u00e7eren bir \u00f6rnek \u00fczerinde \u00e7al\u0131\u015faca\u011f\u0131z. Bu \u00f6rnek, temel Node.js kavramlar\u0131n\u0131 anlad\u0131ktan sonra bir sonraki ad\u0131ma ge\u00e7mek isteyenler i\u00e7in m\u00fckemmel bir ba\u015flang\u0131\u00e7 noktas\u0131 olacakt\u0131r. \u00d6ncelikle, projemizin genel yap\u0131s\u0131n\u0131 ve kullanaca\u011f\u0131m\u0131z teknolojileri inceleyelim. Daha sonra, ad\u0131m ad\u0131m kodlar\u0131 inceleyerek uygulamay\u0131 geli\u015ftirme s\u00fcrecini detayl\u0131 olarak ele alaca\u011f\u0131z.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/fatihsoysal.com\/blog\/node-js-ile-basit-ama-karmasik-bir-ornek-on-ve-arka-uc-gelistirme\/\" \/>\n<meta property=\"og:site_name\" content=\"Kodlar\u0131n Gizemli D\u00fcnyas\u0131\" \/>\n<meta property=\"article:published_time\" content=\"2024-11-15T17:30:15+00:00\" \/>\n<meta name=\"author\" content=\"Fatih Soysal\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Yazan:\" \/>\n\t<meta name=\"twitter:data1\" content=\"Fatih Soysal\" \/>\n\t<meta name=\"twitter:label2\" content=\"Tahmini okuma s\u00fcresi\" \/>\n\t<meta name=\"twitter:data2\" content=\"4 dakika\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/fatihsoysal.com\/blog\/node-js-ile-basit-ama-karmasik-bir-ornek-on-ve-arka-uc-gelistirme\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/fatihsoysal.com\/blog\/node-js-ile-basit-ama-karmasik-bir-ornek-on-ve-arka-uc-gelistirme\/\"},\"author\":{\"name\":\"Fatih Soysal\",\"@id\":\"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/002a254750921dcfd568a99e48240dd1\"},\"headline\":\"Node.js ile Basit Ama Karma\u015f\u0131k Bir \u00d6rnek: \u00d6n ve Arka U\u00e7 Geli\u015ftirme\",\"datePublished\":\"2024-11-15T17:30:15+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/fatihsoysal.com\/blog\/node-js-ile-basit-ama-karmasik-bir-ornek-on-ve-arka-uc-gelistirme\/\"},\"wordCount\":829,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/002a254750921dcfd568a99e48240dd1\"},\"inLanguage\":\"tr\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/fatihsoysal.com\/blog\/node-js-ile-basit-ama-karmasik-bir-ornek-on-ve-arka-uc-gelistirme\/#respond\"]}],\"copyrightYear\":\"2024\",\"copyrightHolder\":{\"@id\":\"https:\/\/fatihsoysal.com\/blog\/#organization\"}},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/fatihsoysal.com\/blog\/node-js-ile-basit-ama-karmasik-bir-ornek-on-ve-arka-uc-gelistirme\/\",\"url\":\"https:\/\/fatihsoysal.com\/blog\/node-js-ile-basit-ama-karmasik-bir-ornek-on-ve-arka-uc-gelistirme\/\",\"name\":\"Node.js ile Basit Ama Karma\u015f\u0131k Bir \u00d6rnek: \u00d6n ve Arka U\u00e7 Geli\u015ftirme\",\"isPartOf\":{\"@id\":\"https:\/\/fatihsoysal.com\/blog\/#website\"},\"datePublished\":\"2024-11-15T17:30:15+00:00\",\"description\":\"Merhaba! Fatih Soysal olarak, bu yaz\u0131da sizlere Node.js kullanarak hem arka u\u00e7u (backend) hem de \u00f6n u\u00e7u (frontend) geli\u015ftirece\u011fimiz basit ama ayn\u0131 zamanda baz\u0131 karma\u015f\u0131kl\u0131klar\u0131 da i\u00e7eren bir \u00f6rnek \u00fczerinde \u00e7al\u0131\u015faca\u011f\u0131z. Bu \u00f6rnek, temel Node.js kavramlar\u0131n\u0131 anlad\u0131ktan sonra bir sonraki ad\u0131ma ge\u00e7mek isteyenler i\u00e7in m\u00fckemmel bir ba\u015flang\u0131\u00e7 noktas\u0131 olacakt\u0131r. \u00d6ncelikle, projemizin genel yap\u0131s\u0131n\u0131 ve kullanaca\u011f\u0131m\u0131z teknolojileri inceleyelim. Daha sonra, ad\u0131m ad\u0131m kodlar\u0131 inceleyerek uygulamay\u0131 geli\u015ftirme s\u00fcrecini detayl\u0131 olarak ele alaca\u011f\u0131z.\",\"breadcrumb\":{\"@id\":\"https:\/\/fatihsoysal.com\/blog\/node-js-ile-basit-ama-karmasik-bir-ornek-on-ve-arka-uc-gelistirme\/#breadcrumb\"},\"inLanguage\":\"tr\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/fatihsoysal.com\/blog\/node-js-ile-basit-ama-karmasik-bir-ornek-on-ve-arka-uc-gelistirme\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/fatihsoysal.com\/blog\/node-js-ile-basit-ama-karmasik-bir-ornek-on-ve-arka-uc-gelistirme\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Anasayfa\",\"item\":\"https:\/\/fatihsoysal.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Node.js ile Basit Ama Karma\u015f\u0131k Bir \u00d6rnek: \u00d6n ve Arka U\u00e7 Geli\u015ftirme\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/fatihsoysal.com\/blog\/#website\",\"url\":\"https:\/\/fatihsoysal.com\/blog\/\",\"name\":\"Fatihsoysal.com\",\"description\":\"Blog - Yaz\u0131l\u0131m D\u00fcnyas\u0131 Tecr\u00fcbelerim\",\"publisher\":{\"@id\":\"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/002a254750921dcfd568a99e48240dd1\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/fatihsoysal.com\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"tr\"},{\"@type\":[\"Person\",\"Organization\"],\"@id\":\"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/002a254750921dcfd568a99e48240dd1\",\"name\":\"Fatih Soysal\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"tr\",\"@id\":\"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/fatihsoysal.com\/blog\/wp-content\/uploads\/2024\/04\/cropped-replicate-prediction-3kgg1hgjn5rgp0cf0p5tr0jw7w-1.png\",\"contentUrl\":\"https:\/\/fatihsoysal.com\/blog\/wp-content\/uploads\/2024\/04\/cropped-replicate-prediction-3kgg1hgjn5rgp0cf0p5tr0jw7w-1.png\",\"width\":512,\"height\":512,\"caption\":\"Fatih Soysal\"},\"logo\":{\"@id\":\"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/image\/\"},\"description\":\"Kullan\u0131m ve kodlama m\u00fckemmeliyetini odak alan uygulamalar olu\u015fturma deneyimine sahip, profesyonel olarak 15+ y\u0131l \u00fczeri deneyime sahip bir yaz\u0131l\u0131m m\u00fchendisi.\",\"url\":\"https:\/\/fatihsoysal.com\/blog\/author\/fatihsoysal\/\"}]}<\/script>\n","yoast_head_json":{"title":"Node.js ile Basit Ama Karma\u015f\u0131k Bir \u00d6rnek: \u00d6n ve Arka U\u00e7 Geli\u015ftirme","description":"Merhaba! Fatih Soysal olarak, bu yaz\u0131da sizlere Node.js kullanarak hem arka u\u00e7u (backend) hem de \u00f6n u\u00e7u (frontend) geli\u015ftirece\u011fimiz basit ama ayn\u0131 zamanda baz\u0131 karma\u015f\u0131kl\u0131klar\u0131 da i\u00e7eren bir \u00f6rnek \u00fczerinde \u00e7al\u0131\u015faca\u011f\u0131z. Bu \u00f6rnek, temel Node.js kavramlar\u0131n\u0131 anlad\u0131ktan sonra bir sonraki ad\u0131ma ge\u00e7mek isteyenler i\u00e7in m\u00fckemmel bir ba\u015flang\u0131\u00e7 noktas\u0131 olacakt\u0131r. \u00d6ncelikle, projemizin genel yap\u0131s\u0131n\u0131 ve kullanaca\u011f\u0131m\u0131z teknolojileri inceleyelim. Daha sonra, ad\u0131m ad\u0131m kodlar\u0131 inceleyerek uygulamay\u0131 geli\u015ftirme s\u00fcrecini detayl\u0131 olarak ele alaca\u011f\u0131z.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/fatihsoysal.com\/blog\/node-js-ile-basit-ama-karmasik-bir-ornek-on-ve-arka-uc-gelistirme\/","og_locale":"tr_TR","og_type":"article","og_title":"Node.js ile Basit Ama Karma\u015f\u0131k Bir \u00d6rnek: \u00d6n ve Arka U\u00e7 Geli\u015ftirme","og_description":"Merhaba! Fatih Soysal olarak, bu yaz\u0131da sizlere Node.js kullanarak hem arka u\u00e7u (backend) hem de \u00f6n u\u00e7u (frontend) geli\u015ftirece\u011fimiz basit ama ayn\u0131 zamanda baz\u0131 karma\u015f\u0131kl\u0131klar\u0131 da i\u00e7eren bir \u00f6rnek \u00fczerinde \u00e7al\u0131\u015faca\u011f\u0131z. Bu \u00f6rnek, temel Node.js kavramlar\u0131n\u0131 anlad\u0131ktan sonra bir sonraki ad\u0131ma ge\u00e7mek isteyenler i\u00e7in m\u00fckemmel bir ba\u015flang\u0131\u00e7 noktas\u0131 olacakt\u0131r. \u00d6ncelikle, projemizin genel yap\u0131s\u0131n\u0131 ve kullanaca\u011f\u0131m\u0131z teknolojileri inceleyelim. Daha sonra, ad\u0131m ad\u0131m kodlar\u0131 inceleyerek uygulamay\u0131 geli\u015ftirme s\u00fcrecini detayl\u0131 olarak ele alaca\u011f\u0131z.","og_url":"https:\/\/fatihsoysal.com\/blog\/node-js-ile-basit-ama-karmasik-bir-ornek-on-ve-arka-uc-gelistirme\/","og_site_name":"Kodlar\u0131n Gizemli D\u00fcnyas\u0131","article_published_time":"2024-11-15T17:30:15+00:00","author":"Fatih Soysal","twitter_card":"summary_large_image","twitter_misc":{"Yazan:":"Fatih Soysal","Tahmini okuma s\u00fcresi":"4 dakika"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/fatihsoysal.com\/blog\/node-js-ile-basit-ama-karmasik-bir-ornek-on-ve-arka-uc-gelistirme\/#article","isPartOf":{"@id":"https:\/\/fatihsoysal.com\/blog\/node-js-ile-basit-ama-karmasik-bir-ornek-on-ve-arka-uc-gelistirme\/"},"author":{"name":"Fatih Soysal","@id":"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/002a254750921dcfd568a99e48240dd1"},"headline":"Node.js ile Basit Ama Karma\u015f\u0131k Bir \u00d6rnek: \u00d6n ve Arka U\u00e7 Geli\u015ftirme","datePublished":"2024-11-15T17:30:15+00:00","mainEntityOfPage":{"@id":"https:\/\/fatihsoysal.com\/blog\/node-js-ile-basit-ama-karmasik-bir-ornek-on-ve-arka-uc-gelistirme\/"},"wordCount":829,"commentCount":0,"publisher":{"@id":"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/002a254750921dcfd568a99e48240dd1"},"inLanguage":"tr","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/fatihsoysal.com\/blog\/node-js-ile-basit-ama-karmasik-bir-ornek-on-ve-arka-uc-gelistirme\/#respond"]}],"copyrightYear":"2024","copyrightHolder":{"@id":"https:\/\/fatihsoysal.com\/blog\/#organization"}},{"@type":"WebPage","@id":"https:\/\/fatihsoysal.com\/blog\/node-js-ile-basit-ama-karmasik-bir-ornek-on-ve-arka-uc-gelistirme\/","url":"https:\/\/fatihsoysal.com\/blog\/node-js-ile-basit-ama-karmasik-bir-ornek-on-ve-arka-uc-gelistirme\/","name":"Node.js ile Basit Ama Karma\u015f\u0131k Bir \u00d6rnek: \u00d6n ve Arka U\u00e7 Geli\u015ftirme","isPartOf":{"@id":"https:\/\/fatihsoysal.com\/blog\/#website"},"datePublished":"2024-11-15T17:30:15+00:00","description":"Merhaba! Fatih Soysal olarak, bu yaz\u0131da sizlere Node.js kullanarak hem arka u\u00e7u (backend) hem de \u00f6n u\u00e7u (frontend) geli\u015ftirece\u011fimiz basit ama ayn\u0131 zamanda baz\u0131 karma\u015f\u0131kl\u0131klar\u0131 da i\u00e7eren bir \u00f6rnek \u00fczerinde \u00e7al\u0131\u015faca\u011f\u0131z. Bu \u00f6rnek, temel Node.js kavramlar\u0131n\u0131 anlad\u0131ktan sonra bir sonraki ad\u0131ma ge\u00e7mek isteyenler i\u00e7in m\u00fckemmel bir ba\u015flang\u0131\u00e7 noktas\u0131 olacakt\u0131r. \u00d6ncelikle, projemizin genel yap\u0131s\u0131n\u0131 ve kullanaca\u011f\u0131m\u0131z teknolojileri inceleyelim. Daha sonra, ad\u0131m ad\u0131m kodlar\u0131 inceleyerek uygulamay\u0131 geli\u015ftirme s\u00fcrecini detayl\u0131 olarak ele alaca\u011f\u0131z.","breadcrumb":{"@id":"https:\/\/fatihsoysal.com\/blog\/node-js-ile-basit-ama-karmasik-bir-ornek-on-ve-arka-uc-gelistirme\/#breadcrumb"},"inLanguage":"tr","potentialAction":[{"@type":"ReadAction","target":["https:\/\/fatihsoysal.com\/blog\/node-js-ile-basit-ama-karmasik-bir-ornek-on-ve-arka-uc-gelistirme\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/fatihsoysal.com\/blog\/node-js-ile-basit-ama-karmasik-bir-ornek-on-ve-arka-uc-gelistirme\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Anasayfa","item":"https:\/\/fatihsoysal.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Node.js ile Basit Ama Karma\u015f\u0131k Bir \u00d6rnek: \u00d6n ve Arka U\u00e7 Geli\u015ftirme"}]},{"@type":"WebSite","@id":"https:\/\/fatihsoysal.com\/blog\/#website","url":"https:\/\/fatihsoysal.com\/blog\/","name":"Fatihsoysal.com","description":"Blog - Yaz\u0131l\u0131m D\u00fcnyas\u0131 Tecr\u00fcbelerim","publisher":{"@id":"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/002a254750921dcfd568a99e48240dd1"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/fatihsoysal.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"tr"},{"@type":["Person","Organization"],"@id":"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/002a254750921dcfd568a99e48240dd1","name":"Fatih Soysal","image":{"@type":"ImageObject","inLanguage":"tr","@id":"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/fatihsoysal.com\/blog\/wp-content\/uploads\/2024\/04\/cropped-replicate-prediction-3kgg1hgjn5rgp0cf0p5tr0jw7w-1.png","contentUrl":"https:\/\/fatihsoysal.com\/blog\/wp-content\/uploads\/2024\/04\/cropped-replicate-prediction-3kgg1hgjn5rgp0cf0p5tr0jw7w-1.png","width":512,"height":512,"caption":"Fatih Soysal"},"logo":{"@id":"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/image\/"},"description":"Kullan\u0131m ve kodlama m\u00fckemmeliyetini odak alan uygulamalar olu\u015fturma deneyimine sahip, profesyonel olarak 15+ y\u0131l \u00fczeri deneyime sahip bir yaz\u0131l\u0131m m\u00fchendisi.","url":"https:\/\/fatihsoysal.com\/blog\/author\/fatihsoysal\/"}]}},"yoast_meta":{"yoast_wpseo_title":"","yoast_wpseo_metadesc":"","yoast_wpseo_canonical":""},"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/fatihsoysal.com\/blog\/wp-json\/wp\/v2\/posts\/4016","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/fatihsoysal.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/fatihsoysal.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/fatihsoysal.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/fatihsoysal.com\/blog\/wp-json\/wp\/v2\/comments?post=4016"}],"version-history":[{"count":0,"href":"https:\/\/fatihsoysal.com\/blog\/wp-json\/wp\/v2\/posts\/4016\/revisions"}],"wp:attachment":[{"href":"https:\/\/fatihsoysal.com\/blog\/wp-json\/wp\/v2\/media?parent=4016"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/fatihsoysal.com\/blog\/wp-json\/wp\/v2\/categories?post=4016"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/fatihsoysal.com\/blog\/wp-json\/wp\/v2\/tags?post=4016"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}