• Buradasın

    Angular

    Özetteki ilgi çekici içerikler

    • Angular'da Komponent Kavramı ve Kullanımı

      Bu video, Angular programlama dilinde komponent kavramını açıklayan bir eğitim içeriğidir. Eğitmen, Angular projelerinde komponentlerin temel konsept olduğunu ve her birinin bir sınıf olduğunu belirtiyor. Video, komponent kavramının tanımıyla başlayıp, web sayfasındaki farklı bölümlerin (header, sidebar, footer, content) komponent olarak nasıl kullanılabileceğini açıklıyor. Ardından Angular CLI ile yeni bir komponent oluşturma, komponent dosyalarının yapısı (ts, html, spec, style) ve komponent içinde değişken ve fonksiyon tanımlama işlemleri adım adım gösteriliyor. Eğitmen, ilerleyen videolarda gerçek bir proje üzerinden komponentlerle daha detaylı çalışılacağını belirtiyor.

      • youtube.com

    • Angular Uygulamasında Hata Yönetimi Eğitimi

      Bu video, bir Angular uygulamasında hata yönetimi konusunu anlatan bir eğitim içeriğidir. Eğitmen, uygulamada hata durumlarını nasıl ele alacağını adım adım göstermektedir. Video, uygulamada gelen hata mesajlarının nasıl kullanıcıya gösterileceğini anlatmaktadır. Eğitmen önce hata mesajlarının nasıl alınacağını, ardından bu mesajların kullanıcıya nasıl gösterileceğini göstermektedir. Ayrıca, gelen hataların türlerini analiz etmek için bir fonksiyon yazarak, uygulama tarafından üretilen hataları ve sunucu tarafından üretilen hataları ayırt etmeyi öğretmektedir. Son olarak, hata mesajlarının tekrarlanması durumunda kullanıcıya nasıl mesaj gösterileceğini örneklerle açıklamaktadır.

      • youtube.com

    • 30 Yıllık Yazılım Deneyimi Üzerine Soru-Cevap

      Bu video, 6 yaşından beri yazılım yapan ve 30 yıllık deneyime sahip bir uzmanla yapılan soru-cevap formatındadır. Videoda yazılım kariyeri, front-end geliştirme, junior front-end pozisyonlarına başvuru, React ve Angular gibi front-end framework'leri, veritabanı teknolojileri ve mikro servisler gibi konular ele alınmaktadır. Konuşmacı, yazılım kariyerinde başarılı olmak için çalışma, domain design ve sürekli öğrenme gibi önemli noktaları vurgulamaktadır. Ayrıca videoda staj başvurusu yaparken dikkat edilmesi gereken noktalar, farklı mühendislik dallarından yazılım kariyerine geçiş, not ortalamasının iş hayatındaki önemi ve kod yazım tarzı geliştirme yöntemleri gibi konular da tartışılmaktadır. Konuşmacı, kendi deneyimlerinden yola çıkarak kod okumak ve farklı yazılımcıların kodlarını incelemek gibi tavsiyelerde bulunmaktadır.

      • youtube.com

    • Angular'da Custom Directives Eğitimi

      Bu video, bir eğitmen tarafından sunulan Angular programlama dilinde custom directives konusunu anlatan bir eğitim içeriğidir. Video, Angular'da custom directives'in ne olduğunu açıklayarak başlıyor ve attribute, element ve class şeklinde tanımlanabilen direktiflerin nasıl oluşturulacağını gösteriyor. Eğitmen, direktiflerin temel özelliklerini (restrict, template, templateUrl, transclude) adım adım açıklıyor ve "dmydatam" ve "address" gibi örnek direktifler oluşturarak kullanımını gösteriyor. Ayrıca, jQuery eventleri ile direktiflerin etkileşimi, Bootstrap ile kullanımı, HTTP servisi ile veri çekme ve Angular'da tekrarlama (ng-repeat) kullanımı da anlatılıyor. Video, JSON veri oluşturma ve Bootstrap media object'lerini kullanarak bir örnek uygulama ile devam ediyor ve bir sonraki derste isolate scope konusunun işleneceği bilgisiyle sonlanıyor.

      • youtube.com

    • Angular ve React Karşılaştırması

      Bu video, bir yazılım geliştiricisinin Angular ve React framework'lerini karşılaştırdığı bir eğitim içeriğidir. Konuşmacı, iki popüler framework'in her ikisinin de güçlü yanları olduğunu ancak kendi tercihini Angular'a verdiğini açıklıyor. Angular'ın tek başına tüm gerekli araçları (toolbox) içerdiğini, React'in ise sadece temel araçları (çekiç, çivi, testere) sunduğunu ve kalan ihtiyaçları kullanıcının kendisinin bulması gerektiğini anlatıyor. Ayrıca Angular'ın kurumsal uygulamalarda daha tercih edildiğini, çünkü Angular'da kullanılan kütüphanelerin daha uzun süre desteklendiğini belirtiyor.

      • youtube.com

    • Angular Uygulama Düzenleme ve Servis Kullanımı Eğitimi

      Bu video, bir eğitmen tarafından sunulan Angular programlama dili eğitim serisinin bir bölümüdür. Eğitmen, önceki derste yapılan çalışmaların düzenlenmesi ve yeni konuların hazırlanması için gerekli düzenlemeleri göstermektedir. Videoda, Angular uygulamasında gereksiz kodların silinmesi, direktiflerin, komponentlerin ve servislerin düzenlenmesi anlatılmaktadır. Eğitmen, app component modülünü düzenleyerek gereksiz kodları silerek uygulamayı daha sade hale getirmeyi, servislerin doğru şekilde çağrılmasını ve direktiflerin (örneğin renk değiştirme) nasıl kullanılacağını göstermektedir. Video, bir sonraki derste Angular rota girişinin yapılacağı bilgisiyle sonlanmaktadır.

      • youtube.com

    • Angular Direktifleri Eğitim Videosu

      Bu video, Angular framework'ünde kullanılan direktifleri anlatan bir eğitim içeriğidir. Eğitmen, direktiflerin temel kavramlarını ve kullanımını adım adım göstermektedir. Video, Angular'daki üç temel direktif türünü (structural, component ve attribute) tanıtarak başlıyor ve ardından ngClass, ngStyle, ngFor ve ngIf gibi yaygın kullanılan direktiflerin kullanımını örneklerle açıklıyor. Eğitmen, Home komponenti üzerinde kod yazarak, elementlere sınıf ekleme, stil uygulama, dizi elemanlarını gösterme ve koşullu ifadeler kullanma gibi temel işlemleri gösteriyor. Son olarak, kendi direktif oluşturma sürecini de anlatarak, bir elementin yazı rengini kırmızıya çeviren bir örnek sunuyor.

      • youtube.com

    • Angular CLI'ye Bootstrap Kurulum Eğitimi

      Bu video, bir eğitim içeriği olup, izleyicilere Angular CLI'ye Bootstrap entegrasyonunu adım adım göstermektedir. Video, Angular CLI'ye Bootstrap kurulumunun nasıl yapılacağını detaylı şekilde anlatmaktadır. Önce npm ile Bootstrap'in kurulumu, ardından Angular CLI.json dosyasına script ve style dosyalarının eklenmesi, Angular CLI sitesinden gerekli modüllerin yüklenmesi ve son olarak Bootstrap bileşenlerinin (örneğin buton) projeye nasıl entegre edileceği gösterilmektedir. Video, bir sonraki derste Bootstrap araçlarının daha detaylı kullanılacağını belirterek sonlanmaktadır.

      • youtube.com

    • Angular Uygulamasında API Güvenliği ve Token Yönetimi Eğitimi

      Bu video, bir eğitmen tarafından sunulan Angular uygulamasında API güvenliği ve token yönetimi konulu kapsamlı bir eğitim serisidir. Eğitim, API güvenliği ve token kullanımı ile başlayıp, kullanıcı kayıt ve giriş işlemlerinin nasıl yapılacağını adım adım göstermektedir. Video boyunca Postman kullanarak token alma, token ile veri çekme, Angular Guard ve Interceptors kavramlarını kullanarak token yönetimi, HTTP interceptor class'ını kendi yazma ve token'ı local storage'da saklama gibi konular ele alınmaktadır. Eğitim serisinin son bölümünde, bir sonraki videoda error handling (hata yönetimi) ve reusable servisler (genel servisler) konularının işleneceği belirtilmektedir. Eğitmen, bu uzun eğitim serisinin sonunda izleyicilere teşekkür ederek, gelecek videoların iki haftada bir Sharpa Blog'da yayınlanacağını duyurmuştur.

      • youtube.com

    • Atomik Tasarım ve Front-End Geliştirme Eğitimi

      Bu video, Fatih Kadir Akın tarafından sunulan bir eğitim içeriğidir. Fatih, Protel'de yazılım geliştiricisi olarak çalışmakta, C: Istanbul Org topluluğuna üyesidir ve "Modern JavaScript" adlı bir kitabın yazarıdır. Video, atomik tasarım kavramını, tasarım tarihindeki gelişim sürecini ve Brad Frost'un bu kavramı sistematikleştirmesini anlatmaktadır. İçerikte atomik tasarımın temel prensipleri (atom, molekül, organizma, şablon), style guide kavramı ve tasarım dilinin önemi detaylı olarak ele alınmaktadır. Ayrıca, React, Vue.js ve Angular gibi farklı framework'lerde komponent yapısının nasıl uygulanabileceği ve dosya dizin yapısının nasıl ayarlanacağı konuları da işlenmektedir. Videoda ayrıca tasarım analizi süreci Instagram örneği üzerinden gösterilmekte, kendi şirketinde geliştirilen bir style guide örneği paylaşılmakta ve atomik tasarımın iş akışını nasıl değiştirdiği anlatılmaktadır. Son bölümde ise Suat Bey ile yapılan bir teknik sohbet formatında dosya dizin yapısı hakkında bilgiler paylaşılmaktadır.

      • youtube.com

    • Angular 2 ve TypeScript ile Servis Verisi Çekme Eğitimi

      Bu video, bir eğitmen tarafından sunulan Angular 2 ve TypeScript programlama dili eğitim içeriğidir. Eğitmen, Bob adlı bir kişiyle birlikte çalışmaktadır. Video, Angular 2'de servis yapısı ve HDT (Http Data Transfer) kullanarak servisten veri çekme sürecini adım adım göstermektedir. İçerik, JSON formatında veri dosyası oluşturma, HDT kütüphanesinin ekleme, servislere enjeksiyon yapma, verilerin modellere dönüştürülmesi, asenkron veri çekme yöntemleri (Observable, Promis), Pipe kullanımı ve pay (capitalize) işlemleri gibi konuları kapsamaktadır. Eğitim, servis verisinin çekilmesi, JSON formatındaki verinin TypeScript'e dönüştürülmesi, propertilere atanması, asenkron veri çekme teknikleri ve veri işleme yöntemlerini detaylı şekilde anlatmaktadır. Video sonunda, gelecek videolarda validation, form yapısı, template yapısı ve veri gönderme/alma konularının işleneceği belirtilmektedir.

      • youtube.com

    • Angular'da Komponentler Arası İletişim Eğitimi

      Bu video, bir eğitmen tarafından sunulan Angular programlama dili eğitim serisinin bir bölümüdür. Eğitmen, Angular mimarisinde komponentler arasındaki iletişim modellerini teorik ve pratik örneklerle anlatmaktadır. Video, Angular'da parent-child ve child-parent iletişim modellerini kapsamlı şekilde ele almaktadır. Eğitmen önce teorik bilgileri açıklamakta, ardından input ve output değişkenleri, event emitter, output decorator'ları ve selector'lar gibi araçları kullanarak pratik kod örnekleri göstermektedir. Ayrıca, parent komponentten child komponente, child komponentten parent komponente ve child komponentlerden birbirine veri gönderme yöntemleri adım adım anlatılmaktadır. Eğitim içeriğinde TypeScript konfigürasyonları, event bağlama (bind) kavramı ve debug süreci de gösterilmektedir. Eğitmen, ileride servis yapılandırması, ng-rx kütüphanesi ve state davranış yönetimleri gibi konuların da ele alınacağını belirtmektedir.

      • youtube.com

    • Angular Komponent Yapısı ve Kullanımı Eğitimi

      Bu video, bir eğitmen tarafından sunulan Angular programlama dilinde komponent yapısı ve kullanımı hakkında kapsamlı bir eğitim içeriğidir. Video, Angular uygulamalarında komponent kavramının ne olduğunu, önemi ve temel bileşenlerini detaylı şekilde anlatmaktadır. Eğitmen önce teorik bilgileri aktararak komponentlerin sayfaların temel yapı taşları olduğunu açıklar, ardından pratik örneklerle template, style ve TypeScript dosyalarının nasıl oluşturulduğunu gösterir. Ayrıca Angular CLI ile yeni komponent oluşturma, selector özelliğinin kullanımı ve komponentlerin birbirleriyle nasıl etkileşime girdiği adım adım anlatılmaktadır. Eğitim içeriğinde ayrıca komponentlerin modüllerde deklare edilmesi gerekliliği, component dekoratörünün önemi, data binding ve pipe gibi Angular'ın özel özellikleri de ele alınmaktadır. Video, hem slayt üzerinden teorik bilgiler hem de pratik uygulamalarla desteklenen bir yapıya sahiptir.

      • youtube.com

    • Angular'da Çoklu Dil Destekli Web Uygulaması Geliştirme Eğitimi

      Bu video, Bahattin Marka tarafından sunulan bir eğitim içeriğidir. Bahattin, Fönder and Developer olarak çalışmakta ve Angular framework'ünde çoklu dil desteği (I18n) konusunu ele almaktadır. Video, localization (yerleştirme) ve internationalization (uluslararasılaştırma) kavramlarını açıklayarak başlamakta, ardından Angular Translate paketinin temel kullanımını, config provider'ı ve dil tercih ayarlarını detaylı şekilde anlatmaktadır. İçerik, hem HTML hem de JavaScript'te dil çevirisi yapma, dil bilgisini saklama yöntemleri ve custom dil dosyaları ekleme gibi konuları kapsamaktadır. Eğitim, e-ticaret sitesi örneği üzerinden pratik uygulamalar içermekte ve izleyicilerden gelen sorulara cevap verilmektedir. Ayrıca, geleneksel bir web uygulamasından Angular Translate kullanan bir uygulamaya geçiş yapan bir ekibin deneyimleri paylaşılmakta, statik textler, API hata mesajları ve dinamik verilerin dil desteği için kullanılan çözümler anlatılmaktadır.

      • youtube.com

    • Angular'da Filtre Uygulaması ve Sonuç Bulunamadı Mesajı

      Bu video, bir eğitmen tarafından sunulan Angular programlama dersinin bir bölümüdür. Eğitmen, önceki derslerde öğretilen bilgileri kullanarak yeni bir uygulama geliştirmektedir. Videoda, Angular'da filtre uygulaması yaparak kullanıcı bulunamadı mesajı gösterme konusu ele alınmaktadır. Eğitmen önce bir isim dizisi oluşturur, ardından bir input text alanı ekleyerek filtreleme özelliğini ekler. Daha sonra, isim bulunamadığında "sonuç bulunamadı" mesajı gösteren bir uyarı ekranı oluşturur ve bu mesajın animasyonlu bir şekilde görünmesini sağlar. Video, basit bir şekilde adım adım kodlama sürecini göstermektedir.

      • youtube.com

    • Angular'da ngClass Kullanımı Eğitimi

      Bu video, bir eğitmen tarafından sunulan Angular programlama dili eğitim dersidir. Eğitmen, Angular'da ngClass direktifinin kullanımını göstermektedir. Videoda ngClass direktifinin form elemanlarına nasıl uygulanacağı adım adım anlatılmaktadır. Eğitmen önce önceki derslerde kullanılan ngValid, ngDirty gibi direktifleri hatırlatarak başlıyor, ardından ngClass'ın nasıl kullanılacağını gösteriyor. Form elemanlarına hatalı girdi durumunda uyarı mesajları eklemek için ngClass'ın nasıl yapılandırılacağı, class'ların nasıl eklenip kaldırılacağı ve bu durumun form elemanlarına nasıl yansıtılacağı pratik bir örnek üzerinden açıklanıyor.

      • youtube.com

    • İzoleskop Kullanımı ve Directive'lerde Kontrol Altına Alma

      Bu video, bir eğitim dersi formatında olup, konuşmacı izoleskop kullanımını ve directive'lerde kontrol altına alma konusunu anlatmaktadır. Videoda, izoleskop kullanarak directive'lerin içinde yapılan işlemleri kontrol altına alma yöntemi gösterilmektedir. Konuşmacı, birden fazla kullanılabilirlik sağlayan directive'lerin kullanımında izoleskop kullanmanın avantajlarını açıklamakta ve örnek bir kod üzerinden nasıl izoleskop oluşturulacağını, attribute'lerin nasıl kullanılacağını ve "tubai'deki işlemi" olarak adlandırdığı bu yöntemin nasıl çalıştığını göstermektedir.

      • youtube.com

    • Angular'da Ürün Bilgilerini Güncelleme Eğitimi

      Bu video, bir Angular eğitim serisinin bir bölümüdür. Eğitmen, önceki derste seçilen bir ürünün detay bilgilerinin form üzerinde gösterildiğini hatırlatarak devam etmektedir. Video, seçilen bir ürünün detay bilgilerindeki değişiklikleri nasıl güncelleyeceğimizi adım adım göstermektedir. Önce enter tuşuna basıldığında bilgilerin form üzerine aktarılması, ardından "Save Changes" butonu eklenerek tüm bilgilerin aynı anda güncellenmesi anlatılmaktadır. Ayrıca, form ve butonların sadece seçilen ürün için gösterilmesi için ng-if kullanımı da gösterilmektedir. Video boyunca Samsung S5, S6 gibi telefon örnekleri üzerinden kodlama ve uygulama gösterilmektedir.

      • youtube.com
  • Yazeka sinir ağı makaleleri veya videoları özetliyor