nasıl kullanılır arşivleri - Murat Bilginer https://muratbilginer.net/tag/nasil-kullanilir/ Blog Thu, 30 Nov 2023 11:33:47 +0000 tr hourly 1 https://muratbilginer.net/wp-content/uploads/2025/03/MuratBilginerIco-3.png nasıl kullanılır arşivleri - Murat Bilginer https://muratbilginer.net/tag/nasil-kullanilir/ 32 32 Next.js 14 Tutorial 5 – Static Site Generation Kavramını Anlamak https://muratbilginer.net/next-js-14-tutorial-5-static-site-generation-kavramini-anlamak/ https://muratbilginer.net/next-js-14-tutorial-5-static-site-generation-kavramini-anlamak/#respond Thu, 30 Nov 2023 11:33:47 +0000 https://muratbilginer.net/?p=49701 Merhabalar. Bu yazımda Static Site Generation nedir buna bakalım istiyorum. Static Site Generation (SSG), web uygulamalarının içeriğini önceden oluşturarak HTML dosyalarını hazır hale getiren bir tekniktir. Bu, her istemci talebinde sunucunun içeriği dinamik olarak oluşturmasına gerek olmaksızın, sitenin önceden hazırlanmış HTML dosyalarını kullanarak hızlı ve verimli bir şekilde içerik sunmasını sağlar. SSG, özellikle performans, güvenlik...

The post Next.js 14 Tutorial 5 – Static Site Generation Kavramını Anlamak appeared first on Murat Bilginer.

]]> https://muratbilginer.net/next-js-14-tutorial-5-static-site-generation-kavramini-anlamak/feed/ 0 Next.js 14 Tutorial 4 – Client Side Rendering Kavramını Anlamak https://muratbilginer.net/next-js-14-tutorial-4-client-side-rendering-kavramini-anlamak/ https://muratbilginer.net/next-js-14-tutorial-4-client-side-rendering-kavramini-anlamak/#respond Thu, 30 Nov 2023 11:29:23 +0000 https://muratbilginer.net/?p=49698 Merhabalar. Bu yazımda Client Side Rendering nedir buna bakalım istiyorum. Client Side Rendering (CSR), web uygulamalarının kullanıcı cihazında, yani tarayıcıda, dinamik olarak içerik oluşturduğu bir tekniktir. Bu yöntem, web sayfalarının sunucu tarafında değil, istemci tarafında, yani kullanıcının tarayıcısında çalışan JavaScript kodu aracılığıyla oluşturulmasını içerir. CSR, kullanıcı deneyimini geliştirmek ve daha etkileşimli web uygulamaları sunmak için...

The post Next.js 14 Tutorial 4 – Client Side Rendering Kavramını Anlamak appeared first on Murat Bilginer.

]]> https://muratbilginer.net/next-js-14-tutorial-4-client-side-rendering-kavramini-anlamak/feed/ 0 IT Notions 12 Yeoman Nedir? https://muratbilginer.net/it-notions-12-yeoman-nedir/ https://muratbilginer.net/it-notions-12-yeoman-nedir/#respond Tue, 28 Nov 2023 16:35:00 +0000 https://muratbilginer.net/?p=49669 Merhabalar. Bu yazımda Yeoman konusunu ele alıp anlatmaya çalışacağım. Yeoman, modern web geliştirme süreçlerini hızlandırmak ve kolaylaştırmak amacıyla kullanılan bir web uygulaması ve proje oluşturma aracıdır. Yeoman, geliştiricilere başlangıç aşamasında tekrarlanan görevleri otomatikleştirme, proje şablonlarını kullanma ve en iyi uygulama standartlarına uygun projeler oluşturma imkanı sağlar. Yeoman’ın temel bileşenleri şunlardır: Yo (Yeoman Generator): Projelerinizi oluşturmak...

The post IT Notions 12 Yeoman Nedir? appeared first on Murat Bilginer.

]]> https://muratbilginer.net/it-notions-12-yeoman-nedir/feed/ 0 IT Notions 11 Grunt.js Nedir? https://muratbilginer.net/it-notions-11-grunt-js-nedir/ https://muratbilginer.net/it-notions-11-grunt-js-nedir/#respond Tue, 28 Nov 2023 16:26:34 +0000 https://muratbilginer.net/?p=49662 Merhabalar. Bu yazımda Grunt.js konusunu ele alıp anlatmaya çalışacağım. Verdiğim kodlar sadece sistemi anlatabilmek içindir. Grunt Tutorial’ı ayrıca yazacağım. Grunt.js, JavaScript tabanlı bir görev çalıştırıcıdır ve özellikle web geliştirme süreçlerini otomatikleştirmek için kullanılır. Geliştiricilere, tekrarlayan görevleri hızlı ve verimli bir şekilde gerçekleştirmelerine yardımcı olan bir araç sağlar. Bu, projelerin derlenmesi, test edilmesi, belgelenmesi ve optimize...

The post IT Notions 11 Grunt.js Nedir? appeared first on Murat Bilginer.

]]> https://muratbilginer.net/it-notions-11-grunt-js-nedir/feed/ 0 IT Notions 8 Vanilla JavaScript Nedir? https://muratbilginer.net/it-notions-8-vanilla-javascript-nedir/ https://muratbilginer.net/it-notions-8-vanilla-javascript-nedir/#respond Sat, 25 Nov 2023 14:46:49 +0000 https://muratbilginer.net/?p=49573 Merhabalar. Bu yazımda Vanilla JavaScript konusundan bahsedeceğim. Javascript geliştirmeye başladıysanız, bu kavramı duymuşsunuzdur ve farklı bir kütüphaneden mi bahsediliyor diye merak etmiş olabilirsiniz. Bu merakınızı gidermeye çalışacağım. JavaScript Nedir? JavaScript, tarayıcıda çalışabilen bir betik dildir. İlk olarak Netscape Communications Corporation tarafından geliştirilmiş ve daha sonra ECMA International tarafından standartlaştırılmıştır. JavaScript, web tarayıcıları üzerinde etkileşimli içerik...

The post IT Notions 8 Vanilla JavaScript Nedir? appeared first on Murat Bilginer.

]]> https://muratbilginer.net/it-notions-8-vanilla-javascript-nedir/feed/ 0 CSS 3 Flexbox 10 – Items İçin Flex-Basis Özelliği https://muratbilginer.net/css-3-flexbox-10-items-icin-flex-basis-ozelligi/ https://muratbilginer.net/css-3-flexbox-10-items-icin-flex-basis-ozelligi/#respond Thu, 23 Nov 2023 08:55:55 +0000 https://muratbilginer.net/?p=49537 Merhabalar. Bu yazımda Items için flex-basis özelliklerine bakacağız. Projemiz bir önceki yazımızdan devam ettiği için öncelikle o yazımı okumanızı tavsiye ederim. Bir önceki yazılarımda anlatılan flex özellikleri, kapsayıcıya aitti. Birde içindeki öğeler için esnek yapıda neler yapabiliyoruz, onlara bakalım. Burada bahsedeceğimiz özelliklerin nasıl gözüktüğünü daha iyi anlayabilmek için öncelikle kodlarımızda şu güncellemeleri yapalım. index.html flexbox.css...

The post CSS 3 Flexbox 10 – Items İçin Flex-Basis Özelliği appeared first on Murat Bilginer.

]]> https://muratbilginer.net/css-3-flexbox-10-items-icin-flex-basis-ozelligi/feed/ 0 CSS 3 Flexbox 8 – Items İçin Flex-Grow Özelliği https://muratbilginer.net/css-3-flexbox-8-items-icin-flex-grow-ozelligi/ https://muratbilginer.net/css-3-flexbox-8-items-icin-flex-grow-ozelligi/#respond Thu, 23 Nov 2023 08:25:19 +0000 https://muratbilginer.net/?p=49525 Merhabalar. Bu yazımda Items için flex-grow özelliklerine bakacağız. Projemiz bir önceki yazımızdan devam ettiği için öncelikle o yazımı okumanızı tavsiye ederim. Bir önceki yazılarımda anlatılan flex özellikleri, kapsayıcıya aitti. Birde içindeki öğeler için esnek yapıda neler yapabiliyoruz, onlara bakalım. Burada bahsedeceğimiz özelliklerin nasıl gözüktüğünü daha iyi anlayabilmek için öncelikle kodlarımızda şu güncellemeleri yapalım. index.html flexbox.css...

The post CSS 3 Flexbox 8 – Items İçin Flex-Grow Özelliği appeared first on Murat Bilginer.

]]> https://muratbilginer.net/css-3-flexbox-8-items-icin-flex-grow-ozelligi/feed/ 0 CSS 3 Flexbox 6 – Flexbox Align-Self Özelliği https://muratbilginer.net/css-3-flexbox-6-flexbox-align-self-ozelligi/ https://muratbilginer.net/css-3-flexbox-6-flexbox-align-self-ozelligi/#respond Thu, 23 Nov 2023 07:30:55 +0000 https://muratbilginer.net/?p=49512 Merhabalar. Bu yazımda Flexbox’ın Container içindeki nesnelerin durumlarına bakmaya devam ediyoruz. align-self özelliğine bakacağız. Projemiz bir önceki yazımızdan devam ettiği için öncelikle o yazımı okumanızı tavsiye ederim. Burada bahsedeceğimiz özelliklerin nasıl gözüktüğünü daha iyi anlayabilmek için öncelikle kodlarımızda şu güncellemeleri yapalım. index.html flexbox.css Şu anki güncellemelerimiz sonrası uygulama aşağıdaki gibi gözüküyor. align-self Özelliği align-self özelliği,...

The post CSS 3 Flexbox 6 – Flexbox Align-Self Özelliği appeared first on Murat Bilginer.

]]> https://muratbilginer.net/css-3-flexbox-6-flexbox-align-self-ozelligi/feed/ 0 CSS 3 Flexbox 5 – Flexbox Align-Content Özelliği https://muratbilginer.net/css-3-flexbox-5-flexbox-align-content-ozelligi/ https://muratbilginer.net/css-3-flexbox-5-flexbox-align-content-ozelligi/#respond Thu, 23 Nov 2023 07:12:18 +0000 https://muratbilginer.net/?p=49502 Merhabalar. Bu yazımda Flexbox’ın Container içindeki nesnelerin durumlarına bakmaya devam ediyoruz. align-content özelliğine bakacağız. Projemiz bir önceki yazımızdan devam ettiği için öncelikle o yazımı okumanızı tavsiye ederim. Burada bahsedeceğimiz özelliklerin nasıl gözüktüğünü daha iyi anlayabilmek için öncelikle kodlarımızda şu güncellemeleri yapalım. index.html flexbox.css Şu anki güncellemelerimiz sonrası uygulama aşağıdaki gibi gözüküyor. align-content Özelliği align-content özelliği,...

The post CSS 3 Flexbox 5 – Flexbox Align-Content Özelliği appeared first on Murat Bilginer.

]]> https://muratbilginer.net/css-3-flexbox-5-flexbox-align-content-ozelligi/feed/ 0 CSS 3 Flexbox 3 – Flexbox Justify-Content Özelliği https://muratbilginer.net/css-3-flexbox-3-flexbox-justify-content-ozelligi/ https://muratbilginer.net/css-3-flexbox-3-flexbox-justify-content-ozelligi/#respond Thu, 23 Nov 2023 06:31:48 +0000 https://muratbilginer.net/?p=49475 Merhabalar. Bu yazımda Flexbox’ın Container içindeki nesnelerin durumlarına bakacağız. İlk olarak justify-content özelliğine bakalım. Projemiz bir önceki yazımızdan devam ettiği için öncelikle o yazımı okumanızı tavsiye ederim. Burada bahsedeceğimiz özelliklerin nasıl gözüktüğünü daha iyi anlayabilmek için öncelikle kodlarımızda şu güncellemeleri yapalım. index.html flexbox.css Şu anki güncellemelerimiz sonrası uygulama aşağıdaki gibi gözüküyor. justify-content Özelliği “justify-content” özelliği,...

The post CSS 3 Flexbox 3 – Flexbox Justify-Content Özelliği appeared first on Murat Bilginer.

]]> https://muratbilginer.net/css-3-flexbox-3-flexbox-justify-content-ozelligi/feed/ 0