- Yazılıma nasıl başlarım?
- Hemşirelikten Yazılıma
- Frontend Geliştiricinin yol haritası
- Front-End’e yeni başlayanlara ne önerirsiniz?
- HTML Dersleri
- Sıfırdan CSS Eğitim
- CSS Anlat: position & z-index, user agent stylesheet & display ve CSS Flexbox ile ilgili detaylı anlatımlar.
- 30 Dakikada CSS
- İki kutunun yan-yana gelme hikayesi
- 45 Dakikada Yeni Başlayanlar İçin SASS
- NVM ve NODE.js kurulumu(Bir sonraki video serisi için bilgisayarınızda NODE.js kurulu olması gerekmektedir. NODE.js'i nvm kullanarak kurmanız önerilir.)
- Yeni nesil frontend paketleyici: Parcel(HTML+CSS Öğreniyoruz serisinde gulp.js ile ilerleniyor, orada PARCEL kullanmanız tavsiye edilir.)
- HTML+CSS Öğreniyoruz
- HTML CSS İpuçları
- Gulp.js - Frontend işlerini otomatikleştirin
- 40 Dakikada CSS Grid Yapısı
- CSS Grid | Real world examples
- CSS Birimleri(uygun CSS birimlerinin kullanımı)
- CSS Birimleri(font-size için neden em kullanılmamalı?)
- CSS Birimleri(em ve rem kullanımı ve etki alanları)
- CSS Birimleri(vh, vw, vmin, vmax)
- BEM Metodolojisi Kullanım Örneği
- BEM Kullanımı
- BEM Kullanımı 2
- HTML Elemanları
- HTML Elemanları 2
- CSS Özelikleri
- CSS Özelikleri 2
- HTML Rehberi
- HTML 5 Semantik Elemanlar
- Pseudo Elemanlar
- CSS Flexbox Rehberi
- CSS Grid Rehberi
- HTML - CSS Özelliklerinin Tarayıcılarda Desteklenme Durumlarının Kontrolü
- CSS Seçicileri
- CSS Tilde(~) Seçicisi
- CSS Birimleri Kullanım Önerileri
- Ömer Gülçiçek - Airbnb CSS/Sass Rehberi
- BEM Rehberi
- BEM Rehberi 2
- BEM Metodolojisi Kullanım Örneği
- BEM Metodolojisi Kullanım Örneği 2
- Object Oriented CSS(OOCSS) Kullanımı
- Wrapper ve Container'ların BEM Metodolojisi'ne göre Adlandırılması
- Favicon Ekleme
- CSS Transition
- SCSS
- CSS Even/Odd
- CSS Scroll Margin
- CSS Selection
- CSS Scroll Behaviour
- Kötü Bir Arayüz Programcısı Olmanın 11 Mükemmel Yolu
Pratik yapmak için aşağıdaki adreslerden ücretsiz tasarımlar bulabilirsiniz. GitHub gibi platformlarda yayınlamak üzere tasarım sahipleri ile iletişim kurarak yayınlama öncesinde izin almanızı tavsiye ediyorum.
Öğrenim sırasında yönlendirmeye ihtiyaç duyulduğunda destek olabilecek bir mentorden destek almanız süreci oldukça hızlandıracaktır. Find Mentor topluluğuna katılarak bir mentor edinebilirsiniz.