اینجا چیکار می کنیم؟ 👇 ❇️اکستنشن نصب می کنیم رو همین برنامه vs code ♡ هر اکستنشن (افزونه) میاد یسری ویژگی های خوبی رو به محیط کارت اضافه می کنه ♡ گاهی اوقات هم یک اکستنشن برامون ابزار کار ضروریه💠 📍اکستنشن = افزونه

قراره دو تا افزونه مهم برات بگم😍 اصلا این جلسه رو از دست نده

❇️اکستنشن live server 🧐چیکار می کنه؟ خروجی کدی که زدی رو برات توی یه صفحه سایت روی سیستم خودت نشون میده🤩 خیلی پر کاربرده چون همیشه باید بدونی هر کدی که می زنی چه نتیجه ای میده👌 #vscode

اسم اکستنشن live server رو اینجا سرچ کنی برات میاره (۱) بعدش بزن روی install و منتظر بمون تا نصب بشه (۲)

از کجا بفهمی درست نصب شده؟ اون آیکنی که علامت زدم میاد پایین صفحت بزن روی اون آیکن تا برات یه صفحه سایت بسازه و نتیجه کد هات رو نشون بده😁❤️

بریم سراغ بعدی؟؟

❇️اکستنشن prettier 🧐چیکار می کنه؟ تمام کد هایی که زدی رو برات مرتب و منظم می کنم طبق استاندارد🤩 خیلی پر کاربرده چون یه طراح سایت حرفه ای نباید کد هاش به هم ریخته باشه👌 #vscode

کلمه prettier رو اینجا سرچ کنی برات میاره (۱) بعدش بزن روی install و منتظر بمون تا نصب بشه (۲) پ.ن.پ: تو تصویر من گزینه install نیست چون از قبل نصبش کردم😅

از کجا بفهمی کامل نصب شده؟ بعدا که یادت دادم کد بزنی، این نوشته ای که علامت زدم میاد پایین صفحه کدهات اینکه چجور باهاش همه چیزو مرتب کنی تو فیلم های جلسه بعد عملی نشونت میدم😁❤️

✅برنامه vs code رو نصب کن ✅دو تا افزونه ای که گفتم هم نصب کن روش فردا آخرین جلسه مقدماتی ماست🔥🔥 بعد از مقدمات هم وارد آموزش عملی میشید که فیلم های ضبط شدش در اختیارتون قرار میگیره حتما عدد ۱ رو به پشتیبانی بفرست تا ثبت نامت سریع تر انجام بشه👇 @Web_Block_Support

حتما جلسه دیشب رو مرور کنید تا امشب از چیزی جا نمونید💻💎 @web_block

#نقشه_راه طراحی فرانت-اند وبسایت تهیه توسط آکادمی وب بلاک💻 #فرانت‌اند 💎 @web_block