• Buradasın

    Angular

    Özetteki ilgi çekici içerikler

    • 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

    • İ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 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

    • 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

    • 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 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 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'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

    • Front End Öğrenme Süreci ve Adımları

      Bu video, bir eğitim içeriği olup konuşmacı front end öğrenme sürecini adım adım anlatmaktadır. Video, front end öğrenmenin önemini vurgulayarak başlıyor ve web'in nasıl çalıştığını öğrenmenin gerekliliğini belirtiyor. Ardından front end geliştirme için temel teknolojiler olan HTML, CSS ve JavaScript'in öğrenilmesi gerektiği anlatılıyor. Konuşmacı, bu teknolojileri öğrenmek için CodePen gibi platformları, günlük challenge'leri ve pratik uygulamaları öneriyor. Son olarak, Angular, React ve Vue gibi popüler front end framework'lerinden birini seçip uzmanlaşmanın önemini vurguluyor ve daha sonra performans gibi daha derin konulara geçmenin faydalarını açıklıyor.

      • youtube.com

    • Angular'da ngContainer Özellikleri Eğitimi

      Bu video, bir eğitmen tarafından sunulan Angular programlama dili hakkında bir eğitim dersidir. Eğitmen, Angular'da gelişmiş komponent yapılanmasındaki ngContainer özelliğini detaylı bir şekilde anlatmaktadır. Videoda ngContainer'ın ne olduğu, nasıl kullanıldığı ve avantajları açıklanmaktadır. ngContainer, HTML elementleri ile uğraşmaksızın bir bölüm veya alan oluşturmamıza olanak sağlayan, render edildiğinde herhangi bir HTML elementine karşılık gelmeyen bir söz dizimidir. Eğitmen, ngContainer'ın özellikle ngFor gibi döngülerde gereksiz HTML elementlerinin oluşturulmasını önleyerek kaynak kodunu temizleme ve performansı artırma avantajlarını örneklerle göstermektedir. Video, bir sonraki derste ngUpdate ve ngTemplateOutlet gibi konuların işleneceği bilgisiyle sonlanmaktadı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 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'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 ile Hangman Oyunu Yapımı Eğitimi

      Bu video, beş aydır front-end developer olarak çalışan bir eğitmen tarafından sunulan, Angular kullanarak hangman (adam asma) oyunu yapma konulu bir eğitim içeriğidir. Video, Angular projesi oluşturma ve temel yapılandırma aşamalarından başlayarak, Bootstrap 4.0.0 ile SVG çizimi yapma ve son olarak CSS ile görsel tasarım yapma sürecini adım adım göstermektedir. Eğitmen, Visual Studio Code kullanarak yeni bir Angular projesi açıp, komponent oluşturma, routing yapılandırması, SVG çiziminde kullanılan temel bileşenleri ve CSS ile vücut parçalarını (kafa, kollar, bacaklar) çizme tekniklerini detaylı olarak anlatmaktadır. Eğitim, başlangıç seviyesinde Angular öğrenmek isteyenler için temel bilgiler sunmakta ve izleyicilerin kendi başlarına benzer çizimler yapabilmelerini hedeflemektedir.

      • 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

    • 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

    • 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 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
  • Yazeka sinir ağı makaleleri veya videoları özetliyor