180 Günde Hiç Bir Şey

Amacım birilerine fayda olsun diye yazı serisi paylaşmaktı. Attığım flood çok ilgi gördüğü için 180 gün boyunca her gün yazacak, birilerine faydalı olacaktım. Ancak maalesef bu seri neden devam etmiyor diye sadece 1 kişi sordu. İstatistik ise ne kadar istikrarsız ve ilgisiz davrandığımızın bir başka resmi.

Hal böyle iken kime neyi nasıl öğreteceğimi bilemez hale geldim. Çabuk pes ediyoruz diye düşünüyorum. 15 gün ilerleyip 16. günü bekleyen kimse olmamasını garipsedim. Bu yüzden de seriye 5 kişi sorarsa devam edicem diyip kimse ilgilenmeyince son verdim. Artık başka konularda yazma vaktinin geldiğini düşünüyorum.

Görüşmek üzere 👋

HTML/CSS – #15.Gün

Bugün bir tasarımın CSS giydirmesi konusunu izleyeceğiz. Özellikle hafta sonu kendinizi geliştirmek adına bu tür benzeri çalışmaları izleyip uygulayarak yetkinliğinizi arttırmanız gerekiyor.

Baştan Sona Tasarım Giydirme

YouTube video

Ek olarak aşağıdaki videoyu hafta sonu parçalara bölerek izleyiniz. İngilizceniz olmasa bile izleyin çünkü yazılan kod ve alınan çıktı da öğrenmeniz için yeterli olacaktır.

YouTube video

Tebrikler! 🎉 15.gün sonunda html css özelinde tüm konulara neredeyse değinmiş olduk. Tabi bu hafta sonu özellikle bu konuda kendinizi geliştirmek adına videolar izleyip geliştirmeler yapmalısınız.

HTML/CSS – #14.Gün

Bugün HTML – CSS konu tekrarı gerçekleştireceğiz. Aşağıdaki videoları 1.25 veya 1.5x ile hızlandırarak izleyip yazılan her kodu sizde uygulamaya çalışın.

Açıkcası ingilizce kaynak paylaşmamaya ve doğru türkçe kaynakları derleyip ilerlemeye çalışıyorum. İngilizce metin makale olan siteleri translate.google.com üzerinden çevirileri yaklaşık olarak gerçekleştirebilirsiniz.

1 Videoda HTML

YouTube video

1 Videoda CSS

YouTube video

1 Videoda Flexbox

YouTube video

Tebrikler! 🎉 14.gün sonunda bugüne kadar geldiğimiz konulara değinmiş ve artık öğrenmiş olmanız gerekmektedir.

HTML/CSS – #13.Gün

Merhaba bugün HTML/CSS ile tasarımların kodlarının yazılma süreçlerine değineceğiz. Yarın yine HTML,CSS ve Flexbox tekrarlarını gerçekleştirip 15.gün ve haftasonu ise tasarımı html giydirme konularına değineceğiz.

Responsive Web Tasarımı

YouTube video

Landing Page Tasarımı

YouTube video

Dinamik Web Sitesi Geliştirme

YouTube video

Tebrikler! 🎉 Bugün tasarımların nasıl HTML CSS kullanılarak koda döküldüğünü görmüş oldunuz!

CSS – #12.Gün

Bugün CSS geliştirme örneklerini paylaşacağım. Artık bugünden sonra HTML/CSS konularını tamamlamak için ihtiyacımız olan tek şey bol bol tekrar yapmak olacaktır.

CSS ile Resimli Menüler Yapmak

YouTube video
Devamını oku

CSS – #11.Gün

Geçtiğimiz hafta CSS e giriş yapıp ardından bazı konu başlıklarına değinmiştik. Bu hafta bir tık daha fazlasına hakim olmak adına değinilmeyen konularla birlikte daha uzun video paylaşımları yapacağım. Bu hem tekrar etmemizi sağlayacak hem de hakimiyetinizi arttıracaktır.

1 Videoda CSS Grid

YouTube video
Devamını oku

CSS – #9.Gün

Yoğunluktan ötürü sonraki günleri bir tık geciktirdim. Fakat görünen o ki yazıları da kendim yazıp kendim okuyorum. Pek kimsenin dikkate almadığını görüyorum. Ben yine de vazgeçmeyip devamını getireceğim. En azından kendim için bir kaynak listesi oluşturmuş olurum diye düşünüyorum.

Dün genel bir tekrar gerçekleştirmiştik. HTML-CSS için kalan günlerimizi de verimli şekilde geçirmeye çalışacağım. Arada teknik bilgiyi arttıracak makaleler ve trickler paylaşan twitter hesaplarını da paylaşmayı planlıyorum.

Bugünün Konuları:

1- Pseudo Sınıflar (Hover – Focus)

YouTube video

https://www.w3schools.com/css/css_pseudo_classes.asp

Devamını oku

CSS – #7.Gün

Bugün biraz daha CSS ile haşır neşir olacağız. Bu süreçte öğrenmenin kalıcı olması adına her gün mutlaka kod yazılması gerekiyor. HTML’i öğrendik CSS’i üzerine inşa edeceğiz.

Bugünün konuları:

1- CSS Hiyerarşisi ve Important kullanımı:

YouTube video
Devamını oku