Generic filters
Search in title

Sass (Syntactically Awesome Style Sheets) Eğitimi

Modernizing Your CSS Skills Eğitimi

Eğitim Hakkında

Sass (Syntactically Awesome Style Sheets) Eğitimi, web geliştirme süreçlerinde daha düzenli ve modüler CSS yazımı sağlama becerilerini kazandırmayı hedefleyen kapsamlı bir kurs programıdır. Aynı zamanda bu eğitim, katılımcılara Sass’ın temel kavramlarını öğreterek, etkili ve optimize edilmiş stil sayfaları geliştirmelerine yardımcı olur.

Eğitimin ilk bölümünde, katılımcılar Sass ile tanışır. Sass’ın temel yapı taşları olan değişkenler, karıştırmalar (mixins) ve iç içe geçmiş kurallarla ilgilenirler. Sass ile CSS’i daha verimli ve modüler bir şekilde yazmayı öğrenirler.

İkinci bölümde, katılımcılar Sass’ın değişkenlerini ve karıştırmalarını keşfeder. Değişkenler ve karıştırmalar sayesinde, stil sayfalarını daha düzenli ve hale getirme tekniklerini öğrenirler.

Üçüncü bölümde, kurs Sass’ın iç içe geçmiş kurallarına ve mirasına odaklanır. İç içe geçmiş kurallar ve miras yoluyla katılımcılar, kod tekrarını azaltarak ve stil sayfaları oluşturarak etkili CSS yazmayı öğrenir.

Dördüncü bölümde, Sass ile gelişmiş stil sayfaları optimizasyonunun nasıl yapılabileceği üzerine odaklanıyoruz. Bununla birlikte katılımcılar, bu optimizasyon tekniklerini kullanarak performansı yüksek web sayfaları geliştirmenin yollarını öğrenir. Ayrıca, örnek projelerle uygulamalı deneyim kazanırlar.

Sass Eğitimi, katılımcıları gerçek dünya örnekleri ile Sass projeleri geliştirmeye teşvik eder. Aynı zamanda bu, teorik bilgilerin pratiğe dökülmesini sağlar. Katılımcılar, öğrendiklerini gerçek senaryolarda nasıl uygulayacaklarını görürler.

Sass (Syntactically Awesome Style Sheets) Eğitimi, CSS ile zaten aşina olanlar ve stil sayfalarını daha verimli bir şekilde yazmak isteyenler için idealdir. Bununla beraber katılımcılar bu eğitimle, web geliştirme alanında sağlam bir temel oluşturarak kariyerlerine yön verebilirler.

Diğer tüm CSS ve Front-End Web Uygulama Geliştirme eğitimlerimiz için buraya tıklayarak inceleyebilirsiniz.

Eğitim İçeriği

Neler Öğreneceksiniz?

Sass (Syntactically Awesome Style Sheets) Eğitimi’nde, öğrenciler şunları öğrenecekler:
  1. Sass’ın nasıl kurulacağı ve yapılandırılacağı.
  2. Sass’ın temel söz dizimini ve özelliklerini, iç içe geçmiş stil tanımları, değişkenler, anahtar kelime fonksiyonları, kalıtım, karıştırma, döngüler, işlevler ve dahasını.
  3. Sass’ın CSS’e nasıl derleneceğini ve nasıl CSS dosyalarına dönüştürüleceğini.
  4. Sass’ın CSS ile karşılaştırılması ve Sass’ın avantajlarının anlatılması.
  5. Sass ile daha etkileyici ve daha iyi yapılandırılmış stil sayfaları oluşturma.
Bu eğitim programı, web tasarımcıları, front-end geliştiricileri veya CSS ile ilgilenen herkes için uygun bir eğitimdir.

Ön Koşullar

Sass (Syntactically Awesome Style Sheets) eğitimine katılmadan önce ön koşullar aşağıdaki gibidir:
  • HTML ve CSS temel bilgisi
  • CSS dosyalarının nasıl yazılabileceği ve uygulanabileceği hakkında bilgi
  • JavaScript ve/veya diğer programlama dillerine benzer şekilde sintaks yapısı hakkında bilgi CSS ile stil tanımlama ve uygulama konularının iyi anlaşılması
  • CSS düzenleme teknikleri ve kullanımı hakkında bilgi
  • CSS kodlarının organize edilmesi ve yapılandırılması hakkında bilgi
Ayrıca, web tasarım ve geliştirme, CSS preprocessor kullanımı ve diğer benzer teknolojiler hakkında ilgisi olanlar Sass eğitimine katılabilir. Bu ön koşullar size Sass kodlarını yazmak, düzenlemek ve anlamak için gerekli beceri ve temel anlayışı sağlar.

Kimler Katılmalı

Sass (Syntactically Awesome Style Sheets) eğitimine katılması için şu kişiler ideal olabilir:
  • Web tasarımcıları ve geliştiricileri
  • CSS ile stil tanımlama ve uygulama konularını araştırmak ve geliştirmek isteyenler
  • CSS kodlarının daha efektif ve organize olmasını isteyen web tasarımcıları ve geliştiricileri
  • Web tasarım ve geliştirme projelerinde CSS preprocessor kullanmak isteyenler
Ayrıca, Sass kullanarak daha avans seviyede web tasarımı ve geliştirme becerileri kazanmak isteyen herkes Sass eğitimine katılabilir.

Outline

 Introduction/Why Sass?

  • The Problem Sass Solves
    • Benefits of Sass
    • Code Organization
    • Performance
    • Valid CSS
    • Libraries
  • Sass Syntax
  • How to Use Sass
  • Coming Attractions
    • Organizing Sass
    • Nesting
    • Variables
 

Organizing and Including Sass Code

  • Sass Partials
  • Partials/@import Example
  • Sass Watch
  • Exercise: Using Partials
  • Code Organization
  • The Sass Blog
  • The Sass Blog: With Sass Partials
  • Directory Structure & Master Sass File
  • The general Partial
  • The header Partial
  • The maincontent Partial
  • The mainnav Partial
  • The footer Partial
  • The forms Partial
  • Up Next
  • Exercise: Extending the Sass Blog
  • More Styling for the Blog: Syntax Highlighting
  • Exercise: Adding Syntax Coloring
 

Nesting

  • Nesting
  • Referencing the Parent Selector with &
  • Nested Properties
  • Nesting Example
  • Exercise: Using Nesting
  • Nesting and Media Queries
  • How Much to Nest
  • Exercise: Using Nesting with the Sass Blog
  • Nested @import
 

Sass Variables

  • Variables
  • Variable Naming Guidelines
  • Variable Scope
    • Shadowing
    • Overwriting Global Variables within Blocks
  • Exercise: Using Variables in Sass
  • When to Use Variables
  • Exercise: More Variables
  • Exercise: Adding Variables to the Blog
  • Advanced Sass
    • Operations and Control Directives
    • Functions
    • Mixins
    • Debugging
Modernizing Your CSS Skills Eğitimi

Modernizing CSS Skills Eğitimi

Modernizing CSS Skills eğitimi, CSS’nin gelişen teknolojilerle birlikte nasıl güncellenebileceğini ve geliştirilebileceğini anlamaya odaklanan bir eğitimdir. Bu eğitim, CSS’nin eski ve yeni teknolojilerini karşılaştırarak, mevcut

Eğitimi İncele »
Modernizing Your CSS Skills Eğitimi

CSS 4 Giriş Eğitimi

CSS 4 Giriş Eğitimi, web geliştirme süreçlerinde modern ve etkili stil sayfaları oluşturma becerilerini kazandırmayı hedefleyen kapsamlı bir kurs programıdır. Aynı zamanda bu eğitim, katılımcılara

Eğitimi İncele »
Modernizing Your CSS Skills Eğitimi

CSS Bootcamp Eğitimi

CSS Bootcamp Eğitimi, web geliştirme süreçlerinde stil ve tasarım odaklı yetenekler kazandırmak için tasarlanmış detaylı bir kurs programıdır. Bu eğitim, katılımcılara CSS’in temel ve ileri

Eğitimi İncele »

Eğitim Talep Formu