Bu video, yaklaşık on yıldır dijital sektörde çalışan bir konuşmacının ve arkadaşı Burak'ın sunduğu 20 dakikalık bir eğitim sunumudur. Konuşmacı, saat 12'de C salonunda bir sohbet etkinliği düzenleyeceğini de belirtmektedir.. Sunum, web uygulamaları ve tek sayfa uygulamaları (SPA) arasındaki farkları açıklayarak başlıyor, ardından AJAX, JSON ve DOM gibi temel kavramları detaylandırıyor. Daha sonra MVC framework'leri, view-model-view modeli ilişkisi ve iki yönlü veri bağlama kavramları anlatılıyor. Son bölümde ise Angular, React, jQuery gibi popüler web teknolojileri ve bunların kullanım alanları ele alınıyor.. Sunumda Gmail, Trello, Basecamp gibi günlük hayatta kullandığımız web uygulamaları örneklerle anlatılmakta ve modern web uygulamalarının ön tarafa taşınan uygulama mantığı ile front-end-backend arasındaki ilişki açıklanmaktadır. Konuşmacı, izleyicilere JavaScript, JSON ve jQuery gibi temel teknolojileri öğrenmelerini tavsiye etmektedir.
Framework, yazılım geliştirmek için geliştirilmiş optimize edilmiş bir yazılımdır. Geliştiricilere temel düzenlemeler sunan güvenilir ve verimli bir çerçevedir. Farklı platformlar için özel framework yazılımları mevcuttur
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.
Calendars are crucial for organizing events and picking dates in web applications. UI-lib integrates calendar plugins into their software and templates. Libraries utilize modern technologies like React, Angular, Vue, Bootstrap, or jQuery
SPA, JavaScript ile client-side routing yapılan tek sayfalık web uygulamasıdır. Router, componentleri kullanarak sayfaları kullanıcıya gösterir. SPA öncesi tüm sayfa sunucudan sürekli yenileniyordu
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.
Error occurs when installing npm packages with dependency conflicts. Issue persists despite Node.js reinstallation and proxy disabling. Error message shows "No matching version found for @angular/http@^9.1.4"
110+ fully native Angular components for building high-quality UI. Includes full-featured Angular Data Grid with advanced filtering capabilities. Supports accessibility standards including WCAG 2.2 AA and WAI-ARIA. Provides detailed design and technical documentation
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.
Bu video, bir eğitmen tarafından sunulan Angular programlama dili eğitim içeriğidir. Eğitmen, Angular'daki add operatörünü anlatmaktadır.. Video, add operatörünün işlevselliğini açıklayarak başlıyor ve ardından bu operatörün nasıl kullanılacağını örneklerle gösteriyor. Add operatörü, akıştaki verilerden belirli bir index numarasındaki değeri döndüren bir operatördür. Eğitmen, önce teorik bilgi vererek index numaralarının sıfırdan başladığını ve eksi bir e kadar gittiğini açıklıyor, ardından rastgele bir observable nesnesi oluşturarak pratik bir örnek sunuyor.
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.
RichTextEditorModule created for reusable rich text editor functionality. ngx-quill library provides components for Quill Rich Text Editor. Installation requires Angular version 5.0.0 or higher
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.
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.
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.
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.
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.
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.
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.