آموزش Emmet: کدگذاری سریع و کارآمد وب

سرفصل ها و درس ها

معرفی Introduction

• امت سرعت کار شما را افزایش می دهد Emmet speeds up your work

• آنچه شما باید بدانید What you should know

• پرونده های ورزشی Exercise files

1. شروع کار با Emmet 1. Getting Started with Emmet

• امت چیست؟ What is Emmet?

• امت با چه چیزی کار می کند؟ What does Emmet work with?

• نصب Emmet Installing Emmet

2. با امت بلند شوید و بدوید 2. Get Up and Running with Emmet

• مروری بر نحوه کار Emmet Overview of how Emmet works

• نحو اساسی Emmet Basic Emmet syntax

• درک انتخاب کنندگان Understanding selectors

• تولید DOCTYPE ها Generating DOCTYPEs

• افزودن برگه های سبک و برچسب های اسکریپت Adding style sheets and scripts tags

• سفارشی کردن Emmet Customizing Emmet

3. مبانی امت 3. Emmet Fundamentals

• شناسه و کلاس انتخاب ID and class selectors

• پیمایش در درخت سند Navigating the document tree

• تکثیر Replication

• افزودن لورم ایپسوم Adding lorem ipsum

4. Emmet و HTML 4. Emmet and HTML

• نظرات Comments

• شماره گذاری Numbering

• افزودن ویژگی ها Adding attributes

• برچسب های معنایی HTML5 HTML5 semantic tags

• فرم های ساختمانی Building forms

• اقدامات صرفه جویی در وقت Time-saving actions

• با عمل اختصار بسته بندی کنید Wrap with abbreviation action

• فیلترها Filters

5. Emmet و CSS 5. Emmet and CSS

• Emmet و CSS Emmet and CSS

• کلید های میانبر CSS و جستجوی فازی CSS shortcuts and fuzzy search

• تلفیق ارزش ها Incorporating values

• مقادیر چندگانه Multiple values

• شیب ها Gradients

• انیمیشن Animation

• CSS مقدار را منعکس می کند CSS reflect value

• CSS flexbox CSS flexbox

• قطعه های CSS را سفارشی کنید Customize CSS snippets

6. کد Emmet و Visual Studio 6. Emmet and Visual Studio Code

• کار با Emmet در Visual Studio Code Working with Emmet in Visual Studio Code

• امت در مشکلات VSC Emmet in VSC problems

• ایجاد میانبرهای صفحه کلید سفارشی Creating custom keyboard shortcuts

7. چالش امت 7. Emmet Challenge

• با چه سرعتی می توانید این کد را کد کنید؟ How fast can you code this?

• راه حل چالش Challenge solution

نتیجه Conclusion

• مراحل بعدی Next steps