Html5 + Css3 Sıfırdan Frontend Web Tasarım Geliştirme Kursu
4.5 (71 ratings)
Course Ratings are calculated from individual students’ ratings and a variety of other signals, like age of rating and reliability, to ensure that they reflect course quality fairly and accurately.
5,470 students enrolled

Html5 + Css3 Sıfırdan Frontend Web Tasarım Geliştirme Kursu

Html5 & Css3 + Flexbox ile sıfırdan ileri düzeye web tasarım (frontend) ve kodlama yaparak gerçek projeler geliştir.2020
4.5 (71 ratings)
Course Ratings are calculated from individual students’ ratings and a variety of other signals, like age of rating and reliability, to ensure that they reflect course quality fairly and accurately.
5,470 students enrolled
Created by Cihan Koç
Last updated 7/2020
Turkish
Current price: $13.99 Original price: $19.99 Discount: 30% off
5 hours left at this price!
30-Day Money-Back Guarantee
This course includes
  • 11 hours on-demand video
  • 2 articles
  • 1 downloadable resource
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
Training 5 or more people?

Get your team access to 4,000+ top Udemy courses anytime, anywhere.

Try Udemy for Business
What you'll learn
  • html ve yeni html5 etiketlerini
  • Css ve css3 tanımlamalarını
  • Frontend tasarım mantığını
  • Web site tasarım mantığını
  • Kişisel veya kurumsal web site tasarım oluşturma mantığını öğreneceksiniz
  • html5 ve Css3 özelliklerini kullanarak sıfırdan web tasarım projeleri gerçekleştirebileceksiniz.
Course content
Expand all 89 lectures 10:50:01
+ Html5 Dersleri 1. Bölüm
12 lectures 01:06:50
Paragraf Etiketi (p)
02:16
Başlık etiketleri (h1,h2,h3,h4,h5,h6)
01:45
Açıklama-Yorum Satırları Ekleme
02:43
Alt satır ve düz çizgi etiketleri (br & hr)
03:36
Link-bağlantı etiketi (a)
07:37
Görsel ekleme etiketi (img)
04:14
Sıralı ve sırasız listeleme etiketleri (ol & ul)
05:13
Html dikey menü yapısı için örnek
02:28
Metin düzenleme,biçimlendirme etiketleri (b,strong,i,em,mark,small,del,ins...)
10:20
Div & Span etiketleri ve inline block yapıları
07:23
Tablo etiketleri ve düzenleri (table, thead, tbody, tr ,th, td,)
11:46
+ Html5 Dersleri 2. Bölüm
9 lectures 58:15
Html5 şemantik yapısı ve yeni etiketlerin tanıtımı
04:14
Html5 video ekleme etiketi (video, source)
04:35
Html5 obje ekleme etiketi (object)
02:23
Html5 attribute nedir?
03:45
Html5 form etiketleri
15:04
Html5 input tipleri
10:48
Html5 form özellikleri (attributes)
04:43
+ Css Dersleri 1. Bölüm - Giriş
6 lectures 40:42
Css'e Giriş ve önemli bilgiler
03:36
Projeye Css dahil edilmesi (inline, internal, external)
08:53
Seçiciler id ve class tanımlamaları
10:02
Css'e Yorum Satırları Ekleme
01:33
Reklendirme tanımları (colors)
13:37
Örnek: Metin Renklendirme
03:01
+ Css Dersleri 2. Bölüm
9 lectures 01:17:28
Kenar çizgi özellikleri (border & border-radius)
13:04
Arkaplan Tanımlamaları (Background-color, -repeat, -size, -position, vb.)
13:29
Dış çizgi (outline)
03:10
Dış ve iç boşluk tanımlamaları (Margin & Padding)
11:49
Boyutlandırma Tanımlamaları (Width & Height)
13:37
Kutu Modeli Ödevini yapıyoruz.
04:33
Örnek: Buton tasarımları yapıyoruz
07:30
+ Css Dersleri 3. Bölüm
12 lectures 01:41:35
Text, metin biçimlendirme özellikleri
12:01
Font özellikleri
13:25
Bağlantı, link özellikleri (a)
05:10
List özellikleri (ol,ul)
05:48
Örnek: Dikey Menü Yapıyoruz. (Vertical Menu)
03:51
Görüntüleme Özellikleri (display & visibility)
08:48
Taşma Kontrolleri (overflow)
06:34
Kutu Boyut hesaplama (Box Sizing)
07:16
Sayfa Düzeni Oluşturma (Float)
10:40
Örnek: Float ile web site şablonu oluşturuyoruz. (Ödev yapılışı)
12:34
Konumlandırma Özellikleri (Position)
11:56
Katman Değiştirme (z-index)
03:32
+ Projeye icon ekleme (fontawesome)
1 lecture 10:52
Projeye icon ekleme (fontawesome)
10:52
+ Css3 Flexbox (Esnek Kutu Modeli) - İleri Seviye
13 lectures 52:01
Flex Container / Kapsayıcı (display:flex)
03:40
Öğelerin sıralanış yönü - Flex-direction
02:51
Yeni Satır Geçişleri - flex-wrap
02:52
Flex Flow (flex-direction ve flex-wrap'ın bir arada kullanımı)
01:55
Yatay Hizalama - (justify-content)
05:05
Dikey Hizalama (align-items)
04:39
Dikey Hizalama -2 İçeriği gruplayarak - (align-content)
06:53
Öğeleri Sıralama (order)
03:05
Öğelerin büyüklük oranları (flex-grow)
02:57
Öğelerin küçülme oranları (flex-shrink)
03:01
Öğeleri boyutlandırma (flex-basis)
02:02
Öğelerin bir arada kullanımı (flex)
01:37
+ Nasıl Yapılır
8 lectures 01:07:13
Kullanılan dosyalar
00:02
Sayfalama (Pagination)
07:30
Tam Ekran Menü (Full Screen Menu)
03:49
Yatay Responsive Mobil Menü
17:49
İletişim Formu (Contact Form)
10:25
Responsive Görseller
03:29
+ Proje1 Basit Web Sitesi (Single Page)
7 lectures 01:06:03
Navbar - Menü Tasarımı
09:44
Header Tasarımı
06:28
Content - İçerik Tasarımı
13:34
Contact - İletişim Formu Tasarımı
08:50
Copyright ve Menu Aktifliği
06:14
Responsive Ayarları (Mobil Tasarım)
16:59
Requirements
  • Ön koşul olmadan html5 ve Css3 özelliklerini kullanarak sıfırdan web tasarım projeleri gerçekleştirebileceksiniz.
Description

Html5 & Css3 eğitimi ile sıfırdan ileri düzeye web tasarım (frontend) ve kodlama yaparak gerçek projeler geliştir.


Bu eğitim ile size temelden ileri düzeye Html5 ve CSS3 tanımlamalarını ve kullanımlarını öğreterek sıfırdan ileri düzeye web tasarım (frontend) geliştirmeyi öğreneceksiniz.


Genel tanımlamaları öğrendikten sonra bir web sitesinde en fazla ihtiyaç duyacağınız buton tasarımları, menü tasarımları, iletişim formları, web site genel şablonları ve bunların responsive yapılarını yani mobil uyumlu hale getirmeyi öğreneceksiniz.


Özel olarak hazırlamış olduğum nasıl yapılır bölümü ile gerekli pratikleri yapmış olacak ve uyguladığımız web projesi sayesinde bilgilerimizi birleştirerek çalışmalarımızı profesyonel hale getirmiş olacaksınız. Bu çalışmalar ile gerçek profesyonel hayattaki işleyişi öğreneceksiniz.


Nasıl yapılır (Özel Bölüm)

Html5 &Css3 ve ihtiyaç halinde ufak JavaScript kodlamaları kullanarak profesyonel işlemler yapacağız. Bu alanda yapacaklarımız her geçen gün artarak devam edecektir.


Soru ve şikayetleriniz için:  cihankoc41@gmail.com mail adresinden bana ulaşabilirsiniz.





#html5 #css3 #web #tasarım #yazılımı


Who this course is for:
  • Sıfırdan web site tasarımı yapmak isteyenler.
  • html ve html5 yapısını öğrenmek isteyenler.
  • Css ve css3 tanımlamalarını öğrenmek isteyenler.
  • Frontend alanında kendini yetiştirmek isteyenler.
  • Yazılıma yeni başlayanlar ve profesyonel hayata geçiş yapmak isteyenler