What you'll learn

HTML ve HTML5 tasarım dilini sıfırdan mantığına uygun bir şekilde öğreneceksiniz
CSS ve CSS3 ile websitelerinizi ve CSS'in kullanıldığı yerleri güzelleştirebilecek. Sıfırdan CSS dosyalarınızı kendiniz oluşturabileceksiniz.
BOOTSTRAP 4 frameworkünü sıfırdan öğrenip HTML5-CSS3-JAVASCRIPT yoğunluğuna girmeden Responsive yani bütün cihazlarda uyumlu WEB siteleri yapabileceksiniz.
JAVASCRIPT dilini sıfırdan öğrenerek websitelerinizi dinamik hale getirebileceksiniz.
JQUERY kütüphanesini sıfırdan öğrenerek JAVASCRIPT programlamayı minimuma indirerek siteleriniz üzerindeki hakimiyeti arttıracaksınız.

Course content

11 sections • 173 lectures • 35h 6m total length

Hoşgeldiniz
Derslere başlamadan önce yüklememiz gereken araçlar nelerdir?13:14
"Beautify" yerine "Prettier" eklentisini kurabilirsiniz. Kolay gelsin.
Macbook için VS Code1:35
LÜTFEN OKUYUNUZ - Bu duyuru hem sizin hem de benim için oldukça önemlidir !0:48
Bir eğitim setine nasıl çalışmalıyız?5:44
Youtube Duyuru2:10

HTML nedir?13:42
Paragraf Etiketi15:24
Metinlerin Biçimlendirilmesi13:51
Başlıklar - Yatay Çizgi - Yorum Yapma13:44
Uygulama 1 - İletişim Sayfası Hazırlama7:19
Meta etiketi ve HTML etiketleri Öz Nitelikleri16:42
Img Etiketi - Resim Ekleme14:46
a etiketi - Link Verme7:12
ol ve ul etiketleri - Sıralı ve Sırasız Listeler16:42
Uygulama 2 - Türlerine göre film listesi27:09
table etiketi - Tablo Oluşturma36:28
Uygulama 3 - Haftalık Program Oluşturma19:02
Inline ve Block Elementleri25:22
div etiketi - Bölme Etiketi10:25
Form Etiketi - Form Oluşturma21:45
Uygulama 4 - Iletişim Formu Oluşturma11:00
Renkler ve Kullanımları10:41
HTML 5 Semantic Elements - Anlamsal Etiketler (Ufak Bilgilendirme)4:16
Örnek 1 - HTML 5 Semantic Elements - Anlamsal Etiketler17:17
Ses ve Video Ekleme9:08
Progress Bar - Ilerleme Çubuğu2:58
IFrames - Siteye html dosyalarını ve hazır videoları gömme6:18

CSS3 'e giriş4:45
Inline (Satır içi) CSS - Embedded/Internal (Dahili) CSS - External (Harici) CSS7:44
Selectors - Seçiciler9:20
CSS'te kalıtım - CSS'te öncelik15:28
Group Selectors - Gruplayarak Seçme17:59
Sözde Sınıfa Göre Seçme - Sözde Etikete Göre Seçme - Özelliğe Göre seçme22: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)4:53
Text (Metin) - font-weight8:18
Text (Metin) - font-variant (yazı tipi çeşidi)10:39
Text (Metin) - color (yazı tipi rengi)7: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)8:33
Text (Metin) - text-transform (metin dönüşümü)4:12
Text (Metin) - letter-spacing (Harf boşluğu)3:50
Text (metin) - Word Spacing (kelime boşluğu) ve White Spacing (boşlukları d7:01
HTML BOX MODEL (Html kutu modeli)6:38
Borders (Kenarlıklar)15:34
Width and Height (Genişlik ve Yükseklik)9:39
Background (Arka plan)22:22
Uygulama 1 - Sayfa Tasarımı - Mini Responsive Tasarım57:13
List Style (Liste Stili)13:33
Table Style (Tablo Stili)12:31
Link Style (Link Stili)6:57
Mouse Cursor Style (Fare Imleci Stili )4:35
Display Property (Görüntü özelliği)8:19
Visibility Property (Görünürlük özelliği)1:58
Display Property (Görüntü özelliği) (Inline-block)8: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)9:51
z-index (Derinlik)10:39
Browser Prefixes (Tarayıcı önekleri)13:30
Border-Radius (Kenarlık Yarıçapı)5:28
Box shadow (Kutu gölgesi)6:42

Javascript'e GİRİŞ11:00
Değişken Kavramı7:37
Değişkenler (Detaylı)14:02
Matematik Operatörleri15:50
Atama Operatörleri5:21
Karşılaştırma Operatörleri10:15
Mantıksal Operatörler20:08
Kontrol Yapıları ( If - else if - else )7:54
Kontrol Yapıları ( Switch - Case )7:45
Döngüler (For döngüsü)8:38
Döngüler (While Döngüsü)4:02
Döngüler (Do-While Döngüsü)4:01
Break ve Continue6:29
Fonksiyonlar18:59
Alert Box - Prompt Box - Confirm Box6:03
Objeler (Nesneler)22:48
Arrays (Diziler)3:37
Arrays (Diziler) 29:15
Matematik Fonksiyonlarından Bazıları6:54
Date Object (Tarih objesi)23:13

JQuery Kütüphanesini Tanıyalım9:23
Elemanların hazır olması ve gizleme10:22
Selectors (Seçiciler)15:34
Elemanların Özelliğini kullanma ve değiştirme12:01
Elemanların Özelliğini Silme3:34
Elemanların Içeriğini Kullanma ve Değiştirme7:03
Get-Set mantığı ve Val() metotu5:39
Yeni element ekleme ve var olan elementlere içerik ekleme10:57
Elementlere Class Ekleme ve Silme İşlemleri12:45
Elementlere Stil Ekleme ve Elementlerin Stillerini Değiştirme15:49
Elementlerin boyutlarıyla ilgili işlemler15:34
DOM Ağacı Üzerinde Manipülasyonlar19:50
Handling Events (Isleme Olaylari)18:05
Event Object (Olay Objesinin Kullanımı)34:52
Uygulama 1 - To do list - Yapılacaklar Listesi Uygulaması23:48
Animasyon - Gizleme ve Gösterme Animasyonları6:44
Animasyon -Fade In-Out Animasyonları5:29
Animasyon - Slide Up-Down Animasyonları2:31
Kendi animasyonlarımızı oluşturma33:04

Bootstrap nedir ? Bootstrap Kurulumu.16:35
Bootstrap Grid Sistemi (Izgara Sistemi)31:00
Grid Sistemi Parent Child7:41
Breakpoints (Geçiş noktaları belirleme)12:49
Renkler8:26
Font-size (Yazı boyutu)7:52
Margin ve Padding14:52
Borders13:43
Boyutlandırma10:00
Metin Hizalama3:08
Display3:55
Butonlar17:21
Tablolar11:56
Listeler5:23
Liste Grupları7:09
Uyguluma 1 - Alerts ve Alert'ları kullanarak Liste Uygulaması20:55
Image (Resim)6:47
Float6:43
Form6:24
Input Groups11:41
Cards (Kart görünümü)28:52
Jumbotron16:19
Breadcrumb5:50
Dropdowns (Açılır - Kapanır menü yapımı)12:42
Uygulama 2 - Navbar ve güzel bir menü yapımı27:33
Carousel (Slider yapma)23:28
Modal12:53
Pagination15:23
Kalan sınıfların açıklaması12:05

Requirements

Hiçbir bilgi birikimine gerek yok. Her şeyi sıfırdan anlatacağım. Sadece aklınızı bu kurs odaklayıp HTML5-CSS3-BOOTSTRAP-JAVASCRIPT-JQUERY öğrenmenin tadını çıkartın.

Description

Aklınıza takılan soruları bana sormaktan çekinmeyin. Her öğrenci benim için çok değerlidir.

Kurs bitiminde HTML5, CSS3, BOOTSTRAP 4 öğrenmenin yanı sıra bir de JAVASCRIPT programlama dilini sıfırdan ileri orta seviye üstüne kadar öğrenecek aynı zamanda JAVASCRIPT ile bir web sitesi üzerinde nasıl dinamik hareketlendirme yapabileceğinizi öğreneceksiniz. Bunlarla beraber JAVASCRIPT kütüphanesi olan JQUERY teknolojisini öğrenerek siteniz üzerinde hakimiyetinizi kolaylaştıracaksınız.

Kursa yeni içerikler eklenmeye devam edecektir ayrıca sizden gelen isteklerin benim için ne kadar önemli olduğunu unutmayın. Sizden gelen istekler doğrultusunda kursun içeriğine eklemeler çıkarmalar yapacağım.

Aklınıza takılan soruları da SORU/CEVAP kısmında sormaktan çekinmeyin. Unutmayın ben burada sizin için varım ve elimden geldiğince de yardımcı olacağım.

Emin olun tasarım bakamından tam da aradığınız kurstasınız. Bana güvenin.

Bu kurs sayesinde kendiniz sıfırdan bir web sitesi tasarlayabileceksiniz ya da hazır satın aldığınız bir tasarım üzerinde rahatça değiştirmeler yapabileceksiniz. Kısacası web tasarımının mantığını anlayacaksınız. Bunun yanı sıra CSS ve de JAVASCRIPT programlama dili gibi çoğu yazılım ortamında kullanılan teknolojileri öğrenecek, tasarım dünyasında büyük bir yer edineceksiniz.

HTML 5
CSS 3
JAVASCRIPT
JQUERY
BOOTSTRAP 4

Bir kurstan daha fazlası...

Who this course is for:

Sıfırdan Web Sitesi tasarımı yapmak isteyen herkes
Sıfırdan HTML ve HTML5 öğrenmek isteyen herkes
Sıfırdan CSS ve CSS3 öğrenmek isteyen herkes
Sıfırdan Bootstrap4 öğrenmek isteyen herkes
Sıfırdan Javascript öğrenmek isteyen herkes
Sıfırdan JQuery öğrenmek isteyen herkes
Hazır bir web site tasarımı satın alıp bunu kendisi istediği gibi değiştirmek isteyen herkes

What you'll learn

Explore related topics

Course content

Giriş6 lectures • 24min

HTML522 lectures • 5hr 21min

CSS340 lectures • 8hr 39min

CSS3 - FLEXBOX11 lectures • 1hr 28min

CSS - GRİD9 lectures • 1hr 9min

JAVASCRIPT20 lectures • 3hr 34min

JAVASCRIPT - DOM - (Document Object Model) - (Belge Objesi Modeli)12 lectures • 3hr 49min

JQUERY19 lectures • 4hr 23min

BOOTSTRAP 429 lectures • 6hr 19min

UYGULAMA 11 lecture • 1min

Requirements

Description

Who this course is for: