تعریف و استفاده از snippet

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

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

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

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

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

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

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

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

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

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

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

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

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

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

دسترسی رایگان برای اعضای ویژه
آموزش کامل css grid

آموزش کامل css grid

CSS Grid یکی از موضوعاتی است که اخیرا بیشتر و بیشتر در بحث توسعه وب به آن اشاره می کنند. دلیل این همه بحث و هیجان زدگی هم ساده است: CSS Grid به ما قاب...

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

آموزش طراحی وب

در این دوره قراره طراحی وبسایت رو به شما آموزش بدم یعنی قراره یک وبسایت رو از صفر که ، طرح ایده و بعد طراحیش در فتوشاپ باشه رو به شما آموزش بدم تا کدن...

دوره کار با phpstorm

دوره کار با phpstorm

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

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

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

سلام حسام جان خسته نباد...
وقتی Custom snippet میزنه تو فایل ها ذخیره میشه برای اینکه بعدا این هارو یه بار هم درست نکنیم باید اون فایل رو انتقال بدیم یه راه دیگه داره یا نه؟
و این که میشه ادم خودش برای VSCode یه فایل Extension درس کنه جایی برا مطالعه سراغ داری؟؟
ممنون :-)

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

برای Extension میتونید از گوگل سرچ کنید و مقالاتش رو پیدا کنید و استفاده کنید

آفلاین
user-avatar
AmirrezaHi
5 ماه پیش

سلام خسته نباشید برای سایت بسیار مفید و پر کاربردتون. در برنامه vsc شما در قسمت شش، توضیحاتی رو که ارائه می فرمایید مثلا وقتی می نویسید @if () این بخش رنگ دیگری به خود میگیره ولی وقتی بنده این کار رو انجام میدم این اتفاق نمی افته. راهکار چی هست؟

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

امکانش هست چون پکیج مربوط به لاراول نصب کردیم بخاطر این باشه و شما اونو نداشته باشید

آفلاین
user-avatar
AmirrezaHi
5 ماه پیش

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

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

انشالله سال آینده بازتولید میشه دوره

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

عالی بود، خیلی متشکرم

آفلاین
user-avatar
SayeyeZohor
12 ماه پیش

چیزی که هست اینه که در اسنپت که نوشتم می خوام به جای ' از " استفاده کنم که نشد

ممنون می شم اگه این تگ اسنپت رو تکمیل کنین

    "Html5 Meta Tag New": {
        "prefix": "htmlNew:5",
        "body": [
            "<!DOCTYPE html>",
            "<html>",
            "   <head>",
            "       <meta http-equiv='Content-Type' content='text/html' charset='UTF-8'>",
            "       <meta name='viewport' content='width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0'>",
            "       <meta name='apple-mobile-web-app-capable' content='yes'>",
            "       <title>Document</title>",
            "   </head>",
            "   <body>",
            "",     
            "   </body>",
            "</html>"
        ],
        "description": "Html5 Meta Tag New"
    }
آفلاین
user-avatar
حسام موسوی
12 ماه پیش

به این خاطر نمیشه که شما نمی تونید داخل دو " دوباره از " استفاده بفرمایید
فرقی هم نداره همون ' هم باشه حله

آفلاین
user-avatar
SayeyeZohor
12 ماه پیش

خیلی ممنون از لطفتون

کارتون درسته سایت عالی اموزش عالی ... فقط صد سال طول میکشه ما این اموزش ها رو یاد بگیریم

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

سلام یعنی چی صد سال طول میکشه

آفلاین
user-avatar
SayeyeZohor
12 ماه پیش

اخه خیلی مباحث زیاده اگه بخوای طراح و کدنویس بشیم 100 سال طول می کشه
خیلی وقت کم دارم و مباحث زیاد و زمان مرور هم کم .... و تقریبا نمی رسیم

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

با عجله داشتن فقط در جا میزنید . قرص نیست بخورین صبح بیدار بشین همه چی رو بلد باشید . نیاز به زمان و کار کردن داره. اگر نمیتونید بنظرم اصلا شروعش نکنید .
چون برای یادگیری درست باید وقت گذاشت و تلاش زیادی انجام داد

آفلاین
user-avatar
SayeyeZohor
12 ماه پیش

میخوام و میتونم ....

آفلاین
user-avatar
SayeyeZohor
12 ماه پیش

سلام
من می خوام یک اسنپت کاستوم برای خودم درست کنم

<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv='Content-Type' content='text/html' charset='UTF-8'>
        <meta name='viewport' content='width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0'>
        <meta name='apple-mobile-web-app-capable' content='yes'>
        <title>Document</title>
    </head>
    <body>

    </body>
</html>

برای نوشتن کد بالا این اسنپت رو نوشتم

    "Html5 Meta Tag New": {
        "prefix": "htmlNew:5",
        "body": [
            "<!DOCTYPE html>",
            "<html>",
            "   <head>",
            "       <meta http-equiv='Content-Type' content='text/html' charset='UTF-8'>",
            "       <meta name='viewport' content='width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0'>",
            "       <meta name='apple-mobile-web-app-capable' content='yes'>",
            "       <title>Document</title>",
            "   </head>",
            "   <body>",
            "",     
            "   </body>",
            "</html>"
        ],
        "description": "Html5 Meta Tag New"
    }
آفلاین
user-avatar
حسام موسوی
12 ماه پیش

خوب ؟ متوجه سوال نشدم اینجا ؟

آفلاین
user-avatar
عليرضا
12 ماه پیش

سلام وقت بخیر من در vscode کلید میانبر Alt+Shift+F رو که میزنم برا مرتب سازیه کدهام که مربوط یه react هستش این پیغام رو میده (There is no formatter for 'javascript'-files installed.) و زیرش یه دکمه install میاد که میره به صفحه Extensions و کلی مورد میاد برا نصب که نمیدونم کدومشو نصب کنم تا مشکلم برطرف شه..(البته یه 10 تایی از بالا نصب کردم که بی تاثیر بوده)

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

سلام از ارور کامل مشخصه formatter نیازه هر کدوم رو که بهتره رو نصب بفرمایید . توضیحات Extensions رو مطالعه بفرمایید

آفلاین
user-avatar
علیرضا دهکار
2 سال پیش

سلام
واقعا آموزش بسیار مفیدی بود
من در phpstorm وقتی کلیدهای ctrl+alt+l رو میزدم خیلی راحت تمام کدها مرتب میشد فرقی نداشت css باشه یا html و ... و کار رو خیلی راحت میکرد ، در vscode چنین قابلیتی هست؟
ممنونم

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

با استفاده از کلید های ترکیبی زیر

Shift + Alt + F
آفلاین
user-avatar
علیرضا دهکار
2 سال پیش

ممنونم از ارهنماییتون اما چنین خطایی دریافت میکنم
There is no document formatter for 'php'-files installed.

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

در بخش پلاگین ها PHP Formatter رو سرچ و نصب کنید