Çatıdan bağımsız yeniden kullanılabilir bileşenler
Front-end Apps: Web Components Eğitimi, tarayıcının yerel standartlarıyla çatıdan bağımsız bileşen geliştirmeyi öğretir. Program Custom Elements ile özel etiket tanımı ve yaşam döngüsüyle başlar; Shadow DOM ile stil yalıtımı, slot ile içerik dağıtımı, HTML te…
Custom Elements ve Shadow DOM'dan HTML Templates ve slot'lara, Lit ile üretken bileşen geliştirmeye
Front-end Apps: Web Components Eğitimi, tarayıcının yerel standartlarıyla çatıdan bağımsız, yeniden kullanılabilir arayüz bileşenleri geliştirmeyi öğretir. Katılımcılar Custom Elements ile özel HTML etiketleri tanımlar, Shadow DOM ile stil ve yapı yalıtımı sağlar, HTML Templates ve slot'larla içerik dağıtımını kurar. Yaşam döngüsü kancaları, öznitelik ve özellik senkronizasyonu, olay yayını işlenir ve Lit kütüphanesiyle üretkenlik artırılır.
4 Gün. Her gün dört modül; Custom Elements temelinden başlayıp Shadow DOM, template ve slot ile ilerleyip Lit ile bileşen kütüphanesiyle tamamlanır.
Orta Seviye — Custom Elements, Shadow DOM ve HTML Templates ile çatıdan bağımsız yeniden kullanılabilir bileşenler
Her modülde bir bileşen sıfırdan kurulur; katılımcılar etiketi tanımlar, stilini yalıtır, API'sini belirler ve davranışını kurar.
Yerel tarayıcı standartlarına dayalı bileşenler yazarak React, Vue veya çatısız her projede çalışan arayüzler üretirsiniz.
Shadow DOM ile stil ve yapıyı kapsülleyerek bileşenlerin global CSS'ten etkilenmediği güvenli bir sınır kurarsınız.
Bir kez yazılan bileşeni farklı projelerde ve ekiplerde tekrar kullanarak tutarlı bir tasarım sistemi oluşturursunuz.
Eğitimden verim almak için faydalı olacak bilgi ve kurulum
Sınıf, modül, ES6 söz dizimi ve DOM API'sine pratik hakimiyet beklenir; bileşenler bu temel üzerine kurulur.
Semantik HTML ve CSS seçici, kutu modeli ve düzen bilgisi, bileşen yapısı ve stilini kurmak için gereklidir.
Olay dinleme, yayma ve DOM'u programatik güncelleme mantığına aşinalık, bileşen davranışında faydalı olur.
Node.js, bir kod editörü ve modern bir tarayıcının kurulu olması uygulamalar için gereklidir.
Programın gün gün akışı aşağıdadır. Bir güne tıklayarak o günün modüllerini ve içeriklerini görebilirsiniz.
Program sonunda katılımcılar:
customElements API'siyle özel HTML etiketleri tanımlar ve yaşam döngüsü kancalarıyla davranışlarını yönetirsiniz.
Öznitelik ve özellik arasındaki farkı kavrayıp yansıtma ve gözlemle bileşen durumunu tutarlı tutarsınız.
Shadow DOM ile yapı ve stili kapsülleyerek global CSS'ten etkilenmeyen yalıtılmış bileşenler kurarsınız.
Slot'larla dışarıdan içerik dağıtımı yaparak esnek, kompozisyona açık bileşen tasarımları oluşturursunuz.
HTML template ile yapıyı verimli klonlayarak tekrarlı ve dinamik içerikleri performanslı biçimde üretirsiniz.
Özel olaylar yayar, form ilişkili bileşenlerle yerel form akışına bileşeninizi sorunsuzca bütünleştirirsiniz.
Lit'in reaktif şablon ve özellikleriyle yerel standartlar üzerinde daha hızlı ve okunabilir bileşenler yazarsınız.
Temalanabilir, test edilmiş ve paketlenmiş bir bileşen kütüphanesi kurarak ekipler arası yeniden kullanımı sağlarsınız.
Bu eğitim Digital Vizyon Akademi Başarı Sertifikası ile tamamlanır.
Eğitim başında “Ön Test”, bitiminde “Son Test” uygulanarak gelişim ölçümlenir. Değerlendirme formunu dolduran katılımcılar sertifikalarını alır. Sertifikanızın geçerliliğini Sertifika Sorgulama sayfasından doğrulayabilirsiniz.
EF Core, ASP.NET Core Identity, Dependency Injection, katmanlı mimari ve test ile kurumsal düzeyde ASP.NET Core MVC uygulamaları geliştirmeyi öğreten ileri eğit
Detayları Gör →
Spring Boot, Spring MVC, Spring Data JPA, REST API ve Spring Security ile Java tabanlı web uygulamaları geliştirmeyi uçtan uca öğreten uygulamalı eğitim.
Detayları Gör →
Flask ve Django ile yönlendirme, ORM, REST API, kimlik doğrulama ve dağıtımı karşılaştırmalı öğreten, iki çatıyı tek eğitimde kapsayan uygulamalı Python eğitimi
Detayları Gör →
HTTP ve WSGI temelinden Flask, SQL, ORM, REST API ve FastAPI ile asenkron servislere kadar Python ile web programlamayı uçtan uca öğreten uygulamalı eğitim.
Detayları Gör →
R ve Shiny ile reaktif programlama, ggplot2 ve plotly etkileşimli grafikleri, gösterge panelleri ve yayını öğreten, veri odaklı uygulamalı web geliştirme eğitim
Detayları Gör →
HTML, CSS, JavaScript, TypeScript, React ve Vue ile sıfırdan üretim düzeyi ön yüz mühendisliği öğreten beş günlük kapsamlı kurumsal program.
Detayları Gör →