|
所在平台: Udemy |
课程主页: https://www.udemy.com/course/emmet-ile-html-ve-css-te-hzl-kodlama-teknikleri-ogrenin/
课程评论：没有评论
这门 Coursera 课程名为“Emmet ile HTML ve CSS'te Hızlı Kodlama Teknikleri Öğrenin”（学习 Emmet 的 HTML 和 CSS 快速编码技巧），是一门关于使用 Emmet 插件提高 HTML 和 CSS 编码效率的课程。 **课程概述：** Emmet（前身为 Zen Coding）是一个强大的插件，可以显著加快 HTML 和 CSS 代码的编写速度。通过在本课程中使用 Brackets 代码编辑器，您将学会如何利用 Emmet 编写代码。课程还将通过一个结合 Bootstrap 和 Emmet 的示例项目，帮助您巩固所学知识。Emmet 插件已预装在许多流行的代码编辑器中，如 VS Code、Atom、Sublime 和 JetBrains 等。掌握 Emmet 后，您将能更高效地编写 HTML 和 CSS。尤其是在 ReactJS (JSX) 中使用 Emmet，随着 React 的普及，显得日益重要。 虽然课程主要使用 Brackets 编辑器进行演示，但 Emmet 的功能在其他编辑器中同样适用。Emmet 的核心功能包括： * **创建同级元素：** 快速生成同一层级的元素。 * **创建嵌套元素：** 在一个元素内创建另一个元素。 * **元素分组：** 将多个元素组合在一起。 * **重复生成元素：** 按照指定数量重复生成分组的元素。 通过这些基本功能，您可以比手动编写节省大量时间，轻松生成数百行代码。此外，课程还包含一个关于如何在 Bootstrap 中使用 Emmet 的演示，旨在展示 Emmet 在 UI 元素开发中的高效性，以激励您更快速地完成项目。 准备好一起体验 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.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..
