HTML5 ve CSS3

HTML5 | CSS3 teknolojilerini ücretsiz olarak öğrenebilirsiniz.
Rating: 4.5 out of 5 (642 ratings)
17,109 students
HTML5 ve CSS3
Rating: 4.5 out of 5 (642 ratings)
17,109 students
HTML5 ve CSS3 orta seviyede öğrenecekler

Requirements

  • Kursta herhangi bir altyapınızın olmasına gerek yoktur. Her şey her zaman ki gibi sıfırdan anlatılmaktadır.
Description

Bu eğitim sayesinde HTML5 ve CSS3 teknolojilerini öğrenecek ve kendinizi bu teknolojiler hakkında daha da ilerletebilir hale geleceksiniz. Sıfırdan HTML5 ve CSS3 öğrenmek isteyen herkesi kursa bekliyorum. Bu kurs ile HTML5 ve CSS3 ile alakalı çoğu konuya ücretsiz erişim sağlayabileceksiniz. Derslerde görüşürüz. Kaan Academy gururla sunar. Aklınıza takılan soruları bana özel mesaj ile bildirebilirsiniz.

Who this course is for:
  • HTML5 ve CSS3 öğrenmek isteyen ve kurstan sonra tasarım konusunda kendini daha da ilerletmek isteyen herkesi bekliyorum.
Course content
3 sections • 64 lectures • 14h 15m total length
  • HTML5 ve CSS3 dersleri için yüklenmesi gerekenler
    13:14
  • Mac için VS Code yükleme işlemi
    01:35
  • HTML nedir?
    13:42
  • Paragraf Etiketi
    15:24
  • Metinlerin Biçimlendirilmesi
    13:51
  • Başlıklar - Yatay Çizgi - Yorum Yapma
    13:44
  • Uygulama 1 - İletişim Sayfası Hazırlama
    07:19
  • Meta etiketi ve HTML etiketleri Öz Nitelikleri
    16:42
  • Img Etiketi - Resim Ekleme
    14:46
  • a etiketi - Link Verme
    07:12
  • ol ve ul etiketleri - Sıralı ve Sırasız Listeler
    16:42
  • Uygulama 2 - Türlerine göre film listesi
    27:09
  • table etiketi - Tablo Oluşturma
    36:28
  • Uygulama 3 - Haftalık Program Oluşturma
    19:02
  • Inline ve Block Elementleri
    25:22
  • div etiketi - Bölme Etiketi
    10:25
  • Form Etiketi - Form Oluşturma
    21:45
  • Uygulama 4 - Iletişim Formu Oluşturma
    11:00
  • Renkler ve Kullanımları
    10:41
  • HTML 5 Semantic Elements - Anlamsal Etiketler (Ufak Bilgilendirme)
    04:16
  • Örnek 1 - HTML 5 Semantic Elements - Anlamsal Etiketler
    17:17
  • Ses ve Video Ekleme
    09:08
  • Progress Bar - Ilerleme Çubuğu
    02:58
  • IFrames - Siteye html dosyalarını ve hazır videoları gömme
    06:18
  • CSS3 'e giriş
    04:45
  • Inline (Satır içi) CSS - Embedded/Internal (Dahili) CSS - External (Harici) CSS
    07:44
  • Selectors - Seçiciler
    09:20
  • CSS'te kalıtım - CSS'te öncelik
    15:28
  • Group Selectors - Gruplayarak Seçme
    17:59
  • Sözde Sınıfa Göre Seçme - Sözde Etikete Göre Seçme - Özelliğe Göre seçme
    22:00
  • Text (Metin) düzenlemesi - ***Font-family (Yazı tipi ailesi)***
    16:25
  • Text (Metin) - font-size (yazı tipi boyutu) ( em ve rem nedir?)
    24:21
  • Text (Metin) - font-style (yazı tipi stili)
    04:53
  • Text (Metin) - font-weight
    08:18
  • Text (Metin) - font-variant (yazı tipi çeşidi)
    10:39
  • Text (Metin) - color (yazı tipi rengi)
    07:29
  • Text (Metin) - Text-align - (Metin Hizalama)
    11:13
  • Text (Metin) - text-decoration (metin süslemesi)
    14:35
  • Text (Metin) - text-shadow (metin gölgesi)
    08:33
  • Text (Metin) - text-transform (metin dönüşümü)
    04:12
  • Text (Metin) - letter-spacing (Harf boşluğu)
    03:50
  • Text (metin) - Word Spacing (kelime boşluğu) ve White Spacing (boşlukları d
    07:01
  • HTML BOX MODEL (Html kutu modeli)
    06:38
  • Borders (Kenarlıklar)
    15:34
  • Width and Height (Genişlik ve Yükseklik)
    09:39
  • Background (Arka plan)
    22:22
  • Uygulama 1 - Sayfa Tasarımı - Mini Responsive Tasarım
    57:13
  • List Style (Liste Stili)
    13:33
  • Table Style (Tablo Stili)
    12:31
  • Link Style (Link Stili)
    06:57
  • Mouse Cursor Style (Fare Imleci Stili )
    04:35
  • Display Property (Görüntü özelliği)
    08:19
  • Visibility Property (Görünürlük özelliği)
    01:58
  • Display Property (Görüntü özelliği) (Inline-block)
    08:04
  • Position (Elementlerin Pozisyonlarını Belirleme)
    45:29
  • Float (Kaydırma)
    21:11
  • Overflow (Taşma)
    13:01
  • Margin (Kenar Boşluğu)
    15:00
  • Padding (Dolgu)
    12:08
  • Box-Sizing and Line-Height (Kutu Boyutu ve Satır Yüksekliği)
    09:51
  • z-index (Derinlik)
    10:39
  • Browser Prefixes (Tarayıcı önekleri)
    13:30
  • Border-Radius (Kenarlık Yarıçapı)
    05:28
  • Box shadow (Kutu gölgesi)
    06:42

Instructor
Computer Engineer / Bilgisayar Mühendisi
Kaan Academy
  • 4.4 Instructor Rating
  • 3,752 Reviews
  • 31,437 Students
  • 9 Courses

Herkese Merhabalar benim adım Kaan,

Galatasaray Üniversitesi Bilgisayar Mühendisliği mezunuyum.

Şu anda özel bir firmada Senior Software Developer (Kıdemli Yazılım Geliştirici) olarak  çalışıyorum. Aynı zamanda Galatasaray Üniversitesi Bilgisayar Mühendisliği yüksek lisans programında eğitimimi sürdürmekteyim.

Ayrıca Microsoft'un sahibi olduğu Kaizala uygulamasının SDK'sını kullanarak action card geliştirmeye de devam ediyorum.

Bunun yanında Unity oyun motorunu kullanarak 2D/3D oyun çalışması yürüttüğüm bir ekibim var. Ayrıca Unity'de arttırılmış ve sanal gerçeklik yani AR/VR uygulamaları geliştiriyorum.


Uzmanlık alanım C# ve .Net olsa da bunun yanı sıra 3 Senedir Unity oyun motorunu kullanarak oyunlar geliştiriyorum. Çeşitli oyunların geliştirilmesinde rol oynadım. Oyun yapmaya bir hobi olarak başladım fakat şimdi kendi oyunlarımı geliştirmeye devam ediyorum.

Her kursuma sizin istekleriniz doğrultusunda eklemeler çıkarmalar yapacağım. Olur da beğenmediğiniz dersler olursa geçerli bir sebep söylediğiniz takdirde güncellemeye hazırım.

Kısacası benim için önemli olan tek şey:

Hangi kursuma kayıt olmuş olursanız olun, kursta anlattığım dersleri tamamiyle anlamanız...

Saygı çerçevesinde eleştirilmeye her zaman açık bir insanım. Hepinizi ilginizi çeken kurslarıma bekliyorum. Şimdiden kursa hoşgeldiniz diyorum, derslerde görüşürüz :)


Uzmanlık Alanlarım

- C#  .NET - .NET CORE

- Php ( Laravel-Slim Framework)

- Unity Game Engine (Unity oyun motoru)


Bildiğim programlama dilleri (backend - arka uçta çalışan kodlar)

- C

- C++

- C#

- PHP

- JAVA

- PYTHON

- JAVASCRIPT


Hakim olduğum ORM'ler (Object Relational Mapping)

- Entity Framework

- Eloquent


Kullandığım View Engine'ler

- Razor

- Twig

Bildiğim tasarım dili ve format biçimlendirme teknolojisi

- HTML5 - CSS3


Bildiğim kütüphaneler

- Jquery


Bildiğim Front-end Framework'ü

- Bootstrap 4


Zaman içerisinde bu derslerin hepsi kurslarım arasında yerini alacaktır...

ARTIK YAZILIMLARI ÖĞRENMEME GİBİ BİR BAHANE BULAMAYACAKSINIZ :)