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

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..