دوره آموزشی Emmet: کدنویسی سریع و کارآمد وب

جزئیات دوره

آیا به دنبال ابزاری برای ایجاد یک برنامه نویسی سریعتر و کارآمد هستید؟ نگاهی به Emmet، افزودنی رایگان برای ویرایشگرهای متون متنوع بیاندازید. این یک زبان میانبر برای نوشتن HTML و CSS فراهم می‌کند، مبتنی بر ساختار اختصاری که بیشتر توسعه دهندگان از قبل استفاده می‌کنند و به نشانه گذاری کامل HTML و قوانین CSS گسترش می‌یابد. در این دوره، مربی Emily Kay به شما نشان می‌دهد که چگونه از میانبرهای مناسب Emmet برای تهیه کپی از عناصر استفاده کنید. نظرات، فیلترها و شماره گذاری برچسب‌های منطبق و حتی ویژگی‌های پیچیده CSS مانند شیب. او همچنین جزئیاتی در مورد نحوه استفاده از Emmet با Visual Studio Code را توضیح میدهد.

سرفصل ها

0. مقدمه

01 - Emmet کار شما را سرعت می بخشد
02 - آنچه باید بدانید
03 - فایل های تمرینی

1. شروع کار با Emmet

04 - امت چیست
05 - Emmet با چه چیزی کار می کند
06 - نصب Emmet

2. بلند شوید و با Emmet بدوید

07 - مروری بر نحوه کار Emmet
08 - نحو اولیه Emmet
09 - درک انتخابگرها
10 - تولید DOCTYPE
11 - اضافه کردن شیوه نامه ها و برچسب های اسکریپت
12 - سفارشی کردن Emmet

3. Emmet Fundamentals

13 - شناسه و انتخابگر کلاس
14 - پیمایش درخت سند
15 - همانند سازی
16 - اضافه کردن لورم ایپسوم

4. Emmet و HTML

17 - نظرات
18 - شماره گذاری
19 - افزودن صفات
20 - تگ های معنایی HTML5
21 - فرم های ساختمانی
22 - اقدامات صرفه جویی در زمان
23 - پیچیدن با عمل اختصاری
24 - فیلترها

5. Emmet و CSS

25 - Emmet و CSS
26 - میانبرهای CSS و جستجوی فازی
27 - گنجاندن ارزش ها
28 - مقادیر متعدد
29 - گرادیان
30 - انیمیشن
31 - CSS مقدار را منعکس می کند
32 - CSS flexbox
33 - قطعه های CSS را سفارشی کنید

6. Emmet و کد ویژوال استودیو

34 - کار با Emmet در کد ویژوال استودیو
35 - Emmet در مسائل VSC
36 - ایجاد میانبرهای صفحه کلید سفارشی

7. چالش Emmet

37 - با چه سرعتی می توانید این را کدنویسی کنید
38 - راه حل چالش

نتیجه

39 - مراحل بعدی