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.
- Kayıtlı 60 öğrenci
- 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
- 252 Öğ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
CyberShield Academy
EMİN ŞENTÜRK
TUNCAY EROL
Eğitmen
- Aziz Yasin Karagöz
- 252 Öğ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
HTML Nedir?
1 SayfalarWhatsApp grubu
1 Sayfalar- İçeriğe Git
Visual Studio Code nedir? kurulumu ve Eklentiler
1 Sayfalar- Visual Studio Code nedir? kurulumu ve Eklentiler
- İçeriğe Git
HTML Kod Yapısı ve Yazım Kuralları(SYNTAX)
1 Sayfalar- HTML Kod Yapısı ve Yazım Kuralları(SYNTAX)
HTML Meta Etiketleri
1 Sayfalar- HTML Meta Etiketleri
HTML Yorum satırı
1 Sayfalar- HTML Yorum satırı
HTML Links ve Script etiketleri
1 Sayfalar- HTML Links ve Script etiketleri
HTML sınıf ve değer elementleri (CLASS ve ID)
1 Sayfalar- HTML sınıf ve değer elementleri (CLASS ve ID)
HTML inline ve block elementler
1 Sayfalar- HTML inline ve block elementler
HTML BR ve HR etiketi
1 Sayfalar- HTML BR ve HR etiketi
HTML Div Nedir?
1 Sayfalar- HTML Div Nedir?
- İçeriğe Git
HTML Başlık etiketleri, Paragraf etiketleri, link etiketleri
1 Sayfalar- HTML Başlık etiketleri, Paragraf etiketleri, link etiketleri
- İçeriğe Git
HTML Details etiketi
1 Sayfalar- HTML Details etiketi
HTML Görüntüler(img) Nedir?
1 Sayfalar- HTML Görüntüler(img) Nedir?
HTML Listeleme
1 Sayfalar- HTML Listeleme
HTML Progress
1 Sayfalar- HTML Progress
HTML Tablolar
1 Sayfalar- HTML Tablolar
HTML Form elemanları
1 Sayfalar- HTML Form elemanları
- İçeriğe Git
HTML Örnek bir form oluşturalım
1 Sayfalar- HTML Örnek bir form oluşturalım
HTML Video etiketi
1 Sayfalar- HTML Video etiketi
HTML Audio etiketi
1 Sayfalar- HTML Audio etiketi
HTML Object ve param etiketi
1 Sayfalar- HTML Object ve param etiketi
HTML İframe etiketi ve Youtube video ekleme
1 Sayfalar- HTML İframe etiketi ve Youtube video ekleme
HTML Gerçek bir site de yapı nasıl olmalı?
1 Sayfalar- HTML Gerçek bir site de yapı nasıl olmalı?
- İçeriğe Git
CSS Nedir?
1 Sayfalar- CSS Nedir?
Satır içi, Dahili, Harici CSS nedir?
1 Sayfalar- Satır içi, Dahili, Harici CSS nedir?
CSS Yapısı ve Seçiciler
1 Sayfalar- CSS Yapısı ve Seçiciler
PSEUDO elementleri (Ön bilgi)
1 Sayfalar- PSEUDO elementleri (Ön bilgi)
CSS Colors-Renkler
1 Sayfalar- CSS Colors-Renkler
Width-max-width, Height-max-height değerleri
1 Sayfalar- Width-max-width, Height-max-height değerleri
Display değerleri
1 Sayfalar- Display değerleri
Font aileleri, font büyüklükleri
1 Sayfalar- Font aileleri, font büyüklükleri
Text-align, Line-height,letter-spacing ve word-spacing,
1 Sayfalar- Text-align, Line-height,letter-spacing ve word-spacing,
- İçeriğe Git
Cursor özelliği
1 Sayfalar- Cursor özelliği
Padding ve Margin
1 Sayfalar- Padding ve Margin
border-box özelliği
1 Sayfalar- border-box özelliği
Border ve Outline özelliği ve border-radius
1 Sayfalar- Border ve Outline özelliği ve border-radius
Background özelliği
1 Sayfalar- Background özelliği
- İçeriğe Git
Position değerleri
1 Sayfalar- Position değerleri
Eskilerden kalmış Float değeri
1 Sayfalar- Eskilerden kalmış Float değeri
Opacity değeri
1 Sayfalar- Opacity değeri
z-index değeri
1 Sayfalar- z-index değeri
visibilty özelliği
1 Sayfalar- visibilty özelliği
Overflow özelliği
1 Sayfalar- Overflow özelliği
line-clamp , white-space ve text-overflow özelliği
1 Sayfalar- line-clamp , white-space ve text-overflow özelliği
Textshadow ve Boxshadow
1 Sayfalar- Textshadow ve Boxshadow
2D dönüşüm
1 Sayfalar- 2D dönüşüm
3D dönüşüm
1 Sayfalar- 3D dönüşüm
Transition özelliği
1 Sayfalar- Transition özelliği
Aspect-radio nedir, Object Fit ve Object Position özelliği
1 Sayfalar- Aspect-radio nedir, Object Fit ve Object Position özelliği
Writing-mode ve User-select özelliği
1 Sayfalar- Writing-mode ve User-select özelliği
Flex özelliği
1 Sayfalar- Flex özelliği
- İçeriğe Git
Responsive sorguları @media
1 Sayfalar- Responsive sorguları @media
Dikey Nav bar yapımı
1 Sayfalar- Dikey Nav bar yapımı
Yatay Nav bar yapımı
1 Sayfalar- Yatay Nav bar yapımı
Footer yapımı
1 Sayfalar- Footer yapımı
Bootstrap Nedir? Dosyalarımıza nasıl entegre ederiz?
1 Sayfalar- Bootstrap Nedir? Dosyalarımıza nasıl entegre ederiz?
- İçeriğe Git
Bootstrap Grid yapısı
1 Sayfalar- Bootstrap Grid yapısı
Bootstrap Form elemanları
1 Sayfalar- Bootstrap Form elemanları
Bootstrap Header ve Footer yapısı
1 Sayfalar- Bootstrap Header ve Footer yapısı
Bootstrap Modal
1 Sayfalar- Bootstrap Modal
Bootstrap Accordion ve Breadcrumb
1 Sayfalar- Bootstrap Accordion ve Breadcrumb
Bootstrap Carousel
1 Sayfalar- Bootstrap Carousel
Bootstrap Pagination
1 Sayfalar- Bootstrap Pagination
web sitemizi yapmaya başlayalım. Dosya yapımız nasıl olmalı?
1 Sayfalar- web sitemizi yapmaya başlayalım. Dosya yapımız nasıl olmalı?
- İçeriğe Git
Anasayfa yapımı-1
1 Sayfalar- Anasayfa yapımı-1
Anasayfa yapımı-2
1 Sayfalar- Anasayfa yapımı-2
Kategori sayfası-1
1 Sayfalar- Kategori sayfası-1
Ürün sayfası-1
1 Sayfalar- Ürün sayfası-1
Ürün sayfası-2
1 Sayfalar- Ürün sayfası-2
Sitemizi mobil uyumlu yapalım - 1
1 Sayfalar- Sitemizi mobil uyumlu yapalım - 1
Sitemizi mobil uyumlu yapalım - 2
1 Sayfalar- Sitemizi mobil uyumlu yapalım - 2
Front-end developerlerin işine yarayabilecek siteler
1 Sayfalar- Front-end developerlerin işine yarayabilecek siteler
- İçeriğe Git
Yorumlar
Yorum yapmak için bu içeriğe sahip olman gerekir.
Elinize sağlık
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.
Hocam dilinize emeğinize sağlık çok güzel olmuş <3
Değerli yorumun için çok teşekkür ederim, keyifli izlemeler.
Çok değerli bir kurs olmuş hakikaten, bu fiyata bu kadar müfredat, bilgi bulunmuyor hiç bir yerde
Değerli yorumunuz için teşekkür ederim, sürekli yeni içerikler sunmaya devam edeceğim.