Udemy
    •  
    •  
    •  
    •  
    •  
    •  
    •  
    •  
Subscribe
Turn what you know into an opportunity and reach millions around the world.
Learn More
Your cart is empty.
Keep shopping
Emmet ile HTML ve CSS'te Hızlı Kodlama Teknikleri Öğrenin
Highest Rated
Rating: 4.7 out of 5(39 ratings)
2,603 students

Emmet ile HTML ve CSS'te Hızlı Kodlama Teknikleri Öğrenin

Emmet ile Hızlı Kod Yazmaya Bugün Başla
Highest Rated
Created byHakan Yalçınkaya
Last updated 7/2022
Turkish

What you'll learn

  • HTML ve CSS Kodlarını Daha Hızlı Yazmayı
  • Emmet ile Karmaşık HTML Yapıları Oluşturmayı
  • Bootstrap Özelliklerini Emmet ile Kullanmayı
  • React ve Diğer FrontEnd Frameworkler'de Daha Hızlı HTML İçerikleri Üretmeyi

Explore related topics

Course content

7 sections • 19 lectures • 1h 0m total length

  • Emmet Tanıtımı1:01

    EMMET:

    Eskiden Zen Coding olarak bilinen Emmet, HTML ve CSS kodlarınızı daha hızlı yazmanızı sağlayan bir eklentidir. Bu eklenti sayesinde birçok kod editöründe siz de projelerinizi daha hızlı bir şekilde geliştirebileceksiniz.


    Eğitimimizde Brackets Kod Editörü kullanılarak yapacağımız çalışmalarda sizde Emmet ile HTML ve CSS kodlarınızı daha hızlı yazmanın yöntemlerini öğrenebileceksiniz.


    Eğitimin sonunda Bootstrap ve Emmet kullanımı ile ilgili yapacağınız örnek çalışma sayesinde öğrendiğiniz neredeyse tüm işlemleri kullanacaksınız.


    Bu eğitim içerisinde Brackets kod editörü kullanılmış olsa bile günümüzde birçok kod editörü Emmet'i desteklemektedir. İstediğiniz kod editörünü seçin ve birlikte Emmet'i incelemeye başlayalım.

  • Emmet'e Başlamadan Önce Bilmeniz Gerekenler2:30

Requirements

  • Başlangıç düzeyinde HTML vs CSS Bilginizin Olması Size Yarar Sağlayacaktır

Description

Eskiden Zen Coding olarak bilinen Emmet HTML ve CSS kodlarınızı daha hızlı yazmanızı sağlayan bir eklentidir. Bu eklenti sayesinde birçok kod editöründe siz de projelerinizi daha hızlı bir şekilde geliştirebileceksiniz.


Eğitimimizde; Brackets Kod Editörü kullanılarak yapacağımız çalışmalarda sizde Emmet ile HTML ve CSS kodlarınızı daha hızlı yazmanın yöntemlerini öğrenebileceksiniz.


Eğitimin sonunda Bootstrap ve Emmet kullanımı ile ilgili yapacağınız örnek çalışma sayesinde öğrendiğiniz neredeyse tüm işlemleri kullanacaksınız.


Emmet VS Code, Atom, Sublime JetBrains ve daha birçok kod editöründe yüklü olarak gelmektedir. Kod(Text) editörleri içerisinde Emmet ile çalışmaya başladığınızda HTML ve CSS özelliklerini çok daha hızlı yazabildiğinizi göreceksiniz. Ayrıca ReactJS (JSX) içerisinde de Emmet özelliklerini kullanabilirsiniz. Günümüzde React’ın popüler olmasıyla birlikte JSX içerisinde Emmet kullanımı daha da önemli hale gelmiştir.


Bu eğitim sırasında daha çok Brackets kod editörü ile örnekleri hazırladım. Brackets kod editöründe kullanabildiğiniz tüm Emmet özelliklerini diğer kod editörlerinde de kullanabilirsiniz.


Emmet içerisinde temel kullanım özellikleri olan; Kardeş Öğe Oluşturma, Öğe içinde Öğe oluşturma, Öğe gruplandırma, Gruplandırılan öğelerin istenildiği kadar üretilebilmesi gibi özellikler ile 100lerce satır kodu çok daha hızlı oluşturabileceksiniz.


Ayrıca eğitimde Bootstrap ile Emmet özelliklerini nasıl kullanabileceğimizle ilgili de demo hazırladım. Emmet kullanımı konusunda sizi motive etmeye çalışmak ve Emmet ile hazırlamak istediğimiz UI elementlerini nasıl daha hızlı bir şekilde hazırlayabileceğimizi göstermek için hazırladığım demo ile neler yapabileceğinizi daha iyi anlayacağınıza inanıyorum.


Hazırsanız Emmet’in sihirini birlikte görelim..

Who this course is for:

  • HTML ve CSS kodları yazan ama daha hızlı ve daha temiz kod yazmak isteyen herkesin Emmet öğrenmesi gerekmektedir.
  • Emmet bize zaman kazandırır
  • Emmet ile HTML ve CSS yapıları çok hızlı bir şekilde oluşturulabilir

Report abuse