آموزش Visual Studio Code از نصب تا اجرای اولین پروژه در VS Code فرادرس مجله‌

اکنون در پایین گزینه Open and Save یک گزینه به نام Display HTML files as HTML code instead of formatted text وجود دارد که باید تیک آن را بزنید و ذخیره کنید. در این مقاله، نحوه ایجاد کردن یک صفحه HTML در دو سیستم‌عامل ویندوز و مک را یاد می‌دهیم. همه‌ی این تگ‌ها که در صفحات وب هستند باید در داخل تگ‌های اصلی قرار بگیرند.

حالت Zen Mode در VS Code

برای مثال، اگر یک اسکریپت T-SQL باز شود، نصب افزونه «mssql» برای این نوع فایل توسط VS Code توصیه می‌شود. برای مثال، وقتی که فایل‌ها قطعه‌بندی شوند، یک ناحیه جدید برای فایل‌های قطعه‌بندی شده ایجاد می‌شود. برای مثال، در تصویر (Screenshot) زیر، قطعه‌بندی فایل‌ها در Explorer به صورت افقی یا Split Down انجام شده است. قطعه‌بندی برای زمانی مناسب است که قصد مقایسه دو یا بیش از دو اسکریپت با یکدیگر یا استفاده از یک اسکریپت به عنوان منبع وجود داشته باشد. همچنین می‌توان VS Code‌ را از طریق خط فرمان (Terminal) در macOS با وارد کردن دستور «code» اجرا کرد.

بهترین نرم‌افزار برای ساخت فایل HTML

یکی دیگر از قابلیت های جالب این کد ادیتور داشتن تم های رنگی مختلف هست که شما میتونید بر اساس سلیقه خودتون یکی رو انتخاب کنید. از طریق مدیر فایل خود به پرونده index.html در پوشه Hello World بروید. سپس در بخش باز شده، روی آیکون پوشه کلیک کرده و یک پوشه به اسم Hello World ایجاد کنید. برای شروع از قسمت File روی گزینه Add Folder to Workspace کلیک کنید.

نظرات دانشجویان

به عنوان مثال، پسوند فایل های اچ تی ام ال html است و به مرورگر (و سایر برنامه ها) می گوید که محتوای فایل را به عنوان یک سند HTML تفسیر کنند. پس از دانلود پوشه پروژه توسط Visual Studio Code می توانید فایل ها را اضافه کنید. قبل از استفاده از ویرایشگر متن، ایجاد یک سیستم فایل سازمان یافته مهم است. هرچه تعداد و اندازه پروژه های شما رشد می کند، مهم تر می شود بدانید که کجا می توانید پروژه های جدید را ذخیره کنید و پروژه های قدیمی را پیدا کنید.

Visual Studio Code از زبان‌های برنامه‌نویسی متعددی پشتیبانی می‌کند. یکی از قابلیت‌ها و ویژگی‌های کلیدی VS Code افزونه‌های متعددی است که اکثراً به صورت رایگان قابل نصب و استفاده هستند. VSCode از زبان‌های برنامه نویسی مشهوری مانند JavaScript، Python، C++، HTML، CSS و بیش از 40 زبان برنامه نویسی دیگر پشتیبانی می‌کند. علاوه بر این، با استفاده از افزونه‌های موجود، می‌توانید آن را به دلخواه خود گسترش دهید و قابلیت‌های جدیدی به آن اضافه کنید.

البته قبل از اجرای این دستور، باید VS Code به Path‌ مک OS اضافه شده باشد. ناشرهای افزونه اجازه دارند گواهینامه‌ای را انتخاب کنند که با نیازهای تجاری آن‌ها همخوانی داشته باشد. در این بخش، پیرامون موضوعات مهم و اساسی آموزش Visual Studio Code و شروع کار با آن ارائه شده است. در ادامه آموزش Visual Studio Code به بررسی مزایا و معایب آن پرداخته شده است. ویرایشگر VS Code امکانات و ویژگی‌های بسیاری دارد که در این بخش از مطلب آموزش Visual Studio Code به برخی از آن‌ها اشاره شده است.

آموزش نصب VS Code‌ در ویندوز

در ادامه آموزش نصب VS Code در مطلب آموزش Visual Studio Code، هر یک از گزینه‌های مرحله انتخاب وظایف افزوده نشان داده شده در تصویر بالا، به ترتیب شماره توضیح داده شده است. با توجه به افزایش نرخ دورکاری، مدیریت زمان بیش از همیشه اهمیت پیدا کرده است. مثلاً اگر یک توسعه‌دهنده از سامانه ردیابی معیارهای توسعه Wakatime استفاده می‌کند، یک افزونه VS Code‌ برای مدیریت مستقیم آمار Wakatime از داخل ویرایشگر وجود دارد. افزونه Code Time نیز امکان ردیابی و مدیریت بهره‌وری مستقیم توسط خود شخص را از طریق یک بستر متن‌باز فراهم می‌سازد. برای آن دسته از افرادی که تنها نیاز به یک زمان‌سنج Pomodoro دارند، یک افزونه برای آن نیز در VS Code موجود است. این قابلیت به توسعه‌دهنده کمک می‌کند تا بتواند ضوابط ساختار کد را به طور پیش‌فرض و با دردسر کم‌تری اجرا کند.

فایل خود را غالباً با ویژگی ذخیره خودکار ذخیره کرده و اگر می دانید چگونه از آن استفاده می کنید، تغییرات را با سیستم کنترل نسخه پیگیری کنید. (برای روشن کردن «ذخیره خودکار»، روی «File» سپس «ذخیره خودکار» کلیک کنید. وقتی روشن است، علامت تأیید در کنار «ذخیره خودکار» مشاهده خواهید کرد.) با این کار احتمال از دست دادن کار ذخیره نشده کاهش می یابد. نام فایل جدید را با پسوند فایل مناسب آن تایپ کنید (به عنوان مثال .html ،.css ،.csv). مهم است که پسوند فایل را به درستی وارد کنید، بنابراین برنامه هایی مانند linter ها می دانند که چگونه محتوای آن را تفسیر کنند. مطمئن شوید که پوشه ای است که مرتباً از آن بازدید می کنید و آن را به خاطر می سپارید.

در صورت فراموشی محل هر یک از بخش‌های رابط کاربری، با استفاده از گزینه «Interface Overview» در صفحه خوش‌آمدگویی، راهنمایی از محل بخش‌های اصلی رابط کاربری VS Code روی صفحه ظاهر می‌شود. همواره می‌توان از طریق Command Pallete و با جستجو در آن به صفحه خوش‌آمدگویی دسترسی داشت. در ادامه این بخش از آموزش Visual Studio Code، ابتدا به معرفی نوار وضعیت یا Status Bar و هر یک از زبانه‌های این بخش از رابط کاربری VS Code پرداخته شده است. سلام دوستان امروز با یکی دیگر از آموزش‌های رایگان درسمن، همراه ما هستید. قبل از اینکه کار کردن با آن را یاد بگیریم به طور کامل در مورد آن صحبت می کنیم. می‌توان با استفاده از Command Palette یا طیف دستورات به تمام امکانات در VS Code دسترسی پیدا کرد.

همچنین می‌توانید نام آن را از New Text Document به index تغییر دهید. اساسا یک دوره آموزشی خوب باید در حدی جامع و کامل باشه که دانشجو بین سایت ها و دوره های مختلف سردرگم نشه. سبزلرن هم با همکاری و همفکری اساتید، مطالب آموزشی رو طوری طراحی کرده که بعد از پایان اون دوره نیاز خاصی به دوره های مشابه دیگه نخواهید داشت. در VS Code، پیشنهاداتی برای عناصر، تگ‌ها، برخی مقادیر و تگ‌های Ionic و AngularJS نیز ارائه می‌شود.

دوره آموزش HTML چند درصد از مباحث را پوشش می‌دهد؟

یکی از دلایل محبوبیت وی اس کد، حجم پایین، داشتن اکستنشن های کاربردی مختلف، پشتیبانی از گیت، کراس پلتفرم بودن و … است. یعنی اگر شما سیستم ضعیفی برای کدنویسی داشته باشید باز هم وی اس کد کار شما را بدون هیچ مشکل و اذیتی راه می اندازد. پس چه بهتر که برای کد نویسی از ادیتور VsCode استفاده کنید.در این دوره آموزش vscode، نحوه کار با این ادیتور از صفر تا نزدیک های صد به شما آموزش داده می شود.

توسعه با ویرایشگر متن اغلب توسط توسعه‌دهندگانی انجام می‌شود که ترجیح می‌دهند از پلتفرم‌های غیر استاندارد استفاده کنند. این کار به این دلیل انجام می‌شود که یک ویرایشگر متن ساده با همه زبان‌های برنامه‌نویسی سازگاری دارد. پس از گذراندن دوره آموزش vs code، می‌توانید به خوبی با این نرم افزار کار کنید و میانبرهای کاربردی آن را در زمان مناسب، استفاده کنید. همچنین می‌توانید به خوبی با ترمینال و اسنیپت‌ها کار کنید و به بهترین شکل، نرم افزار یا پروژه خود را توسعه دهید. علاوه بر این، اگر برنامه نویس وب هستید و استفاده زیادی از HTML و CSS دارید، می‌توانید سرعت کدنویسی خود را با استفاده از Emmet چندبرابر کنید.

از جمله سرفصل‌های این دوره می‌توان به آشنایی با پایتون، ساختمان داده در پایتون، توابع و ماژول‌ها، کلاس و سایر موارد اشاره کرد. برای مثال، افزونه vscode-database اتصال سریع و جستجو در MySQL و PostgreSQL را فراهم می‌کند. همچنین، افزونه vscode-sqlite امکان کار با پایگاه‌داده چندمنظوره SQLite را فراهم می‌کند. باید در نظر داشت که این افزونه‌ها در جستجو و اجرای Query کاربرد دارند و برای مدیریت جزئیات پایگاه‌داده مثل تغییر ساختار جدول مناسب نیستند (مگر آنکه فرد با مدیریت جزئیات از طریق Query ‌مشکلی نداشته باشد).

Debugger درونی VS Code به سرعت بخشیدن در چرخه ویرایش، کامپایل و اشکال‌زدایی کدها کمک می‌کند. به صورت پیش‌فرض، VS Code از اشکال‌زدایی فریم‌ورک NodeJS پشتیبانی می‌کند و به طور کلی می‌تواند هر چیزی را که به جاوا اسکریپت ترجمه می‌شود، اشکال‌زدایی کند. اگرچه، برای اشکال‌زدایی سایر زبان‌های زمان اجرا (Runtime) مثل ‎C++‎ یا پایتون، نیاز به نصب افزونه مخصوص وجود دارد. اولین قدم در آموزش HTML این است که بدانیم تعریف این زبان چیست؟ HTML یک زبان برنامه‌نویسی نیست؛ بلکه یک زبان نشانه‌گذاری است که ساختار محتوای شما را تعریف می‌کند.

HTML5 را می‌توانیم به عنوان آخرین ورژن HTML که در سال 2014 ارائه شد دانست. در این ورژن از HTML شما دارای عناصر، ویژگی‌ها و رفتارهای جدیدی هستید که با استفاده از آن‌ها می‌توانید ساختار‌های بهتری را برای وبسایت خود ایجاد کنید. شما با موفقیت ویرایشگر متن خود را تنظیم کرده و آماده ایجاد وب سایت در رایانه خود هستید. آن را در مدیر پرونده خود پیدا کنید، دوبار کلیک کنید و “نصب” را انتخاب کنید. مطمئن شوید که برنامه Visual Studio Code خود را در مکانی ذخیره کرده اید که می دانید به راحتی می توانید آن را پیدا کنید. اگر از لپتاپ یا سیستم‌عامل مک استفاده می‌کنید، برای ساخت صفحه HTML نیاز به برنامه TextEdit دارید.

ساخت اولین سایت با HTML در VS Code

در ادامه فرآیند آموزش Visual Studio Code به شرح نحوه نصب این ویرایشگر کد در سه پلتفرم ویندوز، macOS و لینوکس پرداخته شده است. طول مدت این دوره آموزشی ۱۹ ساعت و ۱۹ دقیقه است و مدرس آن دکتر مصطفی کلامی هریس هستند. در این دوره آموزشی که شامل ۲۱ درس است، به تمامی مباحث و امکانات مختلف زبان برنامه‌نویسی جاوا پرداخته شده است. زبان برنامه‌نویسی جاوا (Java) یکی از زبان‌های کاربردی و محبوب به شمار می‌رود و یادگیری آن برای علاقه‌مندان برنامه‌نویسی می‌تواند بسیار مفید باشد. VS Code از مفهوم "فضای کاری" استفاده می‌کند تا بتواند محدوده ساختار پروژه، از جمله تنظیمات مربوط به پروژه و همچنین فایل‌های پیکربندی را برای اشکال‌زدایی و انجام وظایف، مشخص کند. همان‌طور که قبلاً هم بیان شد، Visual Studio Code قابلیت‌ها و امکانات خود را با استفاده از افزونه‌ها گسترش می‌دهد.

انواع تگ در صفحات HTML

وقتی که مخزن فعال شد، باید سیستم را به‌روزرسانی کرده و Visual Studio Code را با دستورات زیر نصب کرد. سپس باید با استفاده از دستور «wget»،‌ مخزن مربوطه را دانلود کرده و کلید GPG مایکروسافت را به صورت زیر Import کرد. تصویر زیر نشان می‌دهد که این نواحی چطور در Visual Studio Code نمایش داده می‌شوند.

در ادامه، نحوه ایجاد یک فایل جدید و اجرای یک برنامه ساده در VS Code آموزش داده شده است. یک «فضای کاری» (Workspace) در VS Code، معمولاً به پوشه محل ذخیره یک پروژه اطلاق می‌شود. VS Code از مفهوم “فضای کاری” استفاده می‌کند تا بتواند محدوده ساختار پروژه، از جمله تنظیمات مربوط به پروژه و همچنین فایل‌های پیکربندی را برای اشکال‌زدایی و انجام وظایف، مشخص کند. فایل‌های Workspace در نشانی پروژه و در پوشه‌ای با پسوند «‎.vsco‎‎de‎‎» ذخیره شده است. همچنین، می‌توان در یک فضای کاری VS Code، از طریق قابلیتی به نام «فضای کاری چند ریشه» (Multi-Root Workspace) بیش از یک پوشه اصلی در یک فضای کاری داشت.

قابلیت انتخاب رنگ

برای این کار، ابتدا روی Finder کلیک کنید، سپس روی Applications بروید و در آنجا روی TextEdit کلیک کنید. همانطور که در بالا گفتیم، خروجی و نمایش کدها در مرورگر ربطی به نرم‌افزار مورد استفاده شده ندارد و فقط بخاطر راحتی کد نویسی، از VSCode استفاده می‌شود. باید دوباره یادآوری کنیم آموزش HTML سبزلرن طوری طراحی شده که با صرف کمترین زمان به نتیجه مطلوب می رسید. تمرین شبانه روزی و بی وقفه ممکنه روزهای اول به خاطر انگیزه و اشتیاق باشه اما به مرور زمان و با آثار مخربی که به سلامتی جسمی و روحی شخص وارد میکنه، جای خودش رو به خستگی و بی حوصلگی میده. وقتی مسلط شدید به این معنیه که یکی از جاده های اصلی برای کار کردن با زبان های برنامه نویسی دیگه رو آسفالت کردید. در آخرین بخش از مطلب آموزش Visual Studio Code به معرفی برخی از مهم‌ترین فیلم‌های آموزش برنامه‌نویسی پرداخته شده است.

هر سایتی که در اینترنت مشاهده می‌کنید، از یک فایل HTML ساخته شده است. اگر شما نیز می‌خواهید یک صفحه وب با HTML بسازید، در این مقاله با آموزش ساخت فایل HTML و نمایش آن در مرورگر آشنا خواهید شد. پس در ادامه با دولوپرشو همراه باشید تا با نحوه ساخت سند HTML به‌صورت گام به گام آشنا شوید.

در Visual Studio Code یک زمین بازی تعاملی (Interactive Playground) برای امتحان کردن ویژگی‌های مختلف این ویرایشگر وجود دارد. دسترسی به صفحه زمین بازی تعاملی باز هم از طریق جستجوی عبارت «Interactive Playground» در Command Palette امکان‌پذیر است. وقتی که به‌روزرسانی انجام شد، نوبت به نصب وابستگی‌های مورد نیاز می‌رسد که به وسیله کد زیر انجام می‌شود.

اکنون در ادامه آموزش Visual Studio Code نحوه ساخت اولین سایت با HTML در VS Code‌ آموزش داده شده است تا فرآیند یادگیری به صورت عملی انجام شود. در این بخش از آموزش Visual Studio Code نحوه نصب این ویرایشگر کد منبع در سه پلتفرم ویندوز، مک و لینوکس آموزش داده شده است. Visual Studio Code یکی از محبوب‌ترین ویرایشگرهای کد در دنیای برنامه‌نویسان است. تجربه برنامه‌نویسی با ویژوال استودیو کد به قدری آسان، سریع و لذت‌بخش است که دیگر حاضر نیستید با هیچ ویرایشگر دیگری کار کنید؛ فقط کافیست آن را نصب کنید و با آن کدنویسی کنید. به عنوان مثال، Visual Studio Code یکی از محبوب ترین ویرایشگرهای متن است که توسط توسعه دهندگان استفاده می شود. (این ویژوال استودیو کد است و نه ویژوال استودیو) ویرایشگرهای متنی معروف دیگری که ممکن است از آن ها شنیده باشید Atom و Sublime Text هستند.

گذروندن آموزش HTML از نون شب و حتی چایی صبح واجب تره و یکی از اولین چک لیست های شما برای ادامه مسیر محسوب میشه. در VS Code، «رابط کاربری انتخاب رنگ» در بخش‌های مربوط به استایل‌دهی HTML در دسترس است. در ادامه این بخش از آموزش Visual Studio Code در خصوص سربرگ مدیریت منبع توضیحات مختصری ارائه شده است. یکی از ویژگی‌های کلیدی Visual Studio Code، پشتیبانی قدرتمند آن برای «دیباگ کردن» (Debugging) است. این سوال در مورد هر درس و رشته ای غلط هست چون هر شخصی نسبت به آمادگی ذهنی، علاقه، پشتکار و زمانی که برای آموزش اختصاص میده، تعیین میکنه هر درسی رو در چه زمانی یاد بگیره.

شما همچنین یاد خواهید گرفت که چگونه یک پوشه پروژه جدید را در Visual Studio Code بسازید و اولین پروژه HTML با جمله “Hello world” را بسازید. اما اگر بخواهیم یک نرم‌افزار ساده برای ایجاد فایل HTML را معرفی کنیم، بدون شک نوت پد پیش‌فرض ویندوز، قابلیت ایجاد فایل‌های HTML را داراست اما به قدرتمندی VsCode نیست. و تگ‌های HTML به‌صورت رنگی نیستند و به‌صورت خودکار پیشنهاد نمی‌شوند و باید همه‌ی تگ‌ها را خودتان بنویسید. این دوره، نحوه کار و استفاده از حداکثر پتانسیل برنامه VSCode را به شما یاد می‌دهد. فراگرفتن نحوه استفاده از ابزارهای یک کار، در افزایش سرعت و کیفیت کار تاثیرگذار است. خصوصا در برنامه نویسی که رقابت شدیدی در بسیاری از بخش‌ها وجود دارد.

{
• در ادامه آموزش Visual Studio Code به معرفی کلیه مطالب منتشر شده مرتبط با این ویرایشگر کد پرداخته شده است.
|}
• برای ویرایش فایل HTML در ویژوال استودیو کد نیز نیز می‌توانید روی فایل مورد نظر راست کلیک کنید، و سپس با زدن open with و Choose another app نرم‌افزار Visual Studio Code را انتخاب کنید.
{
• در این قسمت از آموزش Visual Studio Code چگونگی نصب این ویرایشگر کد منبع در سیستم عامل macOS توضیح داده شده است.
|}{
• با یادگیری این زبان برنامه‌نویسی می‌توان در زمینه توسعه نرم‌افزارهای مختلف به فعالیت پرداخت.
|}
• اگرچه، برای اشکال‌زدایی سایر زبان‌های زمان اجرا (Runtime) مثل ‎C++‎ یا پایتون، نیاز به نصب افزونه مخصوص وجود دارد.
• برای این کار در سمت راست قسمت پایین صفحه روی گزینه Plain Text کلیک کنید تا یک جعبه در قسمت بالا باز شود و در آن دنبال زبان HTML بگردید و روی آن کلیک کنید.

یک ویرایشگر کد در واقع نوعی ویرایشگر متن است که ویژگی‌های افزوده مفیدی برای نوشتن کد ارائه می‌دهد، اما IDE معمولاً چیزی پیچیده‌تر است که چند ابزار مختلف را با هم ترکیب می‌کند. برای نوشتن کدهای HTML ، تنها یک ادیتور متن مانند Notepad ویندوز و یا نرم افزار های مرتبط با HTML همچون فرانت پیج یا ویژوال استودیو نیاز است . در این آموزش، ما به طور کامل درباره Visual studio code، نحوه پیاده سازی آن و نحوه اضافه کردن اکستنشن ها به نرم افزار Visual studio code پرداخته ایم. Visual Studio Code در مقایسه با Visual Studio محصولی کاملاً متفاوت است.

HTML شامل مجموعه‌ای از عناصر ( elements ) می‌شود که با استفاده از آن شما می‌توانید ساختار یک صفحه وب را مشخص می‌کنید تا در قدم بعدی بتوانید به آن ظاهر مناسبی به آن دهید. HTML به عنوان یک زبان نشانه‌گذاری شناخته می‌شود که به شما اجازه می‌دهد ساختار یک صفحه وب را به شکلی که مد نظر دارید ایجاد کنید. ما در دوره آموزش HTML سعی کرده‌ایم خیلی ساده و سریع و رایگان این زبان نشان‌گذاری را به شکل کامل به شما آموزش دهیم. اما در این قسمت یاد می‌گیریم که چگونه با ویژوال استودیو کد یک صفحه HTML بسازیم؟ پس در ادامه با ما همراه باشید. در این مقاله از آموزش برنامه نویسی که با HTML و نرم‌افزارهای مورد نیاز برای ساخت فایل اچ تی ام ال آشنا شدیم، وقت آن رسیده است که به سراغ ایجاد یک فایل اچ تی ام ال برویم. در این مقاله برای ایجاد صفحه HTML از Notepad ویندوز استفاده می‌کنیم.

Visual Studio Code (معروف به VS Code) ویرایشگر کد منبع متن‌باز (منبع آزاد) و رایگان ارائه شده توسط شرکت مایکروسافت است. Visual Studio Code به برنامه‌نویسان و توسعه‌دهندگان کمک می‌کند تا اشکال زدایی و اصلاح کد را با استفاده از روش‌های هوشمند انجام دهند. اگرچه، VS Code ویرایشگری نسبتاً سبک به حساب می‌آید، اما برخی ویژگی‌های قدرتمندش آن‌را به یکی از محبوب‌ترین ابزارهای توسعه در چند وقت اخیر تبدیل کرده است. در ادامه آموزش Visual Studio Code به معرفی امکانات و ساختار رابط کاربری این ویرایشگر کد پرداخته شده است. از یک ویرایشگر متن (Text Editor) ساده نیز می‌توان به عنوان ویرایشگر کد منبع استفاده کرد. ویرایشگر متن، یک رابط ابتدایی را فراهم می‌کند که این رابط، از قابلیت‌های ساده کپی و الصاق پشتیبانی می‌کند.

شما برای یادگیری HTML از طریق این دوره به مقدار زیادی اشتیاق به یادگیری و پیشرفت، با چاشنی اراده و اندکی تصمیم به ورود به دنیای طراحی وب دارید. ما در دوره آموزش HTML سعی کرده‌ایم به خوبی موارد مختلف HTML و HTML5 را به شما آموزش دهیم. با هر زبان جدیدی که یاد می گیرید، Visual Studio Code متن را به گونه ای برجسته می کند که خواندن کد شما را آسان می کند. بنابراین، ما ویرایشگر متن خود را انتخاب کرده ایم، اکنون فقط باید آن را در رایانه خود نصب کنیم!

بنابراین دانشجویان این رشته نیز می‌توانند برای یادگیری بهتر C++‎ از محتوای این دوره آموزشی استفاده کنند. برخی از مباحث و موضوعات این دوره شامل انواع داده‌ها، انواع عملگرها، دستورات cin و cout، ساختارهای تکرار (for ،while و do while)، تابع، آرایه و سایر موارد است. Visual Studio Code از ادغام چندین ارائه دهنده مدیریت کد منبع (نسخه) همچون TFS ،Git و SVN پشتیبانی می‌کند.

در ادامه این بخش از آموزش Visual Studio Code، مراحل نصب این ویرایشگر کد منبع به طور کامل فهرست شده است. نصب افزونه‌ها در ویژوال استودیو – آموزش پی اچ پی … ما در دوره آموزش برنامه‌نویسی پی اچ پی (php) قصد داریم درباره HTML نیز کمی صبحت کنیم. برای شروع این دوره تنها یک پیشنیاز داره اون هم اینکه شما یک زبان برنامه نویسی کار کرده باشید و نیازمند یک محیط برای کد نویسی با زبان برنامه نویسی مد نظر باشید. یکی از ویژگی‌های کلیدی Visual Studio Code، پشتیبانی قدرتمند آن برای اشکال‌زدایی (Debugging) است.

یادگیری HTML مهمترین و اساسی‌ترین قدمی‌ست که برای یادگیری تکنولوژی‌های حوزه وب نیاز است تا آن را یاد بگیرید. دلیل اینکه این دوره را نیز به صورت رایگان منتشر کرده‌ایم این است که همه شانس ورود به دنیای جذاب و پر درآمد طراحی وبسایت را داشته باشند. تغییر تنظیمات Hue، شدت و میزان شفافیت رنگ در VS Code پشتیبانی می‌شود. همچنین قابلیت‌ها و امکانات متعدد دیگری نیز برای توسعه با HTML در VS Code وجود دارد.

امکانات تکمیل کد به صورت خودکار (Auto-Code Complete) در اکثر برنامه‌های ویرایشگر کد منبع امروزی وجود دارد. ویژگی تکمیل خودکار کد به این صورت است که ویرایشگر یک کلمه یا عبارت را بر اساس آنچه برنامه‌نویس در ویرایشگر تایپ کرده است،‌ پیش‌بینی می‌کند. در واقع، قبل از اینکه برنامه‌نویس تایپ یک خط کد را به پایان برساند، ویرایشگر، کلمات کد را پیش‌بینی کرده و استفاده از آن‌ها را به برنامه‌نویس پیشنهاد می‌دهد. این همان ویژگی است که به طور گسترده‌ در مرورگرهای وب و تلفن‌های هوشمند نیز موجود است. از این جا به بعد شما نیاز به مقداری دانش برنامه نویسی در مورد زبان های Html و css دارید تا بتوانید در یک پروژه کد بزنید. کد زنی در محیط ویژوال کد با توجه به میزان خلاقیتی که نشان می دهید می تواند بسیار هیجان انگیز باشد.

بخش Interactive Playground در VS Code

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

۲- پیدا کردن فایل فعلی

در این صفحه فهرستی از کلیدهای میانبر قابل استفاده در VS Code ارائه شده و می‌توان در میان آن‌ها میانبر مورد نظر را جستجو کرد. در ادامه آموزش Visual Studio Code به معرفی ده تا از رایج‌ترین و کاربردی‌ترین میانبرهای صفحه کلید در VS Code پرداخته شده است. در VS Code، می‌توان قالب‌بندی کد جاوا اسکریپت و کدهای سایر زبان‌های برنامه‌نویسی را انجام داد. برای دسترسی به امکانات ذکر شده در بالا، می‌توان در داخل فایل کدها راست کلیک کرد.

این تجربه اولیه می‌تواند به عنوان پایه‌ای برای یادگیری بیشتر در زمینه توسعه وب شما باشد. در این محیط میتونید اکثر زبان های برنامه نویسی روز دنیا مثل جاوا اسکریپت، پایتون، جاوا ، PHP ، GO و…. یک محیط ساده، کم حجم، سبک که میتونید با استفاده از افزونه هایی اختصاصی که در اختیار شما قرار میده، اون رو به یک محیط برنامه نویسی حرفه ای و لذت بخش برای خودتون تبدیل کنید. این ویرایشگر کد در در سیستم عامل‌های مختلف مثل ویندوز، مک و لینوکس قابل نصب است؛ به همین دلیل به آن کد ادیتور چند سکویی یا cross platform گفته می‌شود و یکی از عوامل محبوبیت آن همین ویژگی می باشد. خیر به هیچ وجه، HTML به عنوان یک زبانه نشانه‌گذاری شناخته می‌شود که با استفاده از آن شما می‌توانید در چینش یا طراحی اسکلت صفحات وب‌سایت خود را مشخص کنید.

توضیحات دوره

نتیجه این همکاری، به هزاران افزونه بهینه و کاربردی در مخزن VSCode ختم شده است. VSCode یا Visual Studio Code، یک ویرایشگر متن‌باز و بسیار قدرتمند است که توسط ابرشرکت مایکروسافت توسعه داده شده است. این برنامه، به عنوان یک ابزار توسعه چند منظوره شناخته می‌شود که برای برنامه‌نویسان و توسعه‌دهندگان زبان‌های برنامه نویسی مختلف، ایده‌آل است.

در این بخش از مطلب آموزش Visual Studio Code راجع‌به زبانه یا سربرگ جستجو که با آیکن ذره‌بین در نوار سمت چپ (نوار فعالیت) رابط کاربری VS Code مشخص می‌شود، توضیحاتی ارائه شده است. بخش Search برای جستجوی یک کلیدواژه خاص در همه فایل‌هایی که در پنجره ویرایشگر باز هستند استفاده می‌شود. برای مثال، اگر فرض شود که قصد تعویض عبارت sys.databases با کلیدواژه databases در همه فایل‌هایی که باز هستند وجود دارد، باید کلیدواژه را از طریق زبانه Search‌ در تمام فایل‌های ویرایشگر جستجو کرد. در پایین محل جستجو، تمام رویداد‌های کلیدواژه مورد نظر در همه فایل‌های ویرایشگر نشان داده می‌شود. این قابلیت کار توسعه‌دهندگان را در ملاحظه و بررسی تغییراتی که در پروژه انجام می‌شود راحت می‌کند. از طریق زبانه مدیریت منبع در نوار فعالیت VS Code می‌توان گیت را راه‌اندازی کرده و بسیاری از دستورات Git از جمله commit ،pull ،push و rebase قابل اجرا است.

این کدهای منبع معمولاً از طریق یک برنامه ویرایشگر کد منبع وارد کامپیوتر می‌شوند. این ویرایشگر یک «واسط برنامه‌نویسی» (Programming Interface) است که کدهای نرم‌افزاری را دریافت و ذخیره می‌کند. در این مطلب جامع سعی شده است تا به کلیه مباحث پیرامون آموزش Visual Studio Code به طور کامل پرداخته شود، تا بتوان از این مقاله به عنوان راهنمایی برای شروع به کار با Visual Studio Code استفاده کرد. در این محیط ویرایشگر از متن فارسی هم می‌توان استفاده کرد و این می‌تواند یک خبر خوشحال‌کننده برای توسعه‌دهندگان فارسی زبان باشد.

یک پنجره تعاملی پس از توضیحات در همان صفحه وجود دارد که می‌توان با استفاده از آن، ویژگی قابلیت ویرایش با چند نشان‌گر را تمرین و امتحان کرد. در ادامه آموزش Visual Studio Code در خصوص صفحه interactive Playground توضیحاتی ارائه شده است. در ادامه آموزش Visual Studio Code به معرفی ویژگی خرده‌نشانی (Breadcrumb) پرداخته شده است. وقتی فایل خاصی در VS Code‌ باز می‌شود، در صورتی که افزونه مرتبط با آن فایل نصب نباشد، VS Code در یک پنجره مطابق تصویر زیر، نصب افزونه مناسب را پیشنهاد می‌دهد.

گام اول: دانلود VSCode از سایت مایکروسافت و نصب آن

VS Code‌ ویرایشگر محبوب و پراستفاده‌ای است و مزایای بسیاری دارد که در این بخش تنها به برخی از آن‌ها اشاره شد. در ادامه مطلب آموزش Visual Studio Code به برخی از معایب و کاستی‌های این ویرایشگر کد اشاره شده است. در پایان نیز مطالب کاربردی بسیاری پیرامون آموزش Visual Studio Code‌ فهرست شده است که مطالعه آن‌ها پس از مطالعه این مطلب برای یادگیری بهتر VS Code پیشنهاد می‌شود. طول مدت این آموزش ۲۰ ساعت و ۱۴ دقیقه است و مدرس آن دکتر فرشید شیرافکن هستند. C++‎ یکی دیگر از زبان‌های برنامه‌نویسی رایج و پرکاربرد در دنیای برنامه‌نویسی به حساب می‌آید. بسیاری از نرم‌افزارها و برنامه‌های محبوب و شناخته شده با C++‎ نوشته شده‌اند.

علاوه بر این موارد، یک برنامه نویس باید بتواند حداقل با یک محیط توسعه یا یک ویرایشگر کد کار کند و به خوبی به آن مسلط شود. در کل، پس از اتمام دوره آموزش vs code، به تمام بخش‌های کاربردی و مهم نرم افزار visualstudio مسلط می‌شوید و می‌توانید به خوبی از آن استفاده کنید. برای دیدن خروجی از افزونه Live Server که پیش‌تر نصب شد استفاده می‌شود.

نبی عبدی هستم مدیر آکادمی وبکیما، مدرس و محقق در حوزه راه‌اندازی انواع کسب‌وکارهای اینترنتی، میخوام بدونید که کار در حوزه اینترنت بسیار دوست داشتنیه!

افزونه‌های بسیاری برای زبان‌های برنامه‌نویسی مختلف، قالب‌های فایل، راه‌کارهای ابری و سایر موارد در VS Code قابل دسترسی است. VS Code افزونه‌های محبوب و توصیه شده را به صورت پیش‌فرض ارائه می‌دهد. طول مدت این دوره آموزشی ۱۹ ساعت و ۵۳ دقیقه است و مدرس آن مهندس پژمان اقبالی شمس آبادی هستند.

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

روند نصب رایانه های دارای MacOS ،Windows و Linux بسیار مشابه خواهد بود و استفاده از Visual Studio Code در همه آن ها یکسان خواهد بود. در ادامه دوره رایگان آموزش HTML و CSS، با جلسه آموزش حل مشکل نوشتن فارسی... در این جلسه از سری جلسات دوره آموزش رایگان HTML و CSS، می‌خواهیم با مفاهیم... در این جلسه از سری آموزش HTML و CSS می‌خواهیم بهترین ویرایشگر کد برای HTML... همچنین برخی از تنظیمات برگزیده را باید تغییر دهید تا برنامه بتواند فایل‌ها را به درستی ذخیره کند. برای این کار روی Preferences کلیک کنید و سپس روی Format بزنید و Plain Text را انتخاب کنید.