İçeriğe geç
Video yükleniyor

Sıradaki: VS Code Genel Görünümlerin Ayarlanması Bölüm-2

Emmet İle Çalışmak Bölüm-2

Ücretsiz önizleme

Ücretsiz önizleme dersleri

22 ders · satın almadan izle

Kursun tamamına eriş

Bu ders, 329 derslik kursun parçası. 25 bölüm, 51 sa 13 dk video ve her bölümde proje.

  • Python temellerini projelerle pekiştireceksin.
  • Django ile uçtan uca web uygulaması kuracaksın.
  • Veritabanı, form ve şablon katmanını birlikte kullanacaksın.
Fiyat: ₺5.499
Eğitime git

Bu eğitime sahipsin.

Öğrenciler ne diyor?

5,0 ortalama puan · 77 değerlendirme · Toplam 77 yorum

Yorumlar yükleniyor
Hikmet
Eğitim süreci çok eğlenceliydi , sıkılmadan keyifle izledim ve farklı teknikleri sayesinde akılda kalıcı olmasını sağladı sağolsun Hakan Hocam 👍
Ümmahan
harika gidiyor
Tuncay
Cok temiz ve basarili bir anlatim. Hicrbirseyi es gecmemesi, vs de cursor gibi mesela, bence yazilima baslayan bir insan icin cok önemli.
Derin
Harika bir eğitim olmuş hocam. emeğinize sağlık
Nuri
Çok detaylı bir eğitim olmuş. Teşekkürler
Alper
Django 4 ve Django 5'in ayni egitimde olmasi super olmus
Ferdi
Hakan Hocam'ın mükemmel anlatımı ile çoook verimli bir eğitim sizleri bekliyor arkadaşlar. Bu eğitimi herkes dilediği zaman kesinlikle tercih etmeli. Bu eğitim sizlere çok şey katıyor olacak :)
Bilal
Kurs gerçektende çok kaliteli.Hakan Hocam kısa ve öz olarak bize bir çok şeyi sunuyor detaylarla bizleri boğmuyor.Ezber yapmıyor öğrenmeyi öğretiyor.Güler yüzü ve motive edici konuşmaları sayesinde sizi sürekli dinç tutuyor.Eğitime çok emek verilmiş içerik görüntü vs her şey için uğraşılmış.İleti bildirim formlarına kadar geri dönüş sağlıyor.Emeğinize sağlık Hakan Hocam.
Murat
En iyi Django Egitimiiiiiii :)
İBRAHİM HALİL
Udemy de aynı konuda birden fazla kursa kaydolup başlamama ve sonrasında beni karşılamamasına rağmen, bu kurs gerçekten çok güzel anlatımı harika içerik şu anda gayet güzel gidiyor teşekkürler...
Burak
Bu platformda ingilizce ve türkçe olmak üzere çok fazla kurs satın almışımdır. Ancak Hakan hocanın birkaç konuda diğerlerinden pozitif ayrıştığını söyleyebilirim. Diğer kursların çoğunda teorik bir anlatım ile başlayan yoğun ve sıkıcı bir eğitim programı oluyor. Bu da çoğu zaman eğitimden sıkılıp yarım bırakmanıza sebep oluyor. Hakan hoca sadece konu anlatımına odaklanmak yerine çok daha verimli bir yol izliyor. Öncelikle ingilizce telaffuzları düzgün, akıcı konuşan ve konusuna hakim bir eğitmen. Türkçe eğitimler arasında çok nadir olan özellikler bunlar. Diğer yandan iyi bir motivasyon konuşmacısı olduğunu düşünüyorum. Orta düzeyde yazılım bilgisi ve pratiğine sahibim. Html, Css, Javascript, Node, React gibi teknolojileri defalarca kullandım ve pratiğim var. Buna rağmen hocamızın HTML konu anlatımının tamamını sıkılmadan takip ettim, faydalı kısayollar öğrendim. Kendisine bu güzel eğitim için teşekkür ederim. Eğitime henüz devam ediyorum, hızlıca tamamlayıp yeni eğitimlerinizi bekleyeceğim.
Mertcan
Hocam daha önce birçok eğitim almıştım ama bu eğitim çok farklı olmuş. Sanki bana birebir anlatıyormuşsunuz gibi olmuş. VSCode, Git ve GitHub bölümleri de benim çok işime yaradı. Bootstrap'i öğrendikten sonra 3 proje yaptım bile sayenizde. Muhteşeeeem. Teşekkürler. > **Eğitmen yanıtı** (3 yıl önce) Merhaba Mertcan, puanlama ve yorum için teşekkürler. Hazırladım kursta daha önce kimsenin kullanmadığı birçok tekniği kullandım. Umarım güzel projeler yapar ve öğrendiklerinle kendini hayal ettiğin seviyeye taşıyabilirsin. Başarılar dilerim

Ek bilgiler

📜 002-009-Emmet-ile-Calismak-Bolum-2.md

Emmet Kuralları ve Sözdizimi ile Hızlı HTML Kodlama

Emmet kullanırken mantığı kavramak işin temel sırrıdır. Kod yazarken elementleri birbirine bağlamak için artı (+) ile kardeş elementler, büyüktür (>) ile iç içe hiyerarşiler ve şapka (^) simgesiyle bir üst seviyeye çıkış yapıyoruz. Tasarımcıların çok uzun zamandır kullandığı mıngırca yani anlamsız yer tutucu metinler için lorem veya kelime adedini belirten lorem5 gibi yapıları devreye sokuyoruz. CSS dünyasından alışık olduğumuz nokta (.) sınıf, diyez (#) ise ID tanımlamak için birebirdir. Çarpı (*) işaretiyle tek seferde birden çok elementi çoğaltabiliyoruz.

Bu yapıları tıpkı birer Lego parçası gibi düşünebilirsiniz. Örneğin h1>lorem5^h2>lorem4^p*3>lorem6 gibi karmaşık görünen dizilimler, yukarı çıkış ve iç içe geçiş kurallarını bildiğinizde saniyeler içinde devasa iskeletler oluşturmanızı sağlar. Kod yazarken otomatik tamamlama menüsü kaybolursa panik yapmayın; imleç (cursor) konumuna dikkat edin. En son karakteri silip yeniden yazdığınızda Emmet öneri penceresi tekrar açılır. Gruplandırma için parantezler (), özel metinler için süslü parantezler {} ve artan numaralandırma için dolar ($) sembolünden yararlanabilirsiniz.

En sık karşılaşılan problem Emmet menüsünün hiç tetiklenmemesidir. Böyle bir durumda editörün sağ alt köşesindeki dil moduna bakın; dosyanız .html uzantılı değilse veya mod "Plain Text" olarak kalmışsa VS Code dili tanıyamaz ve kısaltmaları genişletmez. O alanı HTML olarak seçtiğinizde sistem tıkır tıkır işlemeye başlar. Emmet bir kas hafızası meselesidir; Cheat Sheet üzerinden kuralları tekrar edip bol bol pratik yaparak elinizi alıştırmanızı tavsiye ediyorum.


📌 Hatırlanması Gereken Temel Noktalar (Takeaways)

  • Hiyerarşi ve Navigasyon: Kardeş elementler için +, iç elementler için >, bir üst hiyerarşik seviyeye çıkmak için ^ sembolü kullanılır.
  • Seçiciler ve Çoğaltma: Elementlere sınıf eklemek için ., ID atamak için #, belirtilen sayıda çoğaltmak içinse * operatöründen faydalanılır.
  • İçerik ve Değişkenler: Anlamsız taslak metinler için lorem (veya lorem5), sabit metinler için {metin} ve artan sayaçlar için $ işareti kullanılır.
  • İmleç ve Öneri Tetikleme: Tamamlama penceresi kaybolduğunda imlecin en sonda olduğundan emin olunmalı, son karakter silinip tekrar yazılarak Emmet yeniden tetiklenmelidir.
  • Editör Dil Modu Denetimi: Emmet kısaltmaları genişlemiyorsa VS Code sağ alt köşesindeki dil ayarının "Plain Text" yerine "HTML" olduğundan emin olunmalıdır.

📚 Ek Kaynaklar ve Derinlemesine Okuma Önerileri (Ek Bilgi)