آموزش کاربردی Vscode | مقدماتی تا پیشرفته
اگر در گروه های برنامه نویسی موجود در شبکه های مجازی مختلف حضور داشته باشید، قطعا متوجه می شوید که ادیتور VsCode محبوب ترین و پر استفاده ترین ادیتور بین برنامه نویسان است. البته یکی از دلایل محبوبیت وی اس کد، حجم پایین، داشتن اکستنشن های کاربردی مختلف، پشتیبانی از گیت، کراس پلتفرم بودن و … است. یعنی اگر شما سیستم ضعیفی برای کدنویسی داشته باشید باز هم وی اس کد کار شما را بدون هیچ مشکل و اذیتی راه می اندازد. پس چه بهتر که برای کد نویسی از ادیتور VsCode استفاده کنید.در این دوره آموزش VsCode، نحوه کار با این ادیتور از صفر تا نزدیک های صد به شما آموزش داده می شود. پس اگر می خواهید با ادیتور VsCode کدنویسی کنید، همین الان در دوره آموزش VsCode ثبت نام کرده و آن را از مقدماتی تا پیشرفته یاد بگیرید.
رایگان!
دوره آموزشی VS Code
اگر در حوزه برنامهنویسی فعالیت داشته باشید، قطعا اسم VS Code (وی اس کد) را شنیده اید. VS Code یکی از محبوبترین نرم افزارهایی است که توسط برنامهنویسان استفاده می شود. از این رو سعی کردیم دوره ای تحت عنوان دوره آموزش VsCode برای شما عزیزان آماده کنیم تا بتوانید آن را از صفر تا صد یاد بگیرید و تمام پروژه های خود را با این ادیتور محبوب پیاده سازی کنید.
کد ادیتور چیست؟

همان طور که می دانید عمل برنامه نویسی از کدهای مختلفی تشکیل می شود. مثلا برای پیاده سازی (برنامه نویسی) یک وب سایت فروشگاهی، چندین هزار خط کد نوشته می شود. حال برای نوشتن این کد ها شما می توانید در ساده ترین حالت از نرم افزار NotePad استفاده کنید. اما محیط این نرم افزار به قدری خشک و ساده است که شما نمی توانید به طور بلند مدت با آن کار کنید. برای همین ادیتور ها ساخته شده اند تا برنامه نویسان بتوانند محیط کد نویسی بهتر و زیباتری داشته باشند و در مدت زمان کم کد زیادی را بنویسند.
ادیتور به معنی ویرایشگر است. شما می توانید به کمک ادیتور کد های خود را بنویسید و ویرایش کنید. ادیتور های مختلفی مثل وی اس کد، اتم، سابلایم تکست و … برای برنامه نویسی وجود دارند که انتخاب هر کدام از آن ها به علاقه و معیار های خود شما بستگی دارد. اما از آن جایی که ادیتور VsCode محبوب ترین و پر استفاده ترین ادیتور بین برنامه نویسان است، سعی کردیم در دوره آموزش VsCode نحوه کار با این ادیتور محبوب را از صفر تا صد به شما عزیزان آموزش دهیم.
مفهوم IDE چیست؟

ممکن است کلمه IDE را نیز در حوزه برنامه نویسی شنیده باشید. IDE مخفف Integrated Development Environment بوده و به معنی محیط توسعه یکپارچه می باشد. IDE و Editor دو مفهوم نزدیک به هم هستند. در واقع IDE نیز همانند ادیتور یک محیط خوب برای کد نویسی در اختیار شما قرار می دهد تا بتوانید با لذت بیشتر عمل کدنویسی را انجام دهید. اما IDE گسترده تر از Editor است و تفاوت هایی بین آن ها وجود دارد. به عنوان مثال شما در IDE یک دیباگر دارید تا مشکلات کدهایتان را به شما نشان دهد، در حالی که ادیتور همچین قابلیتی ندارد.
در واقع ادیتور فقط یک محیط خوب در اختیارتان قرار می دهد که تقریبا هیچ قابلیتی جز کد نویسی ندارد و اگر شما بخواهید در یک ادیتور مثل VsCode از قابلیت های مختلفی بهره مند شوید، باید برای هر قابلیت اکستنشن مربوط به آن را نصب کنید. در حالی که همان قابلیت ها در IDE به طور پیشفرض وجود دارند و می توانید استفاده کنید.
از این رو حجم IDE خیلی بیشتر از یک ادیتور است. برای همین ادیتور VsCode یکی از کم حجم ترین ادیتورها است که بین برنامه نویسان استفاده می شود و شما با ثبت نام در این دوره می توانید نحوه کار با VsCode را از صفر تا صد یاد بگیرید.
در جدول زیر می توانید IDEها و ادیتور های مختلفی را مشاهده کنید:
IDE | PyCharm | PhpStorm | WebStorm | Android Studio |
Editor | VsCode | Atom | Sublime | Notepad++ |

دوره آموزش VsCode چه پیش نیاز هایی دارد؟
می توان گفت ادیتور VsCode هیچ پیش نیاز فنی ندارد و همین که شما به برنامه نویسی علاقه داشته و قصد ورود به این حوزه را داشته باشید، می توانید در دوره آموزش VsCode ثبت نام کرده و آن را به طور کامل یاد بگیرید. حال اگر شما قبلا با ادیتور های دیگر یا زبان های مختلف کار کرده باشید، روند یادگیری شما در این دوره سریع تر می شود اما همان طور که گفته شد، دوره آموزش VsCode هیچ پیش نیاز فنی ندارد و برای یادگیری آن کافی است به حوزه برنامه نویسی علاقه داشته باشید.
بعد از مشاهده این دوره VsCode را در چه سطحی یاد میگیریم؟
شما در این دوره به طور کامل با نحوه کار کردن ادیتور VsCode، اکستنشن های آن و… را یاد می گیرید و بعد از این دوره می توانید تمام پروژه های برنامه نویسی خود را با ادیتور VsCode جلو ببرید.
آیا یادگیری VsCode سخت است؟

ادیتور VsCode به راحتی و آسان بودنش معروف است و استفاده از آن هیچ گونه سختی و پیچیدگی ندارد. کافی است آن را نصب کنید و از کد نویسی لذت ببرید. در این دوره از صفر ترین نقطه، یعنی نحوه دانلود و نصب کردن و … تا سطح پیشرفته استفاده از VsCode به شما آموزش داده می شود و هیچ گونه نگرانی حتی برای نصب آن نداشته باشید.
ادیتور VsCode چه کاربردهایی دارد؟
همان طور که از اسم ادیتور VsCode مشخص است، شما می توانید از آن برای نوشتن کد های تکنولوژی های مختلف مثل Html، Css، Java Script و … استفاده کنید. علاوه بر نوشتن کد می توانید کد های آماده ای که از طریق اینترنت یا دوستان به دست آورده اید، به کمک VsCode تست و ویرایش کنید.
اکستنشن های VsCode چه کاربردی دارند؟
کلمه اکستنشن به معنی افزونه است. ادیتور VsCode به خودی خود سرعت توسعه شما را بالا می برد و باعث می شود در مدت زمان کم کد زیادی را بنویسید. اما با این وجود باز هم اکستنشن های مختلفی برای ادیتور VsCode وجود دارد که محیط کد نویسی شما را بهبود می بخشند تا موقع کد نویسی خسته نشده و لذت بیشتری از آن ببرید.ادیتور VsCode اکستنشن های بسیار زیادی دارد اما یادگیری همه آن ها ضرورتی ندارد و شما باید طبق نیاز و پروژه ای که دارید با آن ها کار کنید.
شما در دوره آموزش کار با VsCode تمام اکستنشن های لازم و ضروری برای کد نویسی را یاد می گیرید.
آیا دوره آموزش VsCode پشتیبانی دارد؟
یکی از ویژگی های هر دوره آموزشی که آن را نسبت به بقیه دوره های موجود برتری می بخشد، موضوع پشتیبانی دوره است. چون قطعا دانشجوهای هر دوره آموزش طی روند آموزشی با سوالات و ابهامات مختلفی روبرو می شوند که برای برطرف کردن آن ها نیاز به یک منتور و متخصص دارند. برای همین موضوع دوره آموزش VsCode پشتیبانی مادام العمر و رایگان دارد تا دانشجو های دوره بابت سوالاتی که طی آموزش با آن ها برخورد می کنند نگران نبوده و تمام سوالاتشان توسط مدرس دوره برطرف شود.شما طی آموزش VsCode هر سوال یا ابهامی که داشتید، می توانید در قسمت پرسش و پاسخ دوره مطرح کرده تا توسط مدرس پاسخ داده شده و برطرف شود.
چرا باید در دوره آموزش VsCode ثبت نام کنم؟
اگر در گروه های برنامه نویسی موجود در شبکه های مجازی مختلف حضور داشته باشید، قطعا متوجه می شوید که ادیتور VsCode محبوب ترین و پر استفاده ترین ادیتور بین برنامه نویسان است. البته یکی از دلایل محبوبیت وی اس کد، حجم پایین، داشتن اکستنشن های کاربردی مختلف، پشتیبانی از گیت، کراس پلتفرم بودن و … است. یعنی اگر شما سیستم ضعیفی برای کدنویسی داشته باشید باز هم وی اس کد کار شما را بدون هیچ مشکل و اذیتی راه می اندازد. پس چه بهتر که برای کد نویسی از ادیتور VsCode استفاده کنید. در این دوره آموزش VsCode، نحوه کار با این ادیتور از صفر تا نزدیک های صد به شما آموزش داده می شود. پس اگر می خواهید با ادیتور VsCode کدنویسی کنید، همین الان در دوره آموزش VsCode ثبت نام کرده و آن را از مقدماتی تا پیشرفته یاد بگیرید.
برای کدنویسی حتما باید از VsCode استفاده کرد؟

جواب این سوال منفی است. امروزه ادیتور ها و IDE های بسیار زیاد و مختلفی مثل Atom، PhpStorm، WebStorm، Sublime و … برای کدنویسی وجود دارند که هر کدام از آن ها دارای مزایا و معایب خاصی هستند و این شما هستید که بنا به معیارها، علاقه و سیلقه خود یکی از آن ها را انتخاب کرده و برای کد نویسی از آن استفاده می کنید. شما یک کد یکسان را در هر کدام از ادیتورها و IDE ها که بنویسید، خروجی کد شما یکسان خواهد بود. همان طور که بالاتر ذکر شد، در اصل ادیتورها و IDE ها فقط ابزارهایی هستند که کار شما را راحت تر کرده و سرعت شما را در کد نویسی افزایش می دهند. اما شاید برایتان سوال باشد که چرا VsCode این همه سر و صدا به پا کرده و محبوبیت بالایی دارد!
برای جواب این سوال به تصویر زیر دقت کنید:

همان طور که در تصویر بالا مشاهده می کنید (تصویر از آمار وب سایت استک اور فلو برای سنجش محبوبیت محیط های توسعه است)، ادیتور VsCode بیشترین محبوبیت را بین برنامه نویسان دارد. برای همین موضوع در این دوره سعی کردیم نحوه نصب و کار کردن با ادیتور VsCode را به شما عزیزان آموزش دهیم.
چرا این دوره رایگان است؟
از آن جایی که هدف تیم سبزلرن نشر دادن علم و رضایت کاربران است، این دوره به صورت رایگان در اختیار شما قرار گرفته است اما شما از پشت پرده ماجرا و هزینه هایی برای تولید این دوره پرداخت شده اند هیچ اطلاعی ندارید.
در واقع برای دامنه وب سایت، هاست دانلود، تدریس و حتی برای پشتیبانی دوره نیز هزینه های مختلفی پرداخت می شود تا دوره آموزش VsCode به صورت رایگان در اختیار شما عزیزان قرار گیرد.
ضمنا، هر کدام از جلسات دوره قبل از این که روی سایت آپلود شوند، از لحاظ تضمین کیفیت صدا، تصویر و محتوایی توسط تیم سبزلرن مورد بررسی قرار می گیرند و در صورت عبور از فیلتر های لازم در سایت آپلود شده و در اختیار شما عزیزان قرار می گیرند.
پس بابت کیفیت صدا، تصویر و محتوای فنی دوره هیچ گونه نگرانی نداشته باشید و اگر قصد دارید ادیتور VsCode را برای کد نویسی انتخاب کنید، همین الان به صورت رایگان در دوره ثبت نام کرده و VsCode را از سطح مقدماتی تا پیشرفته یاد بگیرید.
سرفصل ها
2تفاوت IDE با Editor10:15
3دانلود و نصب VsCode6:21
4آشنایی با قسمت های مختلف VsCode11:39
5کار با فایلها و فولدرها در VsCode11:12
6شورتکات های مفید و کاربردی – 112:40
7شورتکات های مفید و کاربردی – 26:25
8کار با اکستنشن Emmet7:01
9کار با اکستنشن Auto Rename Tag9:00
10کار با اکستنشن Material Icon Theme11:47
11کار با اکستنشن Html Preview6:30
12کار با اکستنشن Color Highlight5:08
13کار با اکستنشن CodeSnap7:12
14کار با اکستنشن Svg Preview3:51
15کار با اکستنشن باحال GlassIt9:44
16کار با اکستنشن Project Manager10:07
17کار با اکستنشن Css Intellisense7:50
18کار با فرمتر Prettier12:30
19کار با اکستنشن Bracket Pair Colorizer7:59
20کار با اکستنشن Minify10:34
21کار با اکستنشن Live Sass Compiler8:29
22کار با اکستنشن Todo Tree7:10
23کار با اکستنشن Better Comments8:17
24اکستنشن های کاربردی برای برنامه نویسان جاوا اسکریپت12:12
25کار با اکستنشن Live Server4:30
26تغییر تم VsCode + معرفی تم های محبوب Dark و Light12:50
27نحوه تغییر فونت VsCode + معرفی فونت های محبوب برنامه نویسان10:55
28کار با اکستنشن Code Spell Checker5:38
29نحوه استفاده از snippet های React، Es7 و React Native6:31
30کار با گیت در VsCode – اکستنشن Gitlens15:43
31آموزش کار با اکستنشن Live Share6:37
32شورتکات های کاربردی – اکستنشن Advance New File13:35
33Config های لازم برای پیاده سازی قابلیت Word Wrap5:17
34چند ساعت در روز کد میزنیم؟ (اکستنشن Wakatime)14:58
35آپدیت جدید VsCode5:14
36سخن پایانی3:12

محمد امین سعیدی راد
Front End & Back End Developerاول از همه برنامه نویسی اندروید رو شروع کردم و نزدیک به 2 سال با زبان جاوا اندروید کار میکردم .بعد تصمیم گرفتم در زمینه وب فعالیت داشته باشم.و...
نظرات
قوانین ثبت دیدگاه
- دیدگاه های نامرتبط به دوره تایید نخواهد شد.
- سوالات مرتبط با رفع اشکال در این بخش تایید نخواهد شد.
- از درج دیدگاه های تکراری پرهیز نمایید.
- اگر نیاز به پشتیبانی دوره دارید از قسمت پرسش سوال در قسمت نمایش انلاین استفاده نمایید
رایگان!
سرفصل های دوره
برای مشاهده و یا دانلود دوره روی کلمه لینک کلیک کنید!
fatemeh saeedi( خریدار محصول )
سلام وقتتون بخیر من برای دانلود فونت از سایت carbon نمیدونم باید از کدوم قسمت به github سایت دسترسی پیدا کنم تا بتونم فونت رو دانلود کنم از طریق قسمت source پایین صفحه ام که میرم اون گزینه دانلود رو نداره گیج شدم میشه یه راهنمایی کنین ؟ ممنون
محمدامین سعیدی راد(مدرس)( خریدار محصول )
سلام وقت بخیر
متوجه منظورتون نشدم.
سایت کربن که برای دانلود فونت نیست 🤔
fatemeh saeedi( خریدار محصول )
سلام مجدد پس توی قسمت 27 دقیقا راجب به چی توضیح دادین ؟ مگه از توی اون سایت نمیرفتیم فونت های محبوب برای vs رو پیدا میکردیم و بعد از توی git hub سایت پیداش میکردیم و دانلودش میکردم و بعدشم روی vs نصبشون میکردیم ؟؟؟
اما من نمیدونم بعد از اینکه از توی سایت carbon.now.sh فونت دلخواهمون رو پیدا کردیم چجوری دقیقا بریم توی git و بعد پیداش کنیم و دانلودش کنیم
سوال من اینه لطفا راهنماییم کنین ممنون
محمدامین سعیدی راد(مدرس)( خریدار محصول )
سلام مجدد.
برای موردی که گفتید، جلسه 27 رو چک میکنم و اطلاع میدم بهتون.
امیرحسین( خریدار محصول )
یک دنیا سپاس ، انشالله که بتونیم جبران کنیم زحمت های شما ❤️
محمدامین سعیدی راد(مدرس)( خریدار محصول )
شلام عزیز.
خوشحالم که دوره براتون مفید بوده 👌❤