
Bu eğitimin sizlere neler kazandıracağını öğrenin ve eğitmeninizi tanıyın.
Web tasarımın ve kodlamanın ne olduğunu öğrenerek bundan sonrası için en önemli bilgi yatırımını yapmış olacaksınız.
HTML kodlarının nasıl çalıştığını ve bir gazete oluşturur gibi sayfaları nasıl oluşturduğumuzu göreceksiniz.
"Etiket" dediğimiz şeyin ne olduğunu ve bundan sonrası için hata yapmamızı engelleyecek olan "yazım kurallarını" öğreniyor olacaksınız.
Sadece yazmayı değil, nereye yazmamız gerektiğini de öğrenmemiz gerek. Düşündüğünüzden çok daha basit...
Yapıyı doğru kurarsak işimiz kolaylaşır ve daha ileriye gidebiliriz. Bu videoda sayfamızın iskelet yapısını oluşturacağız.
Düzenin temel parçası başlıklar. İnanın bir başlıktan çok daha fazlası aslında.
Yazı olmadan içerik olmaz. HTML ile yazı yazmayı öğreniyoruz.
Yazdığımız kodların sonuçlarını görmezsek her şey boşuna.
Sadece bir başlık deyip geçmemeli. S.E.O. yani arama motoru optimizasyonunun %60'ını oluşturan bu özelliği bilmezsek web tasarımcı olamayız.
Boşluk deyip geçmemek gerek. HTML ve genel kodlama için çok önemli bir ayrıntı.
Link olmadan web olmaz. HTML nin en önemli özelliklerinden linkleri görelim.
Birçok etiket için hayati öneme sahip olan "attribute" yani "özellik" uygulamalarını görelim.
Resim olmadan asla!
Tüm projemizin işe yaraması ve internete sağlıklı şekilde yüklenebilmesi için mutlaka "tam olarak" bilmemiz gereken bir mantık: Kök Klasör Mantığı.
Resimlere link ekleyerek bildiklerimizi beraber kullanmayı öğrenelim. İleriye yönelik çok önemli bir mantık!
Yaz yaz nereye kadar? Biraz yardım alalım ve en ünlü kod yazım yazılımlarından olan Brackets'ı öğrenelim. Artık işleri kolaylaştırma vakti...
Brackets kesmez! İşleri daha kolaylaştırmak için yine en ünlü eklentilerden biri olan "Emmet" i görelim ve yazmayı kolaylaştırarak üretmeye odaklanmaya başlayalım.
HTML'ninn en önemli yapılarından divleri tanıyalım
CSS'in ne işe yaradığını görelim.
CSS kodlarını sayfalarımızda kullanmanın birkaç yolu mevcut. Öncelikle ne olduklarını görelim. Nasıl kullanıldıklarına biri ile başlayalım.
CSS yazmaya başlayalım. Mantığı görelim!
CSS kodlamaya devam ediyoruz. Bazı ayrıntılar...
Uygulamalarla mantığı pekiştirme zamanı. Yolun başındayız.
Dokümanımızı yeni CSS kodlarına hazır hale getiriyoruz.
Bu konuşmayı hepinize borçluyum =)
Biraz geri gelelim ve tekrar ederek, uygulayarak yeniden başlayalım.
Bildiklerimizi kullanarak yeni sayfamızı oluşturalım.
Sayfamızı Oluşturmaya devam edelim.
Sayfamıza menüyü ve içeriklerini ekleyelim.
CSS seçici tiplerine bakalım.
CSS seçicileri öğrenmeye devam.
CSS mantığının kalbi "kutu modeli"ni inceleyelim.
Kutu modeli özelliklerini kullanarak arkaplan ve boyut özelliklerine bakalım.
Kenar çizgileri özellikleri CSS mantığını anlamamız açısından önemli bir örnek.
Kutularımıza ve elemanlarımıza dış boşlukları (margin) vererek biçimlendirelim.
Kutularımızın içindeki elemanlarımızın kutulara olan boşluklarını belirleyelim. (Göründüğü kadar saçma değil)
Bu kurs, "Nedir bu web, kodlama işleri?" noktasından, web projeleri yaparak hayatını kazanan bir web tasarımcı / front-end developer noktasına giden bir yoldur. Naçizane 15 senelik eğitmenlik deneyimimi bu kursta topladım ve en baştan en sona bilinmesi gerekenleri derledim.
Bir şeyi öğrenmenin bir numaralı kuralı mantığı kavramaktır. Çünkü mantık, ileride yenilikleri anlayarak kendi kendimize öğrenme becerisini bize kazandırır.
Bu eğitim setinde hem web tasarımın ve web kodlamanın mantığını görecek, hem de konu hakkında bilinmesi gereken her ne varsa ayrıntıları ile görecek ve öğreneceksiniz. Sürekli güncelleyerek ve uygulama ekleyerek de güncelleyeceğim bu eğitim ile rahatlıkla sıfır noktasından bu işi profesyonel olarak yapma noktasına gelebilirsiniz.
Siz yeter ki öğrenmek isteyin. Gerisi bende.