Less ile sürdürülebilir stil mimarisi kurun
Extending CSS with Less Eğitimi, CSS'i ölçeklenebilir ve sürdürülebilir kılan Less ön işlemcisini uygulamalı öğretir. Program kurulum, derleme, değişken, iç içe yazım ve operasyonlarla başlar; parametreli mixin, guard ve yerleşik fonksiyonlar işlenir.
Değişken ve iç içe yazımdan mixin ve guard'a, yeniden kullanımdan derleme hattına akış
Extending CSS with Less Eğitimi, CSS'i ölçeklenebilir ve sürdürülebilir kılan Less ön işlemcisini uygulamalı öğretir. Katılımcılar değişkenlerle tutarlı tasarım değerleri tanımlar, iç içe yazım ve operasyonlarla kodu düzenler. Parametreli mixin, guard'lar ve yerleşik fonksiyonlarla yeniden kullanılabilir stiller kurar; import, namespace ve detached ruleset ile mimari oluşturur. Program, özyinelemeli döngüler, tema yapısı ve derleme hattının üretime taşınmasıyla tamamlanır.
4 Gün. Her gün dört modül; sade bir stil dosyası adım adım değişken, mixin ve mimariyle Less tabanlı bir sisteme dönüşür.
Orta Seviye — Less değişkenleri, mixin, iç içe yazım, guard ve derleme ile ölçeklenebilir stil yazımı
Her modülde yazılan Less kodu CSS'e derlenir ve tarayıcıda görülür; teknikler gerçek bir stil sistemi üzerinde uygulanır.
Değişkenlerle renk, boşluk ve tipografi değerlerini tek yerde tanımlayarak proje genelinde tutarlı ve kolay güncellenen stil kurarsınız.
Parametreli mixin ve guard'larla tekrar eden stil desenlerini bir kez yazar, farklı yerlerde güvenle ve esnekçe yeniden kullanırsınız.
import, namespace ve dosya yapısıyla büyüyen CSS'i düzenli modüllere ayırır ve derleme hattıyla üretime taşırsınız.
Eğitimden verim almak için faydalı olacak bilgi ve ortam
Seçiciler, kutu modeli ve temel biçimlendirme gibi CSS konularına iyi düzeyde aşinalık beklenir.
Komut satırında basit komutlar çalıştırmak derleme adımlarında gereklidir.
Node ve npm ile paket kurulumu Less derleyicisini çalıştırmak için faydalıdır.
Bir kod editörü ve güncel bir tarayıcı derlenen stilleri görmek 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:
Less değişkenleriyle renk, boşluk ve tipografi değerlerini tek yerde tanımlayarak tutarlı ve kolay güncellenen stiller kurarsınız.
Seçicileri iç içe yazar, & referansını kullanır ve özgüllük tuzaklarından kaçınarak düzenli ve okunabilir stil yapısı üretirsiniz.
Parametreli mixin'lerle tekrar eden stil desenlerini bir kez yazar ve farklı yerlerde esnek biçimde yeniden kullanırsınız.
Guard ifadeleriyle mixin'lere koşul ekler, tip kontrolü ve varsayılan davranışla koşullu stil üretimi kurarsınız.
lighten, darken ve mix gibi yerleşik fonksiyonlarla renkleri programatik olarak ayarlar ve tutarlı paletler üretirsiniz.
import, namespace ve detached ruleset ile kodu modüllere ayırır ve çakışmasız, yeniden kullanılabilir mixin kitaplıkları kurarsınız.
Guard'lı özyinelemeli mixin'lerle ızgara ve yardımcı sınıf setlerini otomatik üreterek tekrarı belirgin biçimde azaltırsınız.
Less kodunu npm betikleri ve PostCSS ile derler, küçültür ve sürdürülebilir bir stil mimarisini üretime taşırsı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.
Bootstrap 5 grid sistemi, bileşenler, formlar, JavaScript eklentileri ve Sass ile özelleştirmeyi kapsayan responsive arayüz geliştirme eğitimi.
Detayları Gör →
Go net/http ile Handler, ResponseWriter, html/template, HTML form işleme, dosya yükleme ve middleware kullanarak web uygulaması geliştirme eğitimi.
Detayları Gör →
Bootstrap ile tüm sayfa düzen kontrolleri, Sass değişkenleri, utility API, özel bileşen ve koyu mod ile çatıyı genişletme ve markaya uyarlama eğitimi.
Detayları Gör →
Bootstrap 5 grid, bileşen ve yardımcı sınıflarıyla duyarlı arayüz geliştirme eğitimi. Navbar, kart, form, modal ve Sass özelleştirme uygulamalı.
Detayları Gör →
Seçicilerden Flexbox, Grid, animasyon ve özel değişkenlere kadar modern CSS eğitimi. Duyarlı ve etkileşimli arayüz tasarımı uygulamalı.
Detayları Gör →
CSS seçicileri, kutu modeli, Flexbox ve medya sorgularıyla web biçimlendirme eğitimi. HTML bilenler için uygulamalı ve kurumsal CSS giriş programı.
Detayları Gör →