Free Udemy Courses
Trending

Sıfırdan HTML5 ve CSS3 Kursu

PUBLISHER:- Emre Altunbilek

LANGUAGE:- Turkish

PRIZE:- 26.33$ 0$

Sıfırdan HTML5 ve CSS3 Kursu

WHO CAN ACCESS THIS COURSE :-

  • 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

WHAT ARE YOUR REQUIREMENTS FOR THIS COURSE ?

  • 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.

WHAT YOU ARE GOING TO LEARN FROM THIS COURSE ?

  • 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ığı

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.

COURSE CONTENT

  • 11 sections • 84 lectures • 17h 17m total length

Giriş4 lectures • 20min

  • GirişPreview06:51
  • Visual Code Editörünün Kurulması05:53
  • VSCode Bazı Önemli Kısayollar07:31
  • Tüm kurs boyunca oluşturulan dosyalar00:03

Genel HTML Kavramları16 lectures • 2hr 17min

  • HTML Nedir Genel BilgilerPreview07:55
  • HTML Elements Kavramı05:24
  • HTML Attribute Kavramı05:07
  • HTML Heading ve Paragraphs Elementleri07:26
  • HTML Text Formatting-Biçimlendirme07:40
  • HTML Alıntı Elementleri05:16
  • HTML Yorum Satırları Oluşturma ve Renkler Konusu08:17
  • HTML Dosyalarında CSS Kullanma08:49
  • HTML Link Kavramı09:30
  • HTML Link Renklendirmesi ve Bookmark09:57
  • HTML Resim Kullanımı ve Area Map Kullanımı11:40
  • HTML Background ve Picture Element07:21
  • HTML Tablolar17:02
  • HTML Listeler10:59
  • HTML Class ve ID Kavramları07:45
  • HTML Iframe Kavramı06:36

HTML Form Islemleri7 lectures • 1hr 18min

  • HTML Formlara GirişPreview14:37
  • HTML Form Elementleri Devam09:43
  • HTML Datalist ve Fieldset05:11
  • HTML Input Türleri13:47
  • HTML Input ve Form Attributeleri10:19
  • HTML Diğer Kavramları Hızlıca Görelim12:30
  • HTML Quiz Çözümü12:20

CSS Giriş Konuları6 lectures • 1hr 24min

  • CSS Giriş – Genel Kavramlar14:40
  • CSS Yorum Satırları Color ve Background Islemleri12:46
  • CSS Border, Margin ve Padding Kavramları16:50
  • CSS Width, Height ve Box Model Kavramları09:15
  • CSS Text Düzenleme ve Font Kullanımı14:46
  • CSS Ölçü Birimleri15:22

Şuana Kadar Öğrenilen Konularla Ilgili Projeler5 lectures • 1hr 13min

  • Proje – Kendi Buton Kütüphanemizi Oluşturalım Bölüm 116:39
  • Proje – Kendi Buton Kütüphanemizi Oluşturalım Bölüm 208:46
  • Proje – Kendi Input Text Kütüphanemizi Oluşturalım09:48
  • Proje – Profil Sayfası – HTML Bölümü10:12
  • Proje – Profil Sayfası – CSS Bölümü27:34

CSS Döküman Akışı – Float, Flexbox ve Grid13 lectures • 3hr 2min

  • CSS Döküman Akışı ve Display Değerleri09: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 Özellikleri09:40
  • Flexbox ile NavigationBar YapalımPreview08: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 AutoFill07:52
  • PROJE Grid ile Foto Galeri Yapalım10:42

Diğer Önemli CSS Kavramları13 lectures • 2hr 56min

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

CSS Animasyonlar5 lectures • 1hr 18min

  • CSS Transition Özelliği08:43
  • CSS Animation Property15:39
  • CSS Transform Property16:11
  • Animasyonlu Buton Yapalım12:52
  • PROJE Animasyonlu Navbar Örnekleri24:52

Sass Scss Precompiler ve BEM8 lectures • 1hr 43min

  • Sass Nedir Neden Öğrenmeliyiz06:21
  • VSCode Sass Eklenti Kurulumu ve Ayarları09:53
  • Değişkenler ve Nested Yapılar17:34
  • Sass Mixin Kavramı10:54
  • Sass Fonksiyonlar10:10
  • Sass If For While ve Each Kontrol Döngü Yapıları11:22
  • Sass Import Partial ve Extend Kavramları14:12
  • BEM Block Element Modifier Kavramı22:12

CSS Kurs Sonu Projesi4 lectures • 1hr 45min

  • Headerın Oluşturulması Bölüm 1Preview26:15
  • Headerın Oluşturulması Bölüm 217:44
  • Hakkımda ve Eğitimlerim Bölümlerinin Oluşturulması23:25
  • Animasyonlar, Responsive Tasarımın Uygulanması ve Son37:08

BONUS Diğer Kurslarım ve Indirimli Linkler3 lectures • 2min

  • Promosyon Maili Duyurusu00:46
  • Udemy Yeni Kupon Sistemi Hakkında Bilgi00:53
  • Telegram Yardımlaşma Grupları Katılma Linkleri00:14

HOW TO MAKE MONEY ONLINE & TIPS AND TRICKS

Related Articles

Leave a Reply

Your email address will not be published. Required fields are marked *

Check Also
Close
Back to top button

Adblock Detected

Please consider supporting us by disabling your ad blocker