A'dan Z'ye Web Tasarım Kursu

Bu kurs ile sıfırdan web tasarım öğreneceksiniz. Kursun sonunda uygulamalı E-ticaret yapımı ile pekiştireceksiniz.

  • 5,0 (4 yoruma göre)
  • Kayıtlı 61 öğrenci
  • Süre 14:16:56
  • Türkçe

Açıklama

Bu kurs ile web tasarımı sıfırdan ileri seviyeye öğreneceksiniz. Bu kurs ile birlikte HTML5 + CSS3 ve Bootstrap'i öğreneceksiniz! Kursun sonunda uygulamalı E-ticaret sitesi yapacağız ve bir internet sitesi nasıl yapılır öğreneceksiniz!


NEDEN HTML5, CSS3 ve Bootstrap

Bir internet sitesi tasarlamak için HTML5 ve CSS3'ü kesinlikle bilmeniz gerekiyor. Bunun yanı sıra Bootstrapi bu kursta gösterme nedenim HTML projelerinizde oldukça kolaylık sağlaması ve birçok işinizi hızlandırmasıdır.

Front-end Developer Nedir?

Front-end Developerler bir internet sitesinin gördüğünüz ön yüzünü tasarlayan kişilere denir. Front-end Developerler HTML5, CSS3 ve JavaScript konusunda bilgili kişilerdir.

Front-end Developer Maaşları

(Bu kurstan sonra kesinlikle örnekler oluşturmanızı tavsiye ediyorum.) İster iş ilanlarına başvurarak bir iş yerinde çalışabilir dilerseniz de Freelancer olarak hizmet verebilirsiniz.

Maaşları;

Junior, Mid level ve Senior olarak kademelere ayrılsada ortalama 16.920-35.260 TL arasında değişiyor. Dediğim gibi bu işte her zaman gelişme aşamasında olduğunuz için her zaman farklı örnekler deneyin ve kendinizi geliştirin.

Neler öğreneceksiniz

  • HTML YAPISI

  • CSS Nedir

  • CSS Özellikler

  • Flex ve Grid Yapısı

  • Bootstrap

  • Swiper Slider

Aziz Yasin Karagöz Aziz Yasin Karagöz
  • 4 Eğitmen Değerlendirmesi
  • 276 Öğrenci
  • 12 Yorum

Grafik tasarım ve Front-end development alanında çalışan sektörde yüzlerce referansı ve farklı iş modelleri ile çalışma imkanı kazanan ve tecrübelerimi insanlara ileterek yardımcı olmayı amaçlıyor, bu konularda kendisini geliştirmek isteyen veya bilgi birikimini arttırmak isteyen insanlar için e-kurslar oluşturuyorum. Unutmayalım "grafik tasarım ve yazılım" hayatımızın her anında bizimle oldukça gelişen ve gelişmeye devam eden sektörler.

Birlikte sıkça alınanlar

Yazılıma İlk Adım - Oyun Geliştirme Kursu Yazılıma İlk Adım - Oyun Geliştirme Kursu 4.9 4380 11 EMİN ŞENTÜRK EMİN ŞENTÜRK ₺0.00
Uygulamalı Beyaz Şapkalı Hacker Kursu Uygulamalı Beyaz Şapkalı Hacker Kursu 4.5 142 48 Fatih Keles Fatih Keles ₺499.00 ₺1000.00
Unity 3D İle Sıfırdan RPG Oyun Geliştirme Öğrenin Unity 3D İle Sıfırdan RPG Oyun Geliştirme Öğrenin 0.0 26 53 Furkan Tokkan Furkan Tokkan ₺499.00
Toplam: ₺1499.00 ₺998.00

Eğitmen

Aziz Yasin Karagöz
  • Aziz Yasin Karagöz
  • 4 Eğitmen Değerlendirmesi
  • 276 Öğrenci
  • 12 Yorum

Grafik tasarım ve Front-end development alanında çalışan sektörde yüzlerce referansı ve farklı iş modelleri ile çalışma imkanı kazanan ve tecrübelerimi insanlara ileterek yardımcı olmayı amaçlıyor, bu konularda kendisini geliştirmek isteyen veya bilgi birikimini arttırmak isteyen insanlar için e-kurslar oluşturuyorum. Unutmayalım "grafik tasarım ve yazılım" hayatımızın her anında bizimle oldukça gelişen ve gelişmeye devam eden sektörler.

Dersler

73 Ders

HTML Nedir?

1 Sayfalar 3:22

WhatsApp grubu

1 Sayfalar
  • İçeriğe Git

Visual Studio Code nedir? kurulumu ve Eklentiler

1 Sayfalar 14:23
  • Visual Studio Code nedir? kurulumu ve Eklentiler 14:23
  • İçeriğe Git

HTML Kod Yapısı ve Yazım Kuralları(SYNTAX)

1 Sayfalar 14:07
  • HTML Kod Yapısı ve Yazım Kuralları(SYNTAX) 14:07

HTML Meta Etiketleri

1 Sayfalar 12:57
  • HTML Meta Etiketleri 12:57

HTML Yorum satırı

1 Sayfalar 6:35
  • HTML Yorum satırı 6:35

HTML Links ve Script etiketleri

1 Sayfalar 12:41
  • HTML Links ve Script etiketleri 12:41

HTML sınıf ve değer elementleri (CLASS ve ID)

1 Sayfalar 14:08
  • HTML sınıf ve değer elementleri (CLASS ve ID) 14:08

HTML inline ve block elementler

1 Sayfalar 6:40
  • HTML inline ve block elementler 6:40

HTML BR ve HR etiketi

1 Sayfalar 7:29
  • HTML BR ve HR etiketi 7:29

HTML Div Nedir?

1 Sayfalar 9:02
  • HTML Div Nedir? 9:02
  • İçeriğe Git

HTML Başlık etiketleri, Paragraf etiketleri, link etiketleri

1 Sayfalar 15:53
  • HTML Başlık etiketleri, Paragraf etiketleri, link etiketleri 15:53
  • İçeriğe Git

HTML Details etiketi

1 Sayfalar 3:33
  • HTML Details etiketi 3:33

HTML Görüntüler(img) Nedir?

1 Sayfalar 4:45
  • HTML Görüntüler(img) Nedir? 4:45

HTML Listeleme

1 Sayfalar 5:27
  • HTML Listeleme 5:27

HTML Progress

1 Sayfalar 2:38
  • HTML Progress 2:38

HTML Tablolar

1 Sayfalar 11:31
  • HTML Tablolar 11:31

HTML Form elemanları

1 Sayfalar 30:03
  • HTML Form elemanları 30:03
  • İçeriğe Git

HTML Örnek bir form oluşturalım

1 Sayfalar 13:00
  • HTML Örnek bir form oluşturalım 13:00

HTML Video etiketi

1 Sayfalar 3:56
  • HTML Video etiketi 3:56

HTML Audio etiketi

1 Sayfalar 2:59
  • HTML Audio etiketi 2:59

HTML Object ve param etiketi

1 Sayfalar 3:10
  • HTML Object ve param etiketi 3:10

HTML İframe etiketi ve Youtube video ekleme

1 Sayfalar 3:20
  • HTML İframe etiketi ve Youtube video ekleme 3:20

HTML Gerçek bir site de yapı nasıl olmalı?

1 Sayfalar 10:10
  • HTML Gerçek bir site de yapı nasıl olmalı? 10:10
  • İçeriğe Git

CSS Nedir?

1 Sayfalar 4:00
  • CSS Nedir? 4:00

Satır içi, Dahili, Harici CSS nedir?

1 Sayfalar 5:24
  • Satır içi, Dahili, Harici CSS nedir? 5:24

CSS Yapısı ve Seçiciler

1 Sayfalar 9:56
  • CSS Yapısı ve Seçiciler 9:56

PSEUDO elementleri (Ön bilgi)

1 Sayfalar 26:00
  • PSEUDO elementleri (Ön bilgi) 26:00

CSS Colors-Renkler

1 Sayfalar 6:36
  • CSS Colors-Renkler 6:36

Width-max-width, Height-max-height değerleri

1 Sayfalar 14:52
  • Width-max-width, Height-max-height değerleri 14:52

Display değerleri

1 Sayfalar 7:22
  • Display değerleri 7:22

Font aileleri, font büyüklükleri

1 Sayfalar 6:04
  • Font aileleri, font büyüklükleri 6:04

Text-align, Line-height,letter-spacing ve word-spacing,

1 Sayfalar 5:12
  • Text-align, Line-height,letter-spacing ve word-spacing, 5:12
  • İçeriğe Git

Cursor özelliği

1 Sayfalar 4:06
  • Cursor özelliği 4:06

Padding ve Margin

1 Sayfalar 6:45
  • Padding ve Margin 6:45

border-box özelliği

1 Sayfalar 5:46
  • border-box özelliği 5:46

Border ve Outline özelliği ve border-radius

1 Sayfalar 7:25
  • Border ve Outline özelliği ve border-radius 7:25

Background özelliği

1 Sayfalar 10:24
  • Background özelliği 10:24
  • İçeriğe Git

Position değerleri

1 Sayfalar 9:02
  • Position değerleri 9:02

Eskilerden kalmış Float değeri

1 Sayfalar 2:35
  • Eskilerden kalmış Float değeri 2:35

Opacity değeri

1 Sayfalar 2:58
  • Opacity değeri 2:58

z-index değeri

1 Sayfalar 4:37
  • z-index değeri 4:37

visibilty özelliği

1 Sayfalar 4:01
  • visibilty özelliği 4:01

Overflow özelliği

1 Sayfalar 4:27
  • Overflow özelliği 4:27

line-clamp , white-space ve text-overflow özelliği

1 Sayfalar 8:40
  • line-clamp , white-space ve text-overflow özelliği 8:40

Textshadow ve Boxshadow

1 Sayfalar 3:54
  • Textshadow ve Boxshadow 3:54

2D dönüşüm

1 Sayfalar 7:59
  • 2D dönüşüm 7:59

3D dönüşüm

1 Sayfalar 4:44
  • 3D dönüşüm 4:44

Transition özelliği

1 Sayfalar 9:35
  • Transition özelliği 9:35

Aspect-radio nedir, Object Fit ve Object Position özelliği

1 Sayfalar 6:01
  • Aspect-radio nedir, Object Fit ve Object Position özelliği 6:01

Writing-mode ve User-select özelliği

1 Sayfalar 3:36
  • Writing-mode ve User-select özelliği 3:36

Flex özelliği

1 Sayfalar 27:11
  • Flex özelliği 27:11
  • İçeriğe Git

Responsive sorguları @media

1 Sayfalar 4:45
  • Responsive sorguları @media 4:45

Dikey Nav bar yapımı

1 Sayfalar 9:54
  • Dikey Nav bar yapımı 9:54

Yatay Nav bar yapımı

1 Sayfalar 10:30
  • Yatay Nav bar yapımı 10:30

Footer yapımı

1 Sayfalar 14:54
  • Footer yapımı 14:54

Bootstrap Nedir? Dosyalarımıza nasıl entegre ederiz?

1 Sayfalar 7:38
  • Bootstrap Nedir? Dosyalarımıza nasıl entegre ederiz? 7:38
  • İçeriğe Git

Bootstrap Grid yapısı

1 Sayfalar 12:39
  • Bootstrap Grid yapısı 12:39

Bootstrap Form elemanları

1 Sayfalar 12:11
  • Bootstrap Form elemanları 12:11

Bootstrap Header ve Footer yapısı

1 Sayfalar 35:52
  • Bootstrap Header ve Footer yapısı 35:52

Bootstrap Modal

1 Sayfalar 13:35
  • Bootstrap Modal 13:35

Bootstrap Accordion ve Breadcrumb

1 Sayfalar 6:20
  • Bootstrap Accordion ve Breadcrumb 6:20

Bootstrap Carousel

1 Sayfalar 9:15
  • Bootstrap Carousel 9:15

Bootstrap Pagination

1 Sayfalar 5:38
  • Bootstrap Pagination 5:38

web sitemizi yapmaya başlayalım. Dosya yapımız nasıl olmalı?

1 Sayfalar 10:16
  • web sitemizi yapmaya başlayalım. Dosya yapımız nasıl olmalı? 10:16
  • İçeriğe Git

Anasayfa yapımı-1

1 Sayfalar 42:07
  • Anasayfa yapımı-1 42:07

Anasayfa yapımı-2

1 Sayfalar 29:52
  • Anasayfa yapımı-2 29:52

Kategori sayfası-1

1 Sayfalar 32:42
  • Kategori sayfası-1 32:42

Ürün sayfası-1

1 Sayfalar 39:28
  • Ürün sayfası-1 39:28

Ürün sayfası-2

1 Sayfalar 30:53
  • Ürün sayfası-2 30:53

Sitemizi mobil uyumlu yapalım - 1

1 Sayfalar 35:51
  • Sitemizi mobil uyumlu yapalım - 1 35:51

Sitemizi mobil uyumlu yapalım - 2

1 Sayfalar 49:23
  • Sitemizi mobil uyumlu yapalım - 2 49:23

Front-end developerlerin işine yarayabilecek siteler

1 Sayfalar 12:12
  • Front-end developerlerin işine yarayabilecek siteler 12:12
  • İçeriğe Git

Yorumlar

5,0 4 yoruma göre

Yorum yapmak için bu içeriğe sahip olman gerekir.

M Sadi Buğdaycı M Sadi Buğdaycı

Elinize sağlık

Eray erdoğmuş Eray erdoğmuş

Proje ödevimi yapmam konusunda çok yardımcı oldu, Tüm konular için ayrı başlık oluşturulması ve detaylıca anlatılması hoşuma gitti. Uygulamalı anlatımlarda takıldığım yerlerde geri sarıp tekrar izliyorum. Whatsapp grubundaki desteğiniz içinde ayrıca teşekkür ederim.

MSP Mehmet Salih Polat

Hocam dilinize emeğinize sağlık çok güzel olmuş <3

Aziz Yasin Karagöz Aziz Yasin Karagöz Eğitmen

Değerli yorumun için çok teşekkür ederim, keyifli izlemeler.

Mustafa Ayhan Yazgaç Mustafa Ayhan Yazgaç

Çok değerli bir kurs olmuş hakikaten, bu fiyata bu kadar müfredat, bilgi bulunmuyor hiç bir yerde

Aziz Yasin Karagöz Aziz Yasin Karagöz Eğitmen

Değerli yorumunuz için teşekkür ederim, sürekli yeni içerikler sunmaya devam edeceğim.

Çerez Ayarları

Web sitemizdeki deneyiminizi geliştirmek için çerezleri kullanıyoruz. Bu web sitesini gezinerek, çerez kullanımımıza izin vermiş olursunuz.