FrontEnd Developer Road Map arşivleri - Murat Bilginer

Node.Js Tutorial 2024 1 – Node.JS Eğitimine Giriş

Murat Bilginer — Thu, 28 Dec 2023 01:12:17 +0000

Merhabalar, bu yazı dizisi boyunca sizlere Node.js teknolojisinden bahsetmeye çalışacağım. 2024 başlarında yazmaya başladığım bu eğitim serisinde Node.js konusunda sizi sıfırdan alıp proje geliştirebilir seviyeye getirmeyi amaçlıyorum. Bu eğitim serisi boyunca kullanacağım Node.js sürümü 20.10.0 sürümüdür. Sürüm kaynaklı oluşabilecek hatalarınızı kurulumunuzu bu sürüm ile güncelleyerek giderebilirsiniz. Eğitim boyunca JavaScript bilgilerimizden yeri geldikçe yararlanacağımız için bu...

The post Node.Js Tutorial 2024 1 – Node.JS Eğitimine Giriş appeared first on Murat Bilginer.

Next.js 14 Tutorial 6 – Next.js Vs React.js

Murat Bilginer — Thu, 30 Nov 2023 11:56:09 +0000

Merhabalar. Bu yazımda Next ile React karşılaştırmasına bakacağız. React ve Next.js, JavaScript tabanlı web uygulamaları geliştirmek için kullanılan iki önemli araçtır. İki teknoloji arasındaki benzerlikler ve farklılıklar şu şekildedir: React Next.js React vs Next.js Karşılaştırması Sonuç olarak; React, temelde bir kullanıcı arayüzü kütüphanesi olarak odaklanırken, Next.js, React üzerine inşa edilen bir framework’tür ve SSR, SSG...

The post Next.js 14 Tutorial 6 – Next.js Vs React.js appeared first on Murat Bilginer.

Next.js 14 Tutorial 5 – Static Site Generation Kavramını Anlamak

Murat Bilginer — Thu, 30 Nov 2023 11:33:47 +0000

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.

Next.js 14 Tutorial 4 – Client Side Rendering Kavramını Anlamak

Murat Bilginer — Thu, 30 Nov 2023 11:29:23 +0000

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.

Next.js 14 Tutorial 3 – Server Side Rendering Kavramını Anlamak

Murat Bilginer — Thu, 30 Nov 2023 11:24:43 +0000

Merhabalar. Bu yazımda Server Side Rendering nedir buna bakalım istiyorum. Server Side Rendering (SSR), web uygulamalarının kullanıcılara daha hızlı ve etkileşimli bir deneyim sunmak için kullanılan bir tekniktir. Bu yöntem, web sayfalarının sunucu tarafında oluşturulmasını ve tarayıcıya gönderilmeden önce tamamen hazır hale getirilmesini içerir. Geleneksel olarak, web uygulamaları tarayıcıda çalışan JavaScript kodu aracılığıyla oluşturulurken, SSR,...

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

Next.js 14 Tutorial 2 – Next.js Nedir?

Murat Bilginer — Thu, 30 Nov 2023 11:18:10 +0000

Merhabalar. Next.js eğitimimize Next.js nedir konusunu anlayarak başlayalım istiyorum. Next.js, React tabanlı bir web uygulama çerçevesidir. Bu çerçeve, React uygulamalarını geliştirmeyi daha kolay ve verimli hale getirmek için tasarlanmıştır. Özellikle, server-side rendering (SSR) ve static site generation (SSG) gibi performans artırıcı özelliklere odaklanır. Next.js: React Uygulamalarını Güçlendiren Bir Çerçeve Web uygulamaları geliştirmek, özellikle büyük ve...

The post Next.js 14 Tutorial 2 – Next.js Nedir? appeared first on Murat Bilginer.

Next.js 14 Tutorial 1 – Next.js Eğitimine Giriş

Murat Bilginer — Wed, 29 Nov 2023 13:11:40 +0000

Merhabalar, bu yazı dizisi boyunca sizlere Next JS’den bahsetmeye çalışacağım. 2023 sonlarında yazmaya başladığım bu eğitim serisinde Next konusunda sizi sıfırdan alıp proje geliştirebilir seviyeye getirmeyi amaçlıyorum. Bu eğitim serisi boyunca kullanacağım Next sürümü 14’dür. Sürüm kaynaklı oluşabilecek hatalarınızı kurulumunuzu bu sürüm ile güncelleyerek giderebilirsiniz. Eğitim boyunca HTML – CSS ve JavaScript ve React bilgilerimizden...

The post Next.js 14 Tutorial 1 – Next.js Eğitimine Giriş appeared first on Murat Bilginer.

Node Package Manager’da Adım Adım Kendi Yazdığımız JavaScript Paketini Yayınlama

Murat Bilginer — Sun, 26 Nov 2023 14:33:02 +0000

Herkese merhabalar. Bu yazımda kendi yazdığımız Vanilla JavaScript modülünü NPM’de yayınlamayı anlatmaya çalışacağım. Adım adım ilerleyeceğiz ve ihtiyacınız olan her şeyi göstermeye çalışacağım. 1 NPM’de Kullanıcı Oluştur Öncelikle NPM’in sitesine gidip bir kullanıcı hesabı oluşturuyoruz. https://www.npmjs.com Adım adım görselleri takip edip kullanıcımızı oluşturalım. 2 Paket İçin Github Reposu Oluştur Paketimizin public bir reposunun olması önemlidir....

The post Node Package Manager’da Adım Adım Kendi Yazdığımız JavaScript Paketini Yayınlama appeared first on Murat Bilginer.

CSS 3 Grid 8 – Grid Templates Rows & Columns

Murat Bilginer — Thu, 23 Nov 2023 11:52:30 +0000

Merhabalar. Bu yazımda Grid Templates konusuna bakacağız. CSS Grid Şablonları Nedir? CSS Grid şablonları, bir Grid Container içindeki sütun ve satırların düzenini belirlemek için kullanılan bir özelliktir. Bu şablonlar, sayfa düzenini esnek ve karmaşık hale getirme yeteneği sunar. Şablonlar, grid-template-columns ve grid-template-rows özellikleriyle belirlenir ve sütun/satır sayısını ve genişliğini/yüksekliğini kontrol etmek için kullanılır. Grid Şablonları...

The post CSS 3 Grid 8 – Grid Templates Rows & Columns appeared first on Murat Bilginer.

CSS 3 Grid 7 – Grid Items Hizalama

Murat Bilginer — Thu, 23 Nov 2023 11:32:41 +0000

Merhabalar. CSS Grid, web tasarımında öğeleri düzenlemek ve yerleştirmek için güçlü bir araçtır. Bu model, sütunlar ve satırlar arasında esnek ve düzenli bir düzen oluşturmanızı sağlar. CSS Grid Hizalama Nedir? CSS Grid, içeriği sütunlar ve satırlar arasında düzenlemenize olanak tanıyan bir düzen modelidir. Hizalama, Grid Container içindeki öğelerin sütunlara ve satırlara göre nasıl yerleştirileceğini belirler....

The post CSS 3 Grid 7 – Grid Items Hizalama appeared first on Murat Bilginer.