|
所在平台: Udemy |
课程主页: https://www.udemy.com/course/emmet-in-vscode/
课程评论：没有评论
**Coursera 课程内容总结：使用 VS Code 和 Emmet 加速 HTML 工作流** 本课程旨在帮助您大幅提升编写 HTML 代码的效率，核心工具是 **Emmet**，代码编辑器则选用 **Visual Studio Code (VS Code)**，但 Emmet 也兼容其他支持的编辑器。 **Emmet 是什么？** Emmet 是一款强大的插件，能够让你以“超能力”般的效率编写 HTML。VS Code 内已内置 Emmet，开箱即用。它的主要目的是让你快速、高效地编写 HTML，节省大量时间。只需输入简短的缩写，就能瞬间扩展成完整的 HTML 结构，如表格、列表、表单等。 **课程内容详解：** 本课程将全面介绍 Emmet 的各项功能，助您优化 HTML 工作流程。我们将从基础开始，涵盖 Emmet 的核心功能，并深入探讨其提供的实用命令。课程还包含练习题，帮助您巩固和熟练掌握 Emmet 的各项特性。 **以下是课程将涵盖的 Emmet 功能：** * **缩写扩展 (Expand abbreviation)** * **ID 和 Class (Ids and Classes)** * **嵌套元素 (Nesting elements)** * **同级元素 (Sibling elements)** * **乘法 (Multiplication)** * **虚拟文本（Lorem Ipsum） (Dummy text (lorem ipsum))** * **缩写层级 (Climbing top in abbreviations)** * **缩写分组 (Grouping abbreviations)** * **属性 (Attributes)** * **元素编号 (Numbering elements)** * **包裹缩写 (Wrap with abbreviation)** * **包裹单行 (Wrap individual lines with abbreviation)** * **更新标签 (Update tag)** * **移除标签 (Remove tag)** * **跳转到匹配标签 (Go to matching pair)** * **合并与计算 (Merge and evaluate)** 课程还提供 **练习题**，以巩固对 Emmet 功能的掌握。 **课程适合人群：** * 希望提高 HTML 编写效率的开发者。 * 初学者，只需具备非常基础的 HTML 知识。 **讲师介绍：** Sergey Shtyrlov，一位拥有近 7 年丰富前端开发经验的开发者，每天都在使用 HTML 和 CSS。他强调，如果您至今仍未使用 Emmet 编写 HTML，那是在浪费宝贵的时间！ **总结：** 如果您还在用传统方式编写 HTML，本课程将会彻底改变您的工作方式。让我们一起开始学习，解锁 Emmet 的强大潜力！
What's this course about?In this course you will learn how to be very productive in writing your html code. For that purpose we will use Emmet. The code editor for the course is Visual Studio Code (although you can use any code editor that supports Emmet).More details please!If you have never heard of Emmet before, it is a special plugin that allows you to type html "on steroids". VS Code comes bundled with it so you can use it straight out of the box. The sole purpose of the plugin is to allow you to type html in a fast and efficient way, saving a tone of time. You type a small abbreviation and in a second it expands into a big table, list, complete form or whatever html structure you can think of.Emmet comes prepacked with a lot of features. In this course we will talk about every feature that could benefit your html workflow. We will start from the very basics. I will show you its core features. Then we will explore some useful commands that it offers. I have also provided assignments for the course so that you could practice and better memorise Emmet's features.If you still write html the old way this course will probably change it. Let's get started!What should you know to take the course?Very basic HTML knowledge would be enoughWhat's inside?Expand abbreviationIds and ClassesNesting elementsSibling elementsMultiplicationDummy text (lorem ipsum)Climbing top in abbreviationsGrouping abbreviationsAttributesNumbering elementsWrap with abbreviationWrap individual lines with abbreviationUpdate tagRemove tagGo to matching pairMerge and evaluateAssignments to test your knowledge of Emmet's featuresWho is teaching you?My name is Sergey Shtyrlov. I'm a frontend developer. I've been working with HTML and CSS on a daily basis for almost 7 years and continue doing it today. If you still write HTML without Emmet, you are wasting a lot of time!
