آموزش کامل کار با emmet

زمان قرارگیری : 05 خرداد 1397
زمان این قسمت : 16:49
تا زمانی که این دوره رایگان است شما بصورت کامل به این دوره دسترسی دارید

قیمت دوره رایگان
وضعیت دوره تکمیل شده
زمان کل دوره 03:09:54
تعداد قسمت‌ها 14
نوع دسترسی رایگان

در این جلسه کار با ابزار یا ویژگی خیلی خوب و پیشرفته emmet رو به شما آموزش میدم تا با استفاده از این امکان بتونید با سرعت بیشتری کدهای خودتان رو بنویسید.

تا زمانی که این دوره رایگان است شما بصورت کامل به این دوره دسترسی دارید

قیمت دوره رایگان
وضعیت دوره تکمیل شده
زمان کل دوره 03:09:54
تعداد قسمت‌ها 14
نوع دسترسی رایگان

آنلاین
user-avatar
مدرس دوره حسام موسوی

اول داستان، طراح گرافیک بودم و ۲ سالی به عنوان طراح مشغول بودم، بعد به برنامه‌نویسی علاقمند شدم و الان بیشتر از ۱۰ ساله که عاشق کدزنی و چالش‌های پروژه‌های مختلفم. به تدریس علاقه خاصی دارم و دوست دارم دانشی که در این راه بدست آوردم را در اختیار دیگران هم قرار بدم. 

سوالات و گفتگو‌ها

سوالات و گفتگو‌ها

اگر سوال و مشکلی یا حتی بحثی در یکی از حوزه‌های برنامه‌نویسی دارید این بخش به شما کمک ویژه‌ای خواهد کرد

دورهای پیشنهادی

مشاهده همه دوره ها
آموزش دیزاین پترن ها

آموزش دیزاین پترن ها

در برنامه‌نویسی شی گرا معمولا یک سری مسئله خیلی ساده و شناخته شده‌ای داریم که بسیار پر رخداد و تکراری هستند. برای حل این مسائل هرکسی احتمالا یک راه‌حل...

دسترسی رایگان برای اعضای ویژه
آموزش ردیس Redis

آموزش ردیس Redis

Redis یکی از رایجترین دیتابیس های Nosql است که اطلاعات در آن بصورت Key و Value، بر روی معماری داخلی سیستم ذخیره سازی میشود . در این دوره قصد دارم روش...

دسترسی رایگان برای اعضای ویژه
اصول طراحی شی‌ گرا SOLID

اصول طراحی شی‌ گرا SOLID

SOLID شامل یک سری از اصول برای برنامه نویسان میشود، که اگر آنها را در برنامه نویسی شی گرا رعایت کنید کدهای تمیزتر و خواناتری خواهید داشت.این اصول میتو...

دسترسی رایگان برای اعضای ویژه
دوره کار با phpstorm

دوره کار با phpstorm

JetBrains PhpStorm یک محیط توسعه‌ی زبان برنامه‌نویسی PHP بوده که بر پایه‌ی پلت‌فرم JetBrains IntelliJ IDEA طراحی شده است و تقریبا همه‌ی امکانات JetBra...

دیدگاه‌ها و پرسش‌ها

برای ارسال نظر لازم است ابتدا وارد سایت شوید
آفلاین
user-avatar
مهدی
2 هفته پیش

سلام وقت بخیر

برای jsx روی vscode ، امت داریم که جواب بده ؟

کلا برای ریکت و نکست افزونه ای که بشه مثل امت و اسنیپت کمک کرد به پروژه چیزی هست ؟

آنلاین
user-avatar
حسام موسوی
2 هفته پیش

درود بر شما
برای این موارد emmet نداریم بجاش snippet داریم که از اون‌ها باید استفاده بفرمایید

آفلاین
user-avatar
Hadi
3 ماه پیش

سلام ممنون از آموزش هاتون مشکل من اینه که وقتی تگ a رو باز میکنم href روبه صورت آماده نمیاره یا مثلا وقتی img رو باز میکنم src رو نمیاره و توی src هم عکس رو باید بنویسم به صورت آماده نمیاره یا شما با نوشتن !> کل html یا head یاbody میاره ولی واسه من نمیاره ممنون میشم راهنمایی کنید.

آنلاین
user-avatar
حسام موسوی
3 ماه پیش

برید وارد پلاگین‌های vscode بشید و سرچ کنید emmet چیزی اگر براتون میاره با این نام نصبش کنید

آفلاین
user-avatar
Hadi
3 ماه پیش

نه emmet رو زدم ولی نیاورد

آنلاین
user-avatar
حسام موسوی
3 ماه پیش

به شکل پیش فرض روی vscode فعال هست
از آخرین ورژن vscode دارم استفاده میکنم و مشکلی نیست همه چی اوکیه !

آفلاین
user-avatar
zahra_ove
7 ماه پیش

مرسی از آموزش های فوق العادتون

آفلاین
user-avatar
SayeyeZohor
1 سال پیش

اگر کلاس مربوط به یک تگ از چند کلاس تشکیل شده بود باید چکار کرد ؟

class="header_menu_toggle container"

مثلاً

div.header_menu_toggle container
آنلاین
user-avatar
حسام موسوی
1 سال پیش

کلاس رو به شکل پشت هم مینویسیم مثل زیر

div.header_menu_toggle.container
آفلاین
user-avatar
SayeyeZohor
1 سال پیش

اگر کدمون مثل کد زیر باشه و ul شامل چند li متفاوت باشه راهی هست؟

                    <ul class="container">
                        <li><a href="/">صفحه اصلی</a></li>
                        <li><a href="/discuss">بحث و گفتگو ها</a></li>
                        <li class="has-submenu"><a href="#">دوره های آموزشی</a>
                            <ul class="submenu">
                                <li class="submenu-item"><span class="icon"></span> <a href="/series">همه دوره‌ها</a></li>
                                <li class="submenu-item"><span class="icon"></span> <a href="/lessons">آخرین ویدیوها</a></li>
                            </ul>
                        </li>
                        <li><a href="/articles">مقالات</a></li>
                        <li><a href="/podcast">راکت‌کست</a></li>
                        <li><a href="/synergy">همکاری با ما</a></li>
                    </ul>
آنلاین
user-avatar
حسام موسوی
1 سال پیش

شما اول با emmet میسازید اون قسمت‌های متفاوت رو بعد مقدار دهی میکنید

آفلاین
user-avatar
SayeyeZohor
1 سال پیش

برای کدهای خیلی طولانی گیج کننده میشه چون مرتباً باید گروه بندی کرد و ... ضمن اینکه این کد ها رو باید در یک لاین نوشت

چه راهکاری پیشنهاد می کنید؟

آنلاین
user-avatar
حسام موسوی
1 سال پیش

راهکار خاصی نداره طولانیه دیگه

آفلاین
user-avatar
محمدرضا
1 سال پیش

سلام وقت بخیر تویه آموزشتون نگفتید کدوم extention رو نصب کنید برای emmet

آنلاین
user-avatar
حسام موسوی
1 سال پیش

برای html خودش emmet داره چیزی نیاز به نصب اضافه نداره

آفلاین
user-avatar
مجید بهنام فرد
2 سال پیش

سلام
تو phpstorm یک قسمت به نام reformat code داریم که کدها را مرتب می کنه در vcode چه افزونه ای داریم میشه معرفی کنید

آنلاین
user-avatar
حسام موسوی
2 سال پیش

با سلام در جلسات آینده مشاهده خواهید کرد

آفلاین
user-avatar
مصطفی صالحی
2 سال پیش

بسیار جالب و کاربردی بود