Web Development Fundamentals - HTML and CSS Eğitimi

Web Development Fundamentals – HTML and CSS eğitimi, web teknolojilerini temel seviyeden başlayarak öğrenmek ve modern web sayfaları geliştirmek isteyen katılımcılar için tasarlanmıştır.

Eğitim, web'in ve web sayfalarının nasıl çalıştığını açıklayan temel kavramlarla başlar ve aşamalı olarak HTML ve CSS kullanarak web içeriği oluşturma konularına ilerler. Katılımcılar yapılandırılmış web sayfaları hazırlamayı, sayfaların görünümünü CSS ile yönetmeyi ve farklı ekran boyutlarına uyum sağlayan responsive tasarımlar geliştirmeyi öğrenir.

Program boyunca güncel teknikler, iyi uygulamalar ve modern web standartları ele alınır. HTML5 ve CSS3 kullanılarak metin, bağlantı, görsel, tablo ve form içeren sayfalar hazırlanırken; CSS aracılığıyla renkler, arka planlar, metin biçimlendirme, sayfa yerleşimi ve temel görsel efektler uygulanır.

Eğitimin sonunda katılımcılar, görüntülendiği cihazın ekran özelliklerine uyum sağlayabilen responsive web sayfaları oluşturmak ve iyi bir web geliştirme sürecinin temel gereksinimlerini uygulamak için gerekli becerilere sahip olur.

Katılımcıların:

• Temel seviyede teknik deneyime sahip olması,
• Windows işletim ortamı hakkında çalışma bilgisine sahip olması,
• İnternetin temel kavramlarına ve kullanımına aşina olması

beklenmektedir.

Bu eğitim:

• Web sitesi oluşturmakla görevlendirilen kişilere,
• Web içeriği geliştiren veya geliştirmeye başlayacak profesyonellere,
• Web içeriğinin kullanıcılara ulaştırılmasında kullanılan teknolojileri daha iyi anlamak isteyenlere

yöneliktir.

Eğitimin sonunda katılımcılar:

• Web sayfalarının internet üzerinden kullanıcılara nasıl ulaştırıldığını açıklayabilir.
• Metin, hyperlink, image, table ve form içeren yapılandırılmış HTML sayfaları oluşturabilir.
• CSS kullanarak renkleri, arka planları, metin biçimlendirmesini ve sayfa yerleşimini yönetebilir.
• CSS ile temel transition, transformation ve animation efektleri uygulayabilir.
• Responsive Web Design tekniklerinden yararlanarak farklı cihazlarda doğru görüntülenen sayfalar geliştirebilir.
• Yaygın Bootstrap component'lerini projeye dahil ederek responsive sayfa tasarımı ve yerleşimini daha hızlı oluşturabilir.

Eğitim Yaklaşımı

Eğitim, eğitmen liderliğindeki anlatımlar ve bunları destekleyen kısa uygulamalarla gerçekleştirilir.

Programın ilerleyen aşamasında katılımcılar, eğitim boyunca edindikleri bilgi ve teknikleri bir araya getirecekleri bir Hackathon çalışmasına katılır. Bu çalışma sırasında temel Agile metodolojisinden de yararlanılır.

HTML

HTML bölümünde web sayfalarının temel yapısı ve içeriklerin semantik ve düzenli biçimde oluşturulması ele alınır.

Konular:

• Web nasıl çalışır?
• HTML syntax
• HTML Entities and Symbols
• Structural HTML
• Hyperlinks
• Images
• Lists
• Tables
• Forms
• Head Element
• Document Object Model (DOM)

CSS

CSS bölümünde HTML içeriğinin görsel sunumunun ve sayfa düzeninin nasıl kontrol edileceği incelenir.

Konular:

• Basic CSS
• CSS ve DOM ilişkisi
• Selectors and Inheritance
• Text and Colours
• Measurement Units
• Box Model
• Positioning Elements
• Images and Backgrounds
• Lists
• Links
• Tables
• Transitions, Transformations and Animation

Responsive Web Design

Bu bölümde web sayfalarının masaüstü, tablet ve mobil cihazlar gibi farklı ekranlarda uyumlu biçimde görüntülenmesini sağlayan responsive tasarım teknikleri ele alınır.

Konular:

• Mobile First Design
• Responsive Design ve Media Queries
• Grid Systems
• Flexbox
• Responsive Images

Bootstrap Framework

Katılımcılar Bootstrap'in hazır yapılarından yararlanarak responsive web sayfası geliştirme ve layout oluşturma süreçlerini inceler.

Konular:

• Bootstrap'i CDN üzerinden projeye dahil etme
• Font kullanımı
• Grid layouts
• Bootstrap colours
• Margins and padding
• Hazır Bootstrap component'leri:
  • Navbar
  • Carousel
  • Cards

Hackathon

Eğitimin sonunda gerçekleştirilen Hackathon çalışması, katılımcıların HTML, CSS, Responsive Web Design ve Bootstrap konularında öğrendiklerini bir araya getirerek uygulamalarına olanak sağlar.

Katılımcılar bu çalışma sırasında eğitim boyunca kazandıkları teknik bilgi ve becerilerden yararlanırken temel Agile çalışma yaklaşımını da deneyimler.