00:00 / 00:00
1.8x
1.4x
1.0x
0.7x
HD SD
HD
SD
ثبت‌نام رایگان
  • دسترسی به تمام جلسات دوره
  • دسترسی به تمام جلسات دوره
  • اضافه شدن دوره به پروفایل
00:00 / 00:00
1.8x
1.4x
1.0x
0.7x
HD SD
HD
SD

آموزش رایگان Emmet

دوره‌های رایگان
21 جلسه
97٪ (40 رای)

هدف از دوره آموزش رایگان Emmet چیست؟

در زمینه برنامه­‌نویسی و کار با کدها، ابزارهایی فراهم شده‌­اند که می‌­توانند به کار برنامه‌­نویسان سرعت ببخشند و کارشان را در کدهای معمول و عمومی کم‌تر کنند. Emmet یکی از ابزارهای پرکاربرد در زمینه طراحی وب سایت­‌ها به ­شمار می­ رود که با فراهم نمودن یک زبان میانبر و در عین حال رعایت استاندارد­ها برای نوشتن کدهای HTML, XML و CSS مورد استفاده قرار می‌­گیرد. در دوره آموزش رایگان Emmet به معرفی و نصب این پلاگین می‌پردازیم و قسمت‌های مختلف آن را آموزش می‌دهیم.

همان­طور که می­‌دانید برنامه‌­نویسان سعی دارند در زمان صرفه­‌جویی کنند و از روش‌­هایی استفاده کنند که بازده کار آن‌­ها را افزایش دهد تا بتوانند در مدت ­زمان کوتاه­‌تری کد­های بیشتری را بنویسند. از این رو Emmet یکی از ابزارهایی است که به برنامه­ نویسان کمک بسیار زیادی کرده است.

 

پلاگین Emmet چیست و چه کاربردی دارد؟

در واقع Emmet (که قبلا Zen Coding نامیده می‌شد) مجموعه‌ای از افزونه‌ها برای ویرایشگرهای متن (IDE) است که کدنویسی و ویرایش با سرعت بالا در HTML، XML، XSLT و سایر فرمت‌های کد را امکان‌پذیر می‌کند.

Emmet در سال 2008 ارائه شده است و شما می­‌توانید به کمک روش‌­هایی که این پلاگین در اختیارتان قرار می‌دهد، در زمانی کم، حجم کد زیادی را بنویسید و به این ترتیب در وقت خود صرفه­‌جویی کنید. به صورت کلی Emmet سرعت توسعه شما را به شدت افزایش می‌­دهد و می­‌تواند در میزان کیفیت و بالا بردن حجم کار شما نقش مفید و مهمی را ایجاد کند.

 

این دوره مناسب چه کسانی است؟

با توجه به مباحثی که در این دوره تهیه شده است این دوره برای همه برنامه‌­نویسان، علاقه­‌مندان به برنامه‌­نویسی، دانشجویان و فارغ­‌التحصیلان رشته مهندسی کامپیوتر می‌­تواند مناسب و کاربردی باشد.

شرکت­‌کنندگان برای شرکت در این دوره نیاز به آشنایی اولیه با مفاهیم برنامه­‌نویسی دارند و با آشنایی با مفاهیم اولیه برنامه­‌نویسی می‌­توانند از مطالب این دوره آموزشی استفاده کنند.

 

منابع و الزامات دوره­‌ی آموزشی Emmet چیست؟

اصلی­‌ترین منبع این دوره آموزشی جزوه استاد درس است. اهمیت و الزام این دوره در کاربرد گسترده Emmet و نیاز به آموزش صحیح مباحث این دوره است.

 

این دوره در چند جلسه و کجا تدریس شده است؟

دوره آموزش Emmet در وب‌­پروگ تولید شده است و توسط مکتب‌­خونه منتشر شده است. این دوره شامل 21 جلسه آموزش غیرحضوری می‌­باشد که حدودا 70 دقیقه آموزش به صورت رایگان در اختیار مخاطبان قرار گرفته است.

امکان دانلود و پخش آنلاین دوره وجود دارد و شما به طور دائم به آن دسترسی دارید. این آموزش رایگان عرضه شده­ است و شما می‌­توانید تمامی قسمت­‌های دوره رایگان آموزش کدنویسی سریع با Emmet را به طور رایگان دانلود کنید.

 

از عناوین مهم این دوره :

  • معرفی پلاگین Emmet و نصب آن
  • ویژگی‌­های پلاگین Emmet
  • کار با Abbreviations Syntax
  • کاربرد CSS Abbreviations
  • کاربرد Actions
  • نحوه Customization در پلاگین Emmet
  • و …

سرفصل‌های دوره آموزش رایگان Emmet

آشنایی با Emmet
00:09 ساعت
00:09
Combined Shape Created with Sketch. 2 جلسه
نمایش جلسات فصل  

در فصل اول به معرفی و آشنایی با Emmet و بررسی مفهوم Abbreviation پرداخته شده است.

معرفی Emmet
"04:51
Abbreviation
"04:52
HTML
00:34 ساعت
00:34
Combined Shape Created with Sketch. 11 جلسه
نمایش جلسات فصل  

پس از بیان مقدمات در فصل دوم به بررسی DocType، کلاس، Nesting ،Sibling ،Lorem Ipsum ،Text و دیگر مفاهیم Html پرداخته شده است.

DocType
"02:13
ID و کلاس
"03:43
Nesting
"01:26
Sibling
"02:26
Multiple
"02:22
Lorem Ipsum
"03:45
Text
"03:06
Climb-up
"03:20
Grouping
"03:01
Attribute
"04:10
Numbering
"04:47
CSS
00:12 ساعت
00:12
Combined Shape Created with Sketch. 3 جلسه
نمایش جلسات فصل  

در این فصل به بررسی مفاهیم Padding ،Margin ،link و دیگر دستورات CSS پرداخته شده است.

Link
"02:24
Margin و Padding
"05:01
دستورات CSS
"05:04
دستورات کاربردی
00:19 ساعت
00:19
Combined Shape Created with Sketch. 5 جلسه
نمایش جلسات فصل  

در فصل آخر به بررسی مفاهیم Wrap ،Wrap Individual Line ،Update Tag ،Matching Pair ،Remove Tag ،Evaluate Lines ،Merge Lines و به‌طورکلی دستورات کاربردی در Emmet پرداخته شده است.

Wrap
"06:17
Wrap Individual Line
"03:29
Update Tag
"04:02
Remove Tag و Matching Pair
"02:55
Merge Lines و Evaluate
"02:59
استاد دوره
علی شیخ علی شیخ

علی شیخ در سال ۱۳۹۴ در رشته مهندسی کامپیوتر فارغ‌التحصیل شد و به عنوان برنامه‌نویس وب در شرکت معدنی و صنعتی چادرملو شروع به کار کرد. تخصص اصلی ایشان در زبان‌های جاوا اسکریپت و php است. وی به دلیل این که به آموزش علاقه زیادی داشت، تصمیم به راه‌اندازی وب‌سایتی در این زمینه به نام وب پروگ گرفت و اکنون از سال 1398 تاکنون توانسته‌است سهم کوچکی در آموزش به افراد علاقه‌مند به برنامه‌نویسی را داشته باشد.

درباره برگزارکننده
وب ‌پروگ وب ‌پروگ (اطلاعات بیشتر)

پیش‌نیاز‌های دوره آموزش رایگان Emmet

آموزش HTML و CSS
اطلاعات بیشتر

نظرات 

تا کنون نظری برای این دوره ثبت نشده است. برای ثبت نظر باید ابتدا در دوره ثبت نام کرده و دانشجوی دوره باشید.

سوالات پرتکرار

آیا ممکن است که درسی ناقص ضبط شده باشد؟
ما همواره تلاش کرده­‌ایم که دروس را به طور کامل ضبط نماییم و در اختیار شما دوستان قرار دهیم. اما گاهی برخی ناهماهنگی ها سبب می شود که یک یا تعدادی از جلسات یک درس ضبط نشود. توضیح این گونه نواقص در توضیح درس­ ها آمده است.
اگر لینک دانلود یا پخش ویدئو مشکل داشت چه باید کرد؟
در صورتی که با هر گونه مشکلی رو به رو شدید می توانید از طریق صفحه ارتباط با ما به ما اطلاع دهید تا ما سریعا مشکل را پیگیری و برطرف نماییم.
آیا امکان دریافت فیلم های یک درس به صورت سی دی یا دی وی دی وجود دارد؟
در حال حاضر امکان ارسال دروس به صورت سی دی یا دی وی دی وجود ندارد.

×

ثبت نظر

به این دوره از ۱ تا ۵ چه امتیازی می‌دهید؟

آشنایی با Emmet
00:09 ساعت
00:09
Combined Shape Created with Sketch. 2 جلسه
نمایش جلسات فصل  

در فصل اول به معرفی و آشنایی با Emmet و بررسی مفهوم Abbreviation پرداخته شده است.

معرفی Emmet
"04:51
Abbreviation
"04:52
HTML
00:34 ساعت
00:34
Combined Shape Created with Sketch. 11 جلسه
نمایش جلسات فصل  

پس از بیان مقدمات در فصل دوم به بررسی DocType، کلاس، Nesting ،Sibling ،Lorem Ipsum ،Text و دیگر مفاهیم Html پرداخته شده است.

DocType
"02:13
ID و کلاس
"03:43
Nesting
"01:26
Sibling
"02:26
Multiple
"02:22
Lorem Ipsum
"03:45
Text
"03:06
Climb-up
"03:20
Grouping
"03:01
Attribute
"04:10
Numbering
"04:47
CSS
00:12 ساعت
00:12
Combined Shape Created with Sketch. 3 جلسه
نمایش جلسات فصل  

در این فصل به بررسی مفاهیم Padding ،Margin ،link و دیگر دستورات CSS پرداخته شده است.

Link
"02:24
Margin و Padding
"05:01
دستورات CSS
"05:04
دستورات کاربردی
00:19 ساعت
00:19
Combined Shape Created with Sketch. 5 جلسه
نمایش جلسات فصل  

در فصل آخر به بررسی مفاهیم Wrap ،Wrap Individual Line ،Update Tag ،Matching Pair ،Remove Tag ،Evaluate Lines ،Merge Lines و به‌طورکلی دستورات کاربردی در Emmet پرداخته شده است.

Wrap
"06:17
Wrap Individual Line
"03:29
Update Tag
"04:02
Remove Tag و Matching Pair
"02:55
Merge Lines و Evaluate
"02:59