دوره آموزشی Emmet: کدنویسی سریع و کارآمد وب
2 ساعت 42 دقیقهپیشرفته2021-03-22
مدرسین
Emily Kay
Web Developer and Graphic Designer
جزئیات دوره
آیا به دنبال ابزاری برای ایجاد یک برنامه نویسی سریعتر و کارآمد هستید؟ نگاهی به Emmet، افزودنی رایگان برای ویرایشگرهای متون متنوع بیاندازید. این یک زبان میانبر برای نوشتن HTML و CSS فراهم میکند، مبتنی بر ساختار اختصاری که بیشتر توسعه دهندگان از قبل استفاده میکنند و به نشانه گذاری کامل HTML و قوانین CSS گسترش مییابد. در این دوره، مربی Emily Kay به شما نشان میدهد که چگونه از میانبرهای مناسب Emmet برای تهیه کپی از عناصر استفاده کنید. نظرات، فیلترها و شماره گذاری برچسبهای منطبق و حتی ویژگیهای پیچیده CSS مانند شیب. او همچنین جزئیاتی در مورد نحوه استفاده از Emmet با Visual Studio Code را توضیح میدهد.
مهارت ها
EmmetVisual Studio CodeWeb StandardsWeb DesignFront-End Web DevelopmentWeb DevelopmentOpen SourceMicrosoftDeep Dive (X:Y)
سرفصل ها
مقدمه
- Emmet کار شما را سرعت می بخشد
- آنچه باید بدانید
- فایل های تمرینی
شروع کار با Emmet
- امت چیست
- Emmet با چه چیزی کار می کند
- نصب Emmet
بلند شوید و با Emmet بدوید
- مروری بر نحوه کار Emmet
- نحو اولیه Emmet
- درک انتخابگرها
- تولید DOCTYPE
- اضافه کردن شیوه نامه ها و برچسب های اسکریپت
- سفارشی کردن Emmet
Emmet Fundamentals
- شناسه و انتخابگر کلاس
- پیمایش درخت سند
- همانند سازی
- اضافه کردن لورم ایپسوم
Emmet و HTML
- نظرات
- شماره گذاری
- افزودن صفات
- تگ های معنایی HTML5
- فرم های ساختمانی
- اقدامات صرفه جویی در زمان
- پیچیدن با عمل اختصاری
- فیلترها
Emmet و CSS
- Emmet و CSS
- میانبرهای CSS و جستجوی فازی
- گنجاندن ارزش ها
- مقادیر متعدد
- گرادیان
- انیمیشن
- CSS مقدار را منعکس می کند
- CSS flexbox
- قطعه های CSS را سفارشی کنید
Emmet و کد ویژوال استودیو
- کار با Emmet در کد ویژوال استودیو
- Emmet در مسائل VSC
- ایجاد میانبرهای صفحه کلید سفارشی
چالش Emmet
- با چه سرعتی می توانید این را کدنویسی کنید
- راه حل چالش
نتیجه
- مراحل بعدی