Sıfırdan HTML & CSS
Sıfırdan HTML & CSS kursu ile web tasarımının temellerini öğrenin! Bu kurs, hiçbir programlama bilgisi gerektirmez ve web sayfaları oluşturmayı adım adım öğretir.
Tek üyelikle tüm Fielse kurslarına erişirsiniz. Planları görüntüleyin
Kurs hakkında
Sıfırdan HTML & CSS kursu, web tasarımına yeni başlayanlar için idealdir. HTML ile yapı oluşturmayı ve CSS ile stil verme tekniklerini detaylı bir şekilde öğrenin. Kurs boyunca gerçek dünya projeleri ve örneklerle pratik yaparak, web tasarım becerilerinizi güçlendirin. İleri seviye konuları ele alan bu kurs, herkesin web geliştirme yolculuğuna sağlam bir başlangıç yapmasını sağlar.
Bu kursta neler öğreneceksiniz?
Ders içeriği
-
1
6:12
Html & Css Eğitimine Giriş
İlk derse hoş geldin 👋
-
2
6:37
HTML ve CSS: Tanım ve Editör Kurulumu
Bu dersimizde HTML & CSS'i tanıyacak ve editör kurulumunu öğreneceğiz.
-
3
14:21
Temel Etiketlere Giriş
Bu derste HTML ve CSS'in temel etiketlerini ve bunların nasıl kullanıldığını öğreneceğiz.
-
4
23:05
Anlamsal İşaretler
Bu derste HTML'de anlamsal işaretlerin (semantic tags) ne olduğunu öğreneceğiz.
-
5
17:32
Dersimizin Konusu: Listeler
Bu dersimizde listeleri öğreneceğiz.
-
6
27:51
Dersimizin Konusu: Bağlantılar ve Linkler
Bu dersimizde bağlantı (link) oluşturmayı öğreneceğiz.
-
7
14:27
Dersimizin Konusu: Görüntüler
Bu dersimizde HTML ile web sayfalarına görüntü eklemeyi öğreneceğiz.
-
8
45:48
Dersimizin Konusu: Tablolar
Bu dersimizde, tablolar oluşturmayı öğreneceğiz.
-
9
32:37
Dersimizin Konusu: Form Elemanları
Bu dersimizde form elemanlarının nasıl oluşturulacağını öğreneceğiz.
-
10
21:44
Dersimizin Konusu: Örnek Alıştırma
Bu dersimizde öğrendiğimiz bilgileri pekiştirmek için örnek bir alıştırma yapacağız.
-
11
19:18
Dersimizin Konusu: Html5 Yenilikleri
Bu dersimizde Html5'in yeniliklerinden bahsedeceğiz.
-
12
17:36
Dersimizin Konusu: CSS'e Giriş
Bu dersimizde CSS'e giriş yapıyoruz 🎉
-
13
15:27
Dersimizin Konusu: Renk İşlemleri
Bu dersimizde web sayfalarına renk eklemeyi ve renklerle ilgili çeşitli işlemleri yapmayı öğreneceğiz.
-
14
12:59
Dersimizin Konusu: Örnek Alıştırma 👩💻 👨💻
Bu dersimizde öğrendiğimiz bilgileri pekiştirmek için örnek bir alıştırma yapacağız.
-
15
11:42
Dersimizin Konusu: Font Tipleri
Bu dersimizde, web sayfalarında farklı font tiplerini nasıl kullanacağımızı ve stilize edeceğimizi öğreneceğiz.
-
16
21:20
Dersimizin Konusu: Metin İşlemleri
Bu dersimizde metinleri nasıl formatlayacağımızı ve stilize edeceğimizi öğreneceğiz.
-
17
19:51
Dersimizin Konusu: Sözde Sınıflar (Pseudo-Classes)
Bu dersimizde sözde sınıfların (pseudo-classes) ne olduğunu öğreneceğiz.
-
18
16:21
Dersimizin Konusu: Kutu Modeli
Bu dersimizde kutu modelinin (box model) ne olduğunu, nasıl çalıştığını ve web sayfalarındaki öğeleri düzenlemek için nasıl kullanılacağını öğreneceğiz.
-
19
15:50
Dersimizin Konusu: Margin (Kenar Boşlukları)
Bu dersimizde margin (kenar boşluğu) özelliğinin ne olduğunu ve web sayfalarındaki öğeler arasında boşluk oluşturmak için nasıl kullanıldığını öğreneceğiz.
-
20
16:37
Dersimizin Konusu: Padding ve Border Kullanımı
Bu dersimizde padding (iç boşluk) ve border (kenar çizgisi) özelliklerinin ne olduğunu ve web sayfalarındaki öğelerin görünümünü düzenlemek için nasıl kullanılacağını öğreneceğiz.
-
21
17:06
Dersimizin Konusu: Display Özellikleri
Yeni bir ders ile öğrenmeye devam ediyoruz.
-
22
22:55
Genel Tekrar 👌
Bu dersimizde öğrendiklerimizi pekiştirmek için genel bir tekrar yapacağız.
-
23
21:15
Position Özelliği ile Konumlandırma
Bu dersimizde position (konumlandırma) özelliğinin ne olduğunu öğreneceğiz.
-
24
34:17
Dersimizin Konusu: Flexbox | İlk Bölüm
Bu derste, Flexbox düzen modelinin temellerini ve web sayfalarındaki öğeleri esnek ve düzenli bir şekilde hizalamak için nasıl kullanılacağını öğreneceğiz.
-
25
29:20
Dersimizin Konusu: Flexbox | İkinci Bölüm
Flexbox düzen modelinin temellerini ve web sayfalarındaki öğeleri esnek ve düzenli bir şekilde hizalamak için nasıl kullanılacağını öğrenmeye devam ediyoruz.
-
26
22:22
Dersimizin Konusu: Flexbox Alıştırma
Bu derste, Flexbox kullanarak öğrendiklerimizi pekiştirmek için alıştırma yapacağız.
-
27
25:26
Bootstrap Dersleri: 1. Bölüm
25:26 dk | Bu derste, Bootstrap framework'ünün temellerini öğrenerek web projelerimizde nasıl kullanabileceğimizi keşfedeceğiz.
-
28
20:34
Bootstrap Dersleri: 2. Bölüm
Bu dersimizde Bootstrap framework'ünü öğrenmeye devam ediyoruz.
-
29
36:32
Bootstrap Dersleri: 3. Bölüm
Bu dersimizde Bootstrap framework'ünü öğrenmeye devam ediyoruz.
-
30
23:18
Ders Başlığı: Bootstrap ile Örnek Alıştırma
Bu dersimizde öğrendiğimiz bilgileri pekiştirmek için örnek bir alıştırma yapacağız.
-
31
Bir Önceki Derste Yaptığımız Örnek 👇
PDF
-
32
7:13
Projeye İlk Bakış - Tanıtım Videosu ✨
Bu dersimizde bir sonraki derste yapacağımız projeyi tanıtan bir video izleyecek ve proje hakkında genel bir bilgi edineceğiz.
-
33
1:21:48
Proje Yapıyoruz: 1. Bölüm
01:21:48 | Bu dersimizde adım adım birlikte bir proje yapıyoruz.
-
34
Proje İçin Gerekli Kaynaklar 👇
PDF
-
35
42:47
Proje Yapıyoruz: 2. Bölüm
Sonuncu ders🎉 Bu dersimizde projemizi kodlamaya devam ediyoruz.
Detaylar
Kapsam
35 ders · 12 saat 42 dakika
Kampüs
Format
Video Dersler
Nasıl işler
Dersleri istediğiniz zaman, istediğiniz tempoda izlersiniz. Anlamadığınız yeri geri sarar, tekrar edersiniz.
Cihazlar
Web, iOS, Android ve Android TV
Üyelik
Tek üyelikle tüm kurslara erişirsiniz. Kurs başına ek ücret yoktur.
Planlar
İptal
Taahhüt yoktur. İstediğiniz an iptal edin.
Yazılım & Geliştirme yolculuğu
Sık sorulan sorular
Bu kurs kimler için uygun?
Kurs açıklamasında belirtilen seviyeye sahip öğrenciler için hazırlanmıştır.
Seviyemin uygun olduğunu nasıl anlarım?
Önizlemeyi inceleyerek anlatım hızının size uygun olup olmadığını görebilirsiniz. Emin değilseniz bir önceki seviyeden başlamak genellikle daha verimli olur.
Dersleri istediğim zaman izleyebilir miyim?
Evet. Ne zaman isterseniz derslerinizi takip edebilir, kaldığınız yerden devam edebilirsiniz.
Bu kurs için ayrı ücret ödemem gerekir mi?
Hayır. Tek üyelikle Fielse kütüphanesindeki tüm kurslara erişirsiniz; kurs başına ek ücret yoktur.
Hangi cihazlardan kullanabilirim?
Web tarayıcısı, iOS, Android ve Android TV üzerinden kullanabilirsiniz. İlerlemeniz tüm cihazlarda senkronize olur.