آموزش Emmet: HTML+CSS را مانند یک نینجا بنویسید
Emmet: Write HTML+CSS Like a Ninja
اگر کدنویسی میکنید، می‌دانید، یا متوجه می‌شوید که تکرارهای زیادی ادامه دارد - به خصوص در HTML و CSS. هدف از این کلاس این است که به شما نشان دهد چگونه با استفاده از افزونه ای به نام Emmet سرعت نوشتن HTML و CSS را به طور چشمگیری افزایش دهید. این کلاس اصول، روش‌های پیشرفته، سنگ‌های قیمتی پنهان، و حتی ابزارها و نکات صرفه‌جویی در زمان بیشتری را پوشش می‌دهد.
Emmet برای همه ویرایشگرهای اصلی کد موجود است!
حتی در مکان‌هایی مانند Code Pen و JS Fiddle نیز کار می‌کند.
وقتی شروع به استفاده از Emmet کردید، متعجب خواهید شد که چگونه بدون آن زندگی می‌کردید. سریع است قدرتمند است و استفاده از آن آسان است. با استفاده از Emmet، روزها یا هفته‌ها را در طول سال ذخیره خواهید کرد.
کلاس به ویدیوهای کوتاه تقسیم می‌شود، بنابراین می‌توانید آن را به تنهایی امتحان کنید - و بنابراین می‌توانید بعداً به راحتی به آنها ارجاع دهید!
HTML CSS Ninja را برای شما به ارمغان می آورد :) در کلاس شرکت کنید!
اگر می‌خواهید بیشتر وارد برنامه‌نویسی شوید، دیگر کلاس‌های کدنویسی من را ببینید:
بیایید با پروژه کلاس مقداری داشته باشیم! اگر به آن علاقه دارید، 2 کار برای شما دارم:
- من از شما می خواهم که یک وب سایت را با یک مخفف HTML بنویسید و آن عبارت را در گالری پروژه خود ارسال کنید. سپس دیگران می توانند کپی، جایگذاری و گسترش دهند!
- لطفاً به ما بگویید که قصد دارید با زمان اضافی که پس از شروع استفاده از Emmet صرفه جویی می کنید، چه کاری انجام دهید.
درس ها Lessons
-
//بهره وری با SUBLIME // PRODUCTIVITY WITH SUBLIME
-
ویژگی های HTML HTML Attributes
-
فیلترها Filters
-
چندین کلاس و شناسه Multiple Classes and IDs
-
اختصارات با مقادیر Abbreviations With Values
-
//شروع شدن // GETTING GOING
-
فرزندان، ضرب و اعداد افزایشی Children, Multiplication and Incremental Numbers
-
قوانین چندگانه Multiple Rules
-
نصب Emmet در Sublime Emmet Installation in Sublime
-
//CSS BREVIATIONS // CSS ABBREVIATIONS
-
ریاضی در پرواز Math On The Fly
-
مخفف چیست؟ What Is The Abbreviation?
-
مورد بعدی و قبلی را انتخاب کنید Select Next & Previous Item
-
Emmet را نصب کنید Install Emmet
-
پیش پردازنده های CSS CSS Preprocessors
-
//اختصارات HTML // HTML ABBREVIATIONS
-
انواع برچسب Tag Types
-
افزایش تعداد کاهش Increment Decrement Number
-
تگ عضویت را تقسیم کنید Split Join Tag
-
تنظیمات Emmet Emmet Settings
-
برچسب را حذف کنید Remove Tag
-
معرفی کلاس Class Introduction
-
اطلاعات اضافی Extra Info
-
برچسب های تعادل Balance Tags
-
تقسیم به خطوط Split Into Lines
-
لورم اپیسوم Lorem Ipsum
-
بدون ماوس Without a Mouse
-
//چیزهای بسیار جذاب EMMET // MORE AWESOME EMMET THINGS
-
پالت فرمان The Command Palette
-
اختصارات مورد علاقه Favorite Abbreviations
-
تغییر نام برچسب Rename Tag
-
به روز رسانی اندازه تصویر Update Image Size
-
بالا رفتن Climb Up
-
گرادیان ها Gradients
-
نوار ناوبری Tab Navigation
-
به نقطه ویرایش محتوا بروید Jump to Content Edit Point
-
تئوری سریع Quick Theory
-
//نتیجه // CONCLUSION
-
متن HTML HTML Text
-
ادغام خطوط Merge lines
-
تغییر وضعیت نظرات Toggle Comments
-
اختصارات ناشناخته Unknown Abbreviations
-
اختصارات جالب Cool Abbreviations
-
بسته بندی با مخفف Wrap With Abbreviation
-
رمزگذاری تصویر به داده Encode Image To Data
-
//میانبرهای HTML // HTML SHORTCUTS
-
پیشوندهای فروشنده Vendor Prefixes
-
نامگذاری BEM BEM Naming
-
برو به جفت تطبیق Goto Matching Pair
-
خواهر و برادر و گروه Siblings And Groups
-
مقدار CSS را منعکس کنید Reflect CSS Value
-
اضافه کردن آن همه با هم Adding It All Together
-
//میانبرهای CSS // CSS SHORTCUTS
-
انتخاب کننده شکلک Emoji Picker
-
تغییر دادن نظر Toggle Comment
https://donyad.com/d/ab6f
Rich Armstrong
هنرمند و طراح
هی! من ریچ آرمسترانگ هستم، خالق ADD چند خط فاصله. من طراحی، تصویرسازی، متحرک سازی، doodle و کدنویسی می کنم. آره همه آنها! و من عاشق این هستم. من می خواهم به شما در ایجاد چیز کمک کنم. من می خواهم ببینم شما سازنده هستید. از شما می خواهم رویاها و اهداف خود را دنبال کنید.
------------------------------
** اخبار بزرگ: پروژه 100 روزه کامل منتشر شد **
کتابی که در سال 2021 نوشتم منتشر شد! این پروژه The Perfect 100 Day Project نام دارد و به شما کمک می کند تا پروژه 100 روزه عالی را برای خود انتخاب کرده و تکمیل کنید. این کتاب بر اساس کلاس اشتراک مهارت معروف من به همین نام است.
------------------------------
من طراحی چند رسانه ای و سپس طراحی گرافیک را مطالعه کردم و به خودم یاد دادم که چگونه کدنویسی کنم. من به صورت آزاد کار کرده‌ام، برای آژانس‌ها و استارت‌آپ‌ها کار کرده‌ام و اکنون استودیوی خودم را با همسرم در آمستردام اداره می‌کنم. همچنین، من می توانم بینی خود را با زبانم لمس کنم!
من از سال 2015 در Skillshare تدریس می‌کنم و خیلی دوست دارم! دیدن آنچه دانش‌آموزان خلق می‌کنند و چگونه زندگی خود را به دلیل آنچه که من آموزش می‌دهم تغییر می‌دهند، مرا زنده می‌کند. بنابراین، متشکرم! لطفاً به اشتراک گذاری کار، نظرات و داستان های خود ادامه دهید!
برای انواع چیزهای فوق‌العاده مانند تمرین‌ها و تمرین‌های خلاقانه، بررسی کنید، برنامه رایگان من را دانلود کنید و مرا در اینستاگرام، Patreon و دنبال کنید. همچنین می‌توانید برای دریافت چیزهای اضافی و ترفندهای راهنمایی در صندوق ورودی خود ثبت نام کنید.
B.Tech. (Cum Laude) در طراحی گرافیک
2013 - 2014
B.A. در مدیریت ارتباطات متخصص در ارتباطات برند خلاق
2006 - 2008
نمایش نظرات