Mehmet Sert

Frontend Developer

26 yazı
13 yorum aldı
0 beğeni aldı

Hakkında

HTML, CSS, Javascript ve Angular konularında tecrübe edinmiş ve Bursa'da Frontend Developer olarak bir firmada görev almaktayım. Yeni teknolojilere meraklıyım, öğrendiklerimi uygulayarak ve anlatarak pekiştirmeyi seviyorum.

Yazılar

CSS Units - CSS Ölçü Birimlerinin Anlamları

Bu yazıda CSS'te kullanılan ölçü birimlerini (cm, mm, in, px, pt, pc, em, ex, ch, rem, vw, vh, vmin, vmax, %) açıklayacağım.Uzunlukları ifade etmek için kullanılan birkaç farklı CSS ölçü birimi vardır. Width, height, margin, paddi...

CSS ile Checkbox - Radio elemanlarını güzel görüntüye kavuşturmak

Klasik checkbox ve radio button görüntülerini kullandığımız sayfalar amatör ve kötü görünüyor. Bunların tasarımı nasıl yapılır? Çok basit, sadece biraz css. Bu yazıda küçük bir örnek ile kötü görünen checkbox ve radio button'larım...

CSS Değişken Tanımlama - Açık ve Koyu Tema Yapımı

Merhaba,CSS'te tıpkı Sass veya Less gibi değişken tanımlaması yapabiliyoruz. Basit bir örnek üzerinde CSS'te değişken tanımlamayı ve bu değişkenleri kullanarak açık - koyu tema seçeneği yapacağız. Örneğimiz şu şekilde;Yapacağımız ...

Angular Route Guards canActivate nedir? Nasıl kullanılır?

Merhaba, Angular uygulamamızda tanımladığımız rotalardan bazılarına kullanıcı girişi yapılmadan görüntülenmesin isteriz. Rota tanımlaması yaparken canActivate özelliği yardımıyla bu isteğimizi yapabiliyoruz. canActivate özelliğine...

Angular'da Custom Pipe oluşturmak

Bu yazıda custom pipe oluşturmayı göstereceğim ama öncesinde pipe nedir bunu kısaca açıklayayım.Pipe, herhangi bir veriyi component tarafında işlemlerden geçirmeden, ana veriyi koruyarak başka bir şekile çevirmemizi sağlar. Angula...

Angular dinamik meta etiketleri kullanımı için meta servisi

Angular uygulamasında meta etiketlerini kolayca kullanabileceğimiz, Angular'ın bize sunduğu meta servisini nasıl kullanabiliriz küçük bir örnek ile bunu anlatacağım.İlk önce örneğimizde kullanacağımız componentlerimizi oluşturalım...

Angular uygulamasında jQuery nasıl kullanılır?

Angular uygulamalarınızda jQuery paketi yerine Angular versiyonları varsa veya alternatif bir paket varsa onu kullanmanız daha sağlıklı olacaktır. Ancak yinede jQuery kullanmanız gerekirse bunu nasıl yapacağımızı görelim.İlk olara...

Angular ile Sweet Alert 2 kullanımı

Merhaba, Bu yazıda Angular ile sweet alert 2 nasıl kurulur ve nasıl kullanılır bunu anlatacağım. Sweet Alert 2 Angular versiyonunu ngx-sweetalert2 adında bir paket ile kullanabiliyoruz.İlk olarak şu komut ile kurulumu yapıyoruz;np...

Angular Global Error Handler (Hata yönetimi) nasıl yapılır?

Angular uygulamanızda her servis isteğinde hata yakalayıp işlemler yaptırıp her seferinde bununla uğraşmaktan bıkmış olabilirsiniz. Angular'da ErrorHandler sınıfını kullanarak çok basit bir şekilde global hata yönetimi yapabilirsi...

Angular Componentler arası iletişim - @Input ve @Output kullanımı

Merhaba, bu yazıda Angular ile @Input ve @Output kullanarak componentler arası veri gönderme ve işlem yapmayı göreceğiz. Input ve Output nedir? ve nasıl kullanılır? bunları cevaplayarak başlayalım.Input ve Output kısaca componentl...

Angular 8 - Angular Universal SSR - Lazy Loading Sorunu

Angular versiyonunu 7'den Angular 8'e güncelledikten sonra server side rendering işlemlerinizde hata alabilirsiniz. Bu sorunu uzun uğraşlar sonunda çözmüş biri olarak çözümünden bahsedeceğim.İlk olarak sorun Lazy Loading işleminde...

Angular ile Excel dosyası import & export etmek

Merhabalar,Angular projemizde Excel dosyasını import etme ve export etme işlemleri nasıl yapılır bunu anlatmak istiyorum. Bu işlemler için "xlsx" adında bir paket kullanacağız. Aynı paketi Nodejs, Ionic, React, Vue gibi projelerin...

Angular Router - İç içe rota kullanımı - Children route tanımlama

Merhaba,Bu yazıda Angular'da routing dosyamızda childen route yani iç içe veya çocuk rota tanımlama ve kullanımından bahsedeceğim. Children route aslında layout ihtiyacı duyduğumuzda kullandığımız bir çözüm yöntemidir. Şöyle ki;Ay...

Angular Universal SSR build işleminde setTimeout, setInterval, localStorage, sessionStorage is not defined sorunu

Merhaba,Daha önceki "Angular'da SEO - Server-side Rendering (SSR): Angular Universal'a giriş" başlıklı yazımızda Angular Universal nedir? nasıl kullanılır? canlı bir örnek ile uyguladık ve öğrendik.Bu yazımızda ise Angular Univers...

Pure CSS - Bootstrap - Tailwind CSS nedir? | Karşılaştırması ve Kullanımı

Merhaba,Bu yazı tam olarak düz css, bootstrap ve tailwind css karşılaştırması olmayacak. Tailwind css nedir, nasıl kullanılır gibi bilgiler vereceğim. Ve bir örnek belirleyip onu üçüyle yapmaya çalışacağız. Bakalım hangisi ne kada...

Angular ng serve host değiştirme (localhost to projectName)

Merhaba,Angular projemizi ng serve komutu ile localhost:4200 adresinde çalıştırıyoruz. Bunu projeAdi:4200 şeklinde nasıl çalıştırabiliriz (localhost:4200 to projectName:4200) bununla ilgili yapmamız gerekenleri paylaşmak istiyorum...

Angular'da işlemlerimizi bir sıraya göre yaptırma - Promise kullanımı

Merhaba,Bu yazıda Angular'da callback fonksiyonlar ve promise kullanımından bahsedeceğim. Bildiğiniz üzere diğer dillerden farklı olarak JavaScript asenkron çalışan bir programlama dilidir. Bu yüzden bir fonksiyondaki işlemlerin b...

Angular 8.0'daki yenilikler neler? Neler değişti?

Merhaba,2 gün önce stabil versiyon olarak Angular 8.0 duyuruldu. Peki bu versiyonda bizi neler bekliyor? Nasıl yenilikler getirildi ve değişiklikler yapıldı?Özetle angular ekibi bizler için ağır yükleri kaldıracak performans iyile...

Angular'da çoklu dil (i18n) nasıl yapılır?

Merhaba,Angular'da çoklu dil desteği nasıl yapılır? Projelerimizde çoklu dili nasıl ekleyebiliriz? Bununla ilgili bir yöntem göstermek istiyorum.Projemizi oluşturarak başlayalım;ng new angularMultiLanguage --routing cd angularMult...

Angular'da canlı ortamda konsol (console.log) kayıtlarının tamamını temizleme

Projelerimizin her yerine console.log yazıyoruz ki konsolda verileri görüp ona göre işlem yapalım değil mi? Her yere bunu yazıyoruz ama bunlar uygulamamızın performansını etkiliyor bunun farkında değiliz. Tabi birde kullanıcının g...

Angular'da SEO - Server-side Rendering (SSR): Angular Universal'a giriş

Merhaba,Angular projemizi geliştiriyoruz her şey mükemmel! Derken aklımıza SEO geliyor. Çünkü kaynak kodda <app-root> var başka bir şey yok, kardeşim bu google sayfa içinde ne görecekte seni öne çıkaracak. Tam burada Angular...

Angular Lazy Loading Modules nedir? Nasıl kullanılır? Açılış hızını etkiler mi?

Merhaba,Bir Angular projesi geliştiriyoruz diyelim. Projeyi oluşturduğumuzda src/app altında app.module.ts dosyası vardır. Her component'i her servisi bu module içerisinde import ediyoruz. Projemize yeni sayfalar, özellikler ekled...

Angular'da Test ortamında (localhost) farklı API - Canlı ortamda farklı API ile çalışmak

Merhaba.Bazı projelerimizde geliştirme ortamında ayrı api canlı ortamda ayrı api ile çalışmamız gerekebiliyor. Böyle bir durumda build etmeden önce api adresini değiştirmek bir çözüm olsa bile zahmetli ve riskli bir işlem çünkü ad...

Angular projesi sunucudayken linke direkt erişimde "404 Not Found" sorunu

Merhaba.Angular'da localhost üzerinde çalışırken routing'de tanımladığımız yollara direkt erişebiliyoruz ancak build edip sunucuya attıktan sonra anasayfa dışında bir sayfaya direkt giremiyoruz ve "404 Not Found The requested docu...

Node.js vs Python karşılaştırması: Projenize hangisi daha uygun?

Bir projenin programlama dili seçimi, projeye başlamadan önce çözülmesi gereken temel sorunlardan biridir. Programlama dili proje gelişiminde çok önemli akışları ve prosedürleri belirlemektedir, bu nedenle doğru seçim yapmak öneml...

React Native 0.57 \"The development server returned response error code: 500\" hatası çözümü

Merhaba. Bir süredir React Native ile ilgili çalışmalar yapıyorum. 0.57 sürümünde sürekli "error: bundling failed: Error: Unable to resolve module '@babel/runtime/helpers/interopRequireDefault' şeklinde hata alıy...

Sosyal medya