معرفی Zen Coding یا Emmet Syntax
برای من همیشه نوشتن کدهای HTML با دشواری و مرارتهای زیادی همراه بوده. نوشتن ساختارهای تو در تو، قرار دادن id و class مناسب و باز و بسته کردن تگها و قرار دادن قرزندها در داخل تگها حقیقتا کار هایی خسته کننده، تکراری و حوصله سر بر هستند.
روش Zen Coding یا Emmet Syntax برای حل همین مسئله به وجود آمده و سرعت توسعه کدهای HTML را بسیار بیشتر خواهد کرد. پس از استفاده از این روش، به هیچ وجه قادر نخواهید بود که به روش سنتیِ گذشته کدهای HTML بزنید.
1. مثلا با استفاده از دستور div#control.panel.panel-success و فشردن کلید tab، یک div با شناسه panel و کلاسهای panel و panel-success ساخته خواهد شد.
2. با استفاده از Zen Codding به راحتی میتوانیم المنتهای داخلی هم در یک خط تعریف کنیم. مثلا ul>li*5 موجب خواهد شد یک ul همراه با پنج المنت li در درون اش تعریف شود.
سعی کنید حتما از روش Zen Coding استفاده کنید، چرا که سرعت توسعه شما را به شدت بالا خواهد برد.
Zen Coding پس از نصب افزونه Web Essentials در ویژوال استودیو افزوده خواهد شد. همچنین Visual Studio Code به طور پیش فرض از این روش پشتیبانی میکند.
مطالب مشابه
- اشتراکها
اتمام دوره zencodingمطالب
Zen Coding در Visual Studio 2012مطالب
ضبط تصاویر Webcam در پروژههای Angularمطالب
آشنایی با Saltarelle کامپایلر قدرتمند #C به جاوااسکریپتمطالب
مروری بر کتابخانه ReactJS - قسمت سوم - کامپوننتهای Reactمطالب
کامپوننتها در AngularJS 1.5مطالب
نمایش خروجی RSS سایتهای دیگر به کمک jQueryمطالب
آشنایی با SASS یا Syntactically Awesome Stylesheets و روش نصب و استفاده از آننظرات اشتراکها
لیستی از میانبرهای مفید ویرایشگر Sublime Text 3نظرات مطالب
VS Code برای توسعه دهندگان ASP.NET Core - قسمت سوم - گردش کاریهای متداول