Modern düzenin temelleri - Hexlet'ten ücretsiz kurs, 9 saat eğitim, Tarih: 5 Aralık 2023.
Miscellanea / / December 06, 2023
HTML işaretlemesi ve modern HTML5 standardının yetenekleri hakkında daha fazla bilgi edineceksiniz. Ayrıca CSS kullanarak stil oluşturma konusunda temel bilgileri de edineceksiniz: stilleri nasıl bağlayacağınızı, seçicileri nasıl kullanacağınızı ve basamaklandırmayla nasıl çalışacağınızı öğreneceksiniz. HTML ve CSS'ye ek olarak, tarayıcının yerleşik düzen hata ayıklama araçlarıyla, özellikle de Google Chrome DevTools'la çalışmayı öğreneceksiniz. Sonuç olarak, bir web sitesindeki metni düzenlemek için HTML biçimlendirme dilini nasıl kullanacağınızı öğrenecek ve ayrıca CSS ve metin stilini kullanmanın temel kurallarına aşina olacaksınız.
Yeni becerilerinizi hemen uygulamaya koyabileceksiniz - onlar için düzen düzenleyicileri ve eklentileri inceleyeceğiz. Her dersin sonunda küçük bağımsız görevler bulacaksınız. Kapsanan konunun daha pratik bir şekilde anlaşılmasını amaçlamaktadırlar ve bu nedenle uygulama için şiddetle tavsiye edilmektedirler.
Yön ne olursa olsun, web geliştirmeyi incelemeye karar verirseniz düzenin temelleri kullanışlı olacaktır. Bu kurstan elde edilen bilgiler programcıların verileri işaretlemesine ve sitede görüntülemesine yardımcı olur. Bu kurs yeni başlayanlar ve daha önce hiç karşılaşmamış geliştiriciler için uygundur.
giriiş
“Modern Düzenin Temelleri” kursu, HTML ve CSS web sitesi düzeninin temellerini öğrenmenin temelini oluşturur. Bu dersimizde kısaca derste öğrendiklerimizden ve bu bilgilerin pratikte nasıl uygulanabileceğinden bahsedeceğiz.
HTML'ye giriş
Ders sıfırdan HTML düzenine ayrılmıştır. Niteliklerin rolü hakkında konuşuyoruz ve HTML etiketlerini tanımlamaya yönelik genel şemayı inceliyoruz.
Blok modeli
Sayfanın çerçevesinden hangi öğeler sorumludur ve sayfanın şekillendirilmesi veya işlevsel parçaların eklenmesi sürecine hangileri yardımcı olur? Blok ve satır içi HTML öğelerini tanıyalım ve stillerin öğelerin son genişliği üzerindeki etkisini inceleyelim.
Anlamsal HTML
Herhangi bir HTML düzeninin temel amacı blokların anlamını iletmektir. Bu derste en son HTML5 standardının anlambilim yeteneklerini keşfedeceğiz ve web erişilebilirliği hakkında bilgi edineceğiz.
Bir HTML belgesinin temel yapısı
Herhangi bir HTML belgesinin, etiketlerden ve hizmet öğelerinden oluşan temel bir yapısı vardır. Tarayıcının bilgileri doğru şekilde görüntülemesi için bunlara ihtiyacı vardır. Bu dersimizde bu yapının her satırına bakacağız.
CSS Temelleri
Bir web sayfasının görsel tasarımı için CSS dili oluşturuldu. Dilin temel yeteneklerini inceliyoruz, bunları HTML ile birlikte nasıl kullanacağımızı buluyoruz. CSS dosyalarını eklemeyi öğreniyoruz ve temel seçici türleri hakkında bilgi sahibi oluyoruz.
CSS'de basamaklı geçiş
Basamaklı nedir ve CSS'de nasıl çalışır? Ders, seçici önceliklerindeki farklılıklara ve bunu projelerinizde kullanma becerisine ayrılmıştır.
Chrome Geliştirme Araçları
Bir web sitesi düzenlerken, hataları zamanında bulmak veya ihtiyacımız olan bloğu doğru şekilde nasıl dönüştüreceğimizi anlamak önemlidir. Daha önce bu öncelikle elle yapılıyordu. Günümüzde modern tarayıcıların bir web denetçisi işlevi vardır. Bunlardan birinin - Chrome DevTools'un - yeteneklerini ele alalım.
Kod editörleri
Çalışmanızı kaydetmek için bir kod düzenleyiciye ihtiyacınız var. Bu dersimizde Visual Studio Code'un nasıl kurulacağına bakacağız. Bu sadece düzen için değil aynı zamanda herhangi bir dilde programlama için de kullanılabilecek güçlü bir araçtır.
Emmet
Düzen tasarımcıları için en kullanışlı eklentilerden biri olan Emmet'i inceleyelim. HTML kodu işaretlemesini hızlandıracak ve rutin adımların çoğunu ortadan kaldıracaktır.
İnternette yayın
Bir projeyi İnternet'e koymak için, dosyaları depolayacak ve onlara bir alan adı aracılığıyla erişim sağlayacak özel bir sunucu olan barındırma kullanmanız gerekir. Bu eğitimde ücretsiz GitHub barındırma konusuna bakacağız.
Grafik editörü
Piyasada birkaç büyük editör var. Bazıları yalnızca bir işletim sistemine özeldir, bazıları ise herhangi birine kurulabilir. Bu bölümde bir yerleşim tasarımcısının Figma çevrimiçi düzenleyicisiyle çalıştığı ana adımlara bakalım.
Bağımsız iş
Edinilen teoriyi pekiştirmenize olanak tanıyan ek görevler
Ek materyaller
Hexlet ekibinin küratörlüğünü yaptığı makaleler ve videolar. Kursun konusuna daha derinlemesine dalmanıza yardımcı olacaktır