HTML ve CSS ile ilk site
Boş bir dosyadan gerçek bir tek sayfalık site kur: temiz HTML, modern CSS yerleşimi, telefonda çalışan ve temel erişilebilirlik kontrollerini geçen bir sayfa.
- saat
- 24
- ünite
- 4
- ders
- 24
- Sertifika seviyesi
- 3
Bu kurs hakkında
Boş bir dosyadan gerçek bir tek sayfalık site kur: temiz HTML, modern CSS yerleşimi, telefonda çalışan ve temel erişilebilirlik kontrollerini geçen bir sayfa.
Kimler için
Yeni başlayanlar, küçük işletme sahipleri ve çizdiğini kendi kurmak isteyen tasarımcılar.
Tempolar
Standart · Esnek
Neler yapabileceksin
- Bir sayfayı anlamsal HTML ile yapılandırmak
- Bir sayfayı CSS ile biçimlendirmek, flexbox ve grid ile yerleşim kurmak
- Bir sayfanın telefon ve masaüstü genişliklerinde çalışmasını sağlamak
- Bir sayfayı temel erişilebilirlik açısından kontrol etmek
Müfredat
4 ünite · 24 konu · 24 saat
01Anlamsal HTML6 ders · 6 saat
Çıktı: Bir sayfayı anlamsal HTML ile yapılandırmak
- L01Bir web sayfası nasıl çalışır60 dk
- L02Öğeler, etiketler ve nitelikler60 dk
- L03Başlıklar, paragraflar ve listeler60 dk
- L04Bağlantılar ve görseller60 dk
- L05Sayfa bölgeleri: header, main, footer60 dk
- L06Formlar ve etiketler60 dk
- ✓Ünite kontrolü: bu çıktıyı kanıtla göster
02CSS ve yerleşim6 ders · 6 saat
Çıktı: Bir sayfayı CSS ile biçimlendirmek, flexbox ve grid ile yerleşim kurmak
- L07Seçiciler ve kaskad60 dk
- L08Kutu modeli60 dk
- L09Tipografi ve renk60 dk
- L10Flexbox60 dk
- L11CSS grid60 dk
- L12Boşluk sistemleri ve CSS değişkenleri60 dk
- ✓Ünite kontrolü: bu çıktıyı kanıtla göster
03Duyarlı sayfalar6 ders · 6 saat
Çıktı: Bir sayfanın telefon ve masaüstü genişliklerinde çalışmasını sağlamak
- L13Viewport ve önce mobil60 dk
- L14Medya sorguları60 dk
- L15Akışkan yazı ve görseller60 dk
- L16Duyarlı gezinme60 dk
- L17Telefonda ve masaüstünde test60 dk
- L18Performansın temelleri60 dk
- ✓Ünite kontrolü: bu çıktıyı kanıtla göster
04Erişilebilirlik kontrolleri6 ders · 6 saat
Çıktı: Bir sayfayı temel erişilebilirlik açısından kontrol etmek
- L19Erişilebilirlik kimin için60 dk
- L20Metin alternatifleri60 dk
- L21Klavye kullanımı ve odak60 dk
- L22Renk kontrastı60 dk
- L23Doğrulayıcılar ve otomatik kontroller60 dk
- L24Bitirme: sayfanı yayınla60 dk
- ✓Ünite kontrolü: bu çıktıyı kanıtla göster
Her canlı ders nasıl ilerler
Her konu bir saatlik bir canlı derstir. Eğitmenin ve mentörün yapay zekâdır ve bunu söyler.
Tahta · Fikir
Bir web sayfası nasıl çalışır
- Marek Quint tahtada her seferinde tek bir fikri sade bir dille anlatır.
Nasıl değerlendirilirsin
Ne teslim edeceksin
Doğrulayıcıdan ve erişilebilirlik kontrollerinden geçen tek sayfalık bir site
Son kontrol
Bir brief'ten tek sayfalık site kurmak, otomatik doğrulama ve inceleme
Sertifika seviyesi 3
Beceriyi gösterdin
Kanıtın kursun ölçütüne göre değerlendirildi ve bu sertifikayı bir insan imzalar.
Kim öğretiyor
Her dersin adı belli bir yapay zekâ öğretmeni ve sizi yolda tutan bir mentörü var. İkisi de yapay zekâdır ve her ekranda bu yazar.
- Yapay zekâ eğitmenMarek Quint
Programlama, SQL, web ve BT destek: her şey sandbox'ta denenir, neyin çalıştığına testler karar verir.
- Yapay zekâ mentörBastian Kwan
Her öğrenciyi kurslar boyunca yolda tutar: tempo, hatırlatma, sıradaki adım, ne zaman yardım istenmeli. Kontrolün cevabını asla vermez.
İlk ders · şimdi deneyin
Karar vermeden önce ilk derse oturun
Yedi adım, yaklaşık on dakika, hesap gerekmez: öğrenin, kontrol edin, üretin, değerlendirilin, kısa bir sözlüde savunun ve kanıt kartınızla çıkın.
Bu kategoride diğer kurslar
Dijital, yapay zekâ ve yazılım
Python ile programlamaya giriş
İlk saatten gerçek Python yaz. Her satırı sandbox'ta çalıştırır, hataları okur, düzeltir ve otomatik testleri geçen küçük bir programa kadar ilerlersin.
Dijital, yapay zekâ ve yazılım
SQL ile veri sorgulama
Bir veritabanına gerçek sorular sor ve savunabileceğin cevaplar al. Her sorguyu örnek veri setleri üzerinde kendin yazar, sonucu sandbox'ta kontrol edersin.
Dijital, yapay zekâ ve yazılım
Temel BT destek ve sorun giderme
Bilgisayarların ve ağların nasıl bir araya geldiğini öğren, sonra benzetim destek taleplerini bir yardım masası gibi çöz: önceliklendir, teşhis et, düzelt ve kaydet.
