Turn what you know into an opportunity and reach millions around the world.

Your cart is empty.

Sıfırdan HTML5 ve CSS3 Kursu

Modern teknik ve teknolojilerle frontend dünyasına sağlam bir temel atın

Created byEmre Altunbilek

Last updated 5/2025

Turkish

What you'll learn

HTML ve Css Nedir
Genel html yapılarını
Genel CSS Kurallarını
Css Flexbox ve Grid
Sass Nedir Nasıl Kullanılır
Responsive Tasarım Mantığı

Course content

11 sections • 82 lectures • 17h 16m total length

Giriş6:51
Visual Code Editörünün Kurulması5:53
VSCode Bazı Önemli Kısayollar7:31
Tüm kurs boyunca oluşturulan dosyalar0:03

HTML Nedir Genel Bilgiler7:55
HTML Elements Kavramı5:24
HTML Attribute Kavramı5:07
HTML Heading ve Paragraphs Elementleri7:26
HTML Text Formatting-Biçimlendirme7:40
HTML Alıntı Elementleri5:16
HTML Yorum Satırları Oluşturma ve Renkler Konusu8:17
HTML Dosyalarında CSS Kullanma8:49
HTML Link Kavramı9:30
HTML Link Renklendirmesi ve Bookmark9:57
HTML Resim Kullanımı ve Area Map Kullanımı11:40
HTML Background ve Picture Element7:21
HTML Tablolar17:02
HTML Listeler10:59
HTML Class ve ID Kavramları7:45
HTML Iframe Kavramı6:36

CSS Döküman Akışı ve Display Değerleri9:01
CSS Float ve Clear ile Akışı Değiştirme12:08
CSS Flexbox Teorik Anlatım14:56
CSS Flexbox Container Özellikleri15:03
CSS Flexbox Item Özellikleri9:40
Flexbox ile NavigationBar Yapalım8:05
Proje Web Sitesi Tasarlayalım Bölüm 120:13
Proje Web Sitesi Tasarlayalım Bölüm 227:10
CSS Grid Teorik Anlatım18:22
CSS Grid Konu Anlatımı Bölüm 116:15
CSS Grid Areas Autofit MinMax Bölüm 212:19
CSS Grid Justify Align Content ve Items AutoFit ve AutoFill7:52
PROJE Grid ile Foto Galeri Yapalım10:42

Position Türleri ve Z-Index Kavramı19:57
Overflow Kavramı3:31
CSS Kişisel Özellik Tanımlama Değişkenler7:50
Specifity Kavramı10:04
CSS Gelişmiş Seçiciler20:49
Css Pseudo Elementler8:45
Proje Kişisel Checkbox Yapımı20:31
Proje Tooltip Uygulaması33:44
Reset Normalize CSS Kavramları8:39
Supports ile CSS Destek Kontrolü5:15
Media Query ile Responsive Tasarım13:29
Detaylı Font Kullanımı12:39
Icon Kullanımı11:09

Requirements

Bu kursa katılmak için herhangi bir ön koşul yoktur. Tüm dersler sıfırdan başlanacak ve ileri seviyeye doğru gidilecektir.

Description

HTML ve CSS frontend geliştiricisi olmak isteyen birinin mutlaka herşeyiyle bilmesi gerektiği konulardır.

CSS3'ü yeni özellikleriyle öğrenip hızlı bir şekilde responsive tasarımlar yapabilirsiniz.

Bu kursta html ve cssde bilmeniz gereken tüm konular detaylı anlatım ve örneklerle anlatılmıştır.

Flexbox, grid kavramlarını en iyi şekilde öğrenip web sitelerinizi kolayca yapabilirsiniz.

Ayrıca Sass Kullanarak çok daha etkili bir şekilde css kodlarınızı yazabilirsiniz.

Who this course is for:

Frontend dünyasında çalışmak ve projeler geliştirmek isteyen
React, Vue, Angular gibi frameworklerde projeler yapmak isteyen
Vanilla JS ile oluşturduğu mantığı daha güzel bir arayüzle kullanıcılara sunmak isteyen
Popüler css çözümlerini öğrenip, resposive web sitesi yapmak isteyen herkes bu kursa katılabilir