Forwarded from Web Devs
#Javascript
الگوریتم و ساختار داده در جاوا اسکریپت با توضیحات کامل
https://goo.gl/VZyRwo
@fullStackDevs
الگوریتم و ساختار داده در جاوا اسکریپت با توضیحات کامل
https://goo.gl/VZyRwo
@fullStackDevs
GitHub
trekhleb/javascript-algorithms
📝 Algorithms and data structures implemented in JavaScript with explanations and links to further readings - trekhleb/javascript-algorithms
#FullStackDeveloper
Web Development In 2019 - A Practical Guide
یک ویدیوی خوب برای اینکه چه چیزهایی باید بلد باشیم برای توسعه وب اپلیکیشن و برای تبدیل شدن به fullstack developer دقیقا باید تو سال 2019 چه چیزهایی رو حرفه ای بدونیم
📌 لینک : https://goo.gl/FdxvTN
@fullStackDevs
Web Development In 2019 - A Practical Guide
یک ویدیوی خوب برای اینکه چه چیزهایی باید بلد باشیم برای توسعه وب اپلیکیشن و برای تبدیل شدن به fullstack developer دقیقا باید تو سال 2019 چه چیزهایی رو حرفه ای بدونیم
📌 لینک : https://goo.gl/FdxvTN
@fullStackDevs
#SOA
#Monolithic
#Microservices
Monolithic vs SOA vs Microservices — How to Choose Your Application Architecture
📌 Link : https://goo.gl/La4UcF
@fullStackDevs
#Monolithic
#Microservices
Monolithic vs SOA vs Microservices — How to Choose Your Application Architecture
📌 Link : https://goo.gl/La4UcF
@fullStackDevs
#elgooG
الگوگ (برعکس عبارت گوگل) یک وبسایت آینهای از موتور جستجو گر شرکت گوگل است که تمامی تصویر موجود در سایت گوگل را به صورت آینهای نشان میدهد. وبسایت غیررسمی الگوگ در سال ۲۰۰۲ تنها برای تفریح و جذابیت ساخته شده بود اما زمانی که در جمهوری خلق چین سایت گوگل فیلتر شد مردم آن کشور به استفاده از الگوگ پرداختند تا فیلترها را دور بزنند. دور زدن فیلترینگ بزرگ با استفاده از این وبسایت باعث شد استقبالی بیش از انتظار از این دامنه اینترنتی شود! و اکنون این دامنه برای فروش گذاشته شده است
https://elgoog.im/
@fullStackDevs
الگوگ (برعکس عبارت گوگل) یک وبسایت آینهای از موتور جستجو گر شرکت گوگل است که تمامی تصویر موجود در سایت گوگل را به صورت آینهای نشان میدهد. وبسایت غیررسمی الگوگ در سال ۲۰۰۲ تنها برای تفریح و جذابیت ساخته شده بود اما زمانی که در جمهوری خلق چین سایت گوگل فیلتر شد مردم آن کشور به استفاده از الگوگ پرداختند تا فیلترها را دور بزنند. دور زدن فیلترینگ بزرگ با استفاده از این وبسایت باعث شد استقبالی بیش از انتظار از این دامنه اینترنتی شود! و اکنون این دامنه برای فروش گذاشته شده است
https://elgoog.im/
@fullStackDevs
#framework
#Library
The Difference Between a Framework and a Library
تفاوت بین چارچوب و یک کتابخانه
در انتهای پست لینک این مطلب کامل هست من فقط از این دوتا پاراگراف توضیح خیلی خوشم امد و توی پست گذاشتم
A library is like going to Ikea. You already have a home, but you need a bit of help with furniture. You don’t feel like making your own table from scratch. Ikea allows you to pick and choose different things to go in your home. You are in control.
A framework, on the other hand, is like building a model home. You have a set of blueprints and a few limited choices when it comes to architecture and design. Ultimately, the contractor and blueprint are in control. And they will let you know when and where you can provide your input.
📌 لینک : https://goo.gl/VonJY1
@fullStackDevs
#Library
The Difference Between a Framework and a Library
تفاوت بین چارچوب و یک کتابخانه
در انتهای پست لینک این مطلب کامل هست من فقط از این دوتا پاراگراف توضیح خیلی خوشم امد و توی پست گذاشتم
A library is like going to Ikea. You already have a home, but you need a bit of help with furniture. You don’t feel like making your own table from scratch. Ikea allows you to pick and choose different things to go in your home. You are in control.
A framework, on the other hand, is like building a model home. You have a set of blueprints and a few limited choices when it comes to architecture and design. Ultimately, the contractor and blueprint are in control. And they will let you know when and where you can provide your input.
📌 لینک : https://goo.gl/VonJY1
@fullStackDevs
#VisualStudio2019(RC)
دانلود ویژوال استودیو ۲۰۱۹ نسخه RC
در حال حاضر نسخه ای که قابل دانلود هست یک گام مانده به نسخه نهایی میباشد و با توجه به توضیحات جان مونتگومری مدیر مدیریت برنامه ویژوال استودیو که در لینک زیر کامل میتونید مطالعه کنید ، بعد از انتشار نسخه نهایی در ۲ آوریل (۱۳ فروردین ) میتونید نسخه ۲۰۱۹ RC رو به نسخه نهایی اپدیت کنید
📌 لینک مطلب : https://goo.gl/TwbPF4
📌 لینک دانلود ویژوال استودیو ۲۰۱۹ RC : https://goo.gl/NsPfBE
@fullStackDevs
دانلود ویژوال استودیو ۲۰۱۹ نسخه RC
در حال حاضر نسخه ای که قابل دانلود هست یک گام مانده به نسخه نهایی میباشد و با توجه به توضیحات جان مونتگومری مدیر مدیریت برنامه ویژوال استودیو که در لینک زیر کامل میتونید مطالعه کنید ، بعد از انتشار نسخه نهایی در ۲ آوریل (۱۳ فروردین ) میتونید نسخه ۲۰۱۹ RC رو به نسخه نهایی اپدیت کنید
📌 لینک مطلب : https://goo.gl/TwbPF4
📌 لینک دانلود ویژوال استودیو ۲۰۱۹ RC : https://goo.gl/NsPfBE
@fullStackDevs
#SVGIcon
پیدا کردن،سفارشی کردن و تولید آیکون های SVG برای اپلیکیشن های شما
📌 لینک : https://iconsvg.xyz/
@fullStackDevs
پیدا کردن،سفارشی کردن و تولید آیکون های SVG برای اپلیکیشن های شما
📌 لینک : https://iconsvg.xyz/
@fullStackDevs
#Calculator
#openSource
Announcing the Open Sourcing of Windows Calculator
📌 لینک : https://goo.gl/jnzMeg
@fullStackDevs
#openSource
Announcing the Open Sourcing of Windows Calculator
📌 لینک : https://goo.gl/jnzMeg
@fullStackDevs
This media is not supported in your browser
VIEW IN TELEGRAM
#UI
#UX
#FrontEnd
رابطه کاربری خوب خیلی راحت میتونه مشتری رو جذب خودش کنه !
UI Login #OpenSource !
📌 لینک سورس : https://goo.gl/dEfrN3
@fullStackDevs
#UX
#FrontEnd
رابطه کاربری خوب خیلی راحت میتونه مشتری رو جذب خودش کنه !
UI Login #OpenSource !
📌 لینک سورس : https://goo.gl/dEfrN3
@fullStackDevs
#PersianDateTimePicker
#Js
#Html
🔹 کامپوننت انتخاب تاریخ شمسی با اعداد فارسی
🔸 آپشن های مختلف برای انتخاب ساعت و دقیقه یا مخفی کردن ساعت و دقیقه
🔹باز شدن بصورت popover
نصب پکیج :
#Js
#Html
🔹 کامپوننت انتخاب تاریخ شمسی با اعداد فارسی
🔸 آپشن های مختلف برای انتخاب ساعت و دقیقه یا مخفی کردن ساعت و دقیقه
🔹باز شدن بصورت popover
نصب پکیج :
Install-Package ABluePersianDateTimePicker -Version 1.0.1@fullStackDevs
dotnet add package ABluePersianDateTimePicker --version 1.0.1
paket add ABluePersianDateTimePicker --version 1.0.1
#ABluePersianDateTimePicker
توضیحات تکمیلی
نحوه استفاده از این picker به صورت زیر به صورت میلادی و شمسی می باشد . میتونید اچ تی ام ال این صفحه را مشاهده کنید و المنت های خودتونو به سادگی بسازید و به دلخواه css هارو تغییر دهید.
🔹 با اتریبوت زیر روی المنت مثلا اینپوت picker فعال میشود
data-disablebeforetoday="true"
🔹 با اتریبوت زیر روزهای قبل امروز غیر فعال میشوند
data-disablebeforetoday="true"
🔸 با اتریبوت زیر میتونید تاریخ میلادی را فعال کنید
data-isgregorian="true"
🔹 با اتریبوت زیر میتونید ساعت دقیقه ثانیه رو نمایش ندید
data-enabletimepicker="true"
ورژن جدید ریایز شده :
توضیحات تکمیلی
نحوه استفاده از این picker به صورت زیر به صورت میلادی و شمسی می باشد . میتونید اچ تی ام ال این صفحه را مشاهده کنید و المنت های خودتونو به سادگی بسازید و به دلخواه css هارو تغییر دهید.
🔹 با اتریبوت زیر روی المنت مثلا اینپوت picker فعال میشود
data-disablebeforetoday="true"
🔹 با اتریبوت زیر روزهای قبل امروز غیر فعال میشوند
data-disablebeforetoday="true"
🔸 با اتریبوت زیر میتونید تاریخ میلادی را فعال کنید
data-isgregorian="true"
🔹 با اتریبوت زیر میتونید ساعت دقیقه ثانیه رو نمایش ندید
data-enabletimepicker="true"
ورژن جدید ریایز شده :
Install-Package ABluePersianDateTimePicker -Version 1.0.4@fullStackDevs
dotnet add package ABluePersianDateTimePicker --version 1.0.4
<PackageReference Include="ABluePersianDateTimePicker" Version="1.0.4" />
paket add ABluePersianDateTimePicker --version 1.0.4
#AspNetCore3
🌀 معرفی دات نت 5
ماکروسافت امروز اعلام کرد که نسخه بعد از ریلیز NET Core 3.0 ، دات نت 5 خواهد بود
🔹 نسخه دات نت 5 بزرگترین ریلیز در خانواده ی دات نت خواهد بود
🔸 در نسخه دات نت 5 فقط NET. وجود خواهد داشت که شما میتویند از این نسخه برای ویندوز ،لینوکس ،مک او اس ،tvOS، watchOS ، WebAssembley و ... استفاده کنید .
قابلیت های جدید در runtime و ویژگی های جدید در زبان اضافه خواهد شد!
از ابتدای پروژه NET Core، چیزی حدود پنجاه هزار API به .NET Framework اضافه شده ، امکان فعال سازی فرم های ویندوز، WPF و Entity Framework 6 وجود خواهد داشت.
بر روی دات نت 5 ، با استفاده از NET Core و بهترین مونو برای ایجاد یک پلت فرم که شما می توانید از کدهای مدرن دات نت استفاده کنید.
#MONO
💎 مونو یک پلت فرم نرم افزاری است که به شما اجازه می دهد تا اپلیکیشن های cross platform را به راحتی ایجاد کنید.این پلت فرم open source مبتنی بر .NET Framework بر اساس استانداردهای ECMA برای سی شارپ و CLR میباشد.
جالبه این پلت فرم بخشی از بنیاد NET Foundation است.
📅 زمان بندی ارائه نسخه های جدید :
.NET Core 3.0 release in September
.NET Core 3.1 = Long Term Support(LTS)
.NET Core 5.0 release in November 2020
Major release every year,LTS for even numbered releases
Predictable schedule,minor releases if needed
📌 لینک منبع
@fullStackDevs
🌀 معرفی دات نت 5
ماکروسافت امروز اعلام کرد که نسخه بعد از ریلیز NET Core 3.0 ، دات نت 5 خواهد بود
🔹 نسخه دات نت 5 بزرگترین ریلیز در خانواده ی دات نت خواهد بود
🔸 در نسخه دات نت 5 فقط NET. وجود خواهد داشت که شما میتویند از این نسخه برای ویندوز ،لینوکس ،مک او اس ،tvOS، watchOS ، WebAssembley و ... استفاده کنید .
قابلیت های جدید در runtime و ویژگی های جدید در زبان اضافه خواهد شد!
از ابتدای پروژه NET Core، چیزی حدود پنجاه هزار API به .NET Framework اضافه شده ، امکان فعال سازی فرم های ویندوز، WPF و Entity Framework 6 وجود خواهد داشت.
بر روی دات نت 5 ، با استفاده از NET Core و بهترین مونو برای ایجاد یک پلت فرم که شما می توانید از کدهای مدرن دات نت استفاده کنید.
#MONO
💎 مونو یک پلت فرم نرم افزاری است که به شما اجازه می دهد تا اپلیکیشن های cross platform را به راحتی ایجاد کنید.این پلت فرم open source مبتنی بر .NET Framework بر اساس استانداردهای ECMA برای سی شارپ و CLR میباشد.
جالبه این پلت فرم بخشی از بنیاد NET Foundation است.
📅 زمان بندی ارائه نسخه های جدید :
.NET Core 3.0 release in September
.NET Core 3.1 = Long Term Support(LTS)
.NET Core 5.0 release in November 2020
Major release every year,LTS for even numbered releases
Predictable schedule,minor releases if needed
📌 لینک منبع
@fullStackDevs
Microsoft News
Introducing .NET 5
Today, we’re announcing that the next release after .NET Core 3.0 will be .NET 5. This will be the next big release in the .NET family. There will be just one .NET going forward, and you will be able to use it to target Windows,
#WindowsTerminal
🔹 معرفی ترمینال ویندوز
ویندوز ترمینال جدید، مدرن، سریع، کارآمد، قدرتمند است و برنامه کاربردی ترمینال برای کاربران ابزار خط فرمان و پوسته مانند Command Prompt و PowerShell و (WSL(windows subsystem for linuxمیباشد .
ترمینال ویندوز از طریق Microsoft store در ویندوز 10قابل دسترس خواهد بود.
یکی از امکانات کلیدی و جالب ترمینال ویندوز استفاده از Multipe tabs است. یعنی شما میتونی چندین تب رو تو ترمینال باز کنید که هر کدام به یک خط فرمان متصل هستند ! مثلا یکی به Command Prompt, و یکی دیگه به PowerShell یا Ubuntu on WSL یا a Raspberry Pi via SSH,و ...
ادامه مطلب را میتوانید در این لینک مشاهده کنید .
@fullStackDevs
🔹 معرفی ترمینال ویندوز
ویندوز ترمینال جدید، مدرن، سریع، کارآمد، قدرتمند است و برنامه کاربردی ترمینال برای کاربران ابزار خط فرمان و پوسته مانند Command Prompt و PowerShell و (WSL(windows subsystem for linuxمیباشد .
ترمینال ویندوز از طریق Microsoft store در ویندوز 10قابل دسترس خواهد بود.
یکی از امکانات کلیدی و جالب ترمینال ویندوز استفاده از Multipe tabs است. یعنی شما میتونی چندین تب رو تو ترمینال باز کنید که هر کدام به یک خط فرمان متصل هستند ! مثلا یکی به Command Prompt, و یکی دیگه به PowerShell یا Ubuntu on WSL یا a Raspberry Pi via SSH,و ...
ادامه مطلب را میتوانید در این لینک مشاهده کنید .
@fullStackDevs
#ReactNative
#Windows10
React Native for Windows
مایکروسافت React Native for Windows را امروز یک پروژه منبع باز جدید برای توسعه دهندگان React Native اعلام کرد که می خواهند اپلیکیشن روی ویندوز 10 بسازند ، به معنای پیاده سازی جدید ا÷لیکیشن ها با performance بالاترروی ویندوز تحت مجوز MIT است.
این چارچوب، که اجازه می دهد تا توسعه دهندگان کد خود را در جاوا اسکریپت بنویسند و سپس آن را در اندروید و iOS اجرا کنند، در حال حاضر دارای افزونه ها و برنامه های افزودنی برای هدف قرار دادن اپلیکیشن های ویندوز و macOS هستند.
با React Native for Windows ماکروسافت بسیاری از کامپوننت های ویندوز را در C ++ بازنویسی می کند تا حداکثر performance را به دست آورد. این اجازه می دهد تا توسعه دهندگان بتوانند برای هر دستگاه ویندوز 10، از جمله رایانه های شخصی، تبلت، ایکس باکس با react native اپلیکیشن با performance بالا تولید کنند.
مایکروسافت این پروژه را در حال حاضر در GitHub در دسترس قرار داده است برای توسعه دهندگان که بتوانند آزمایش کنند.
لینک سورس تو گیت هاب
@fullStackDevs
#Windows10
React Native for Windows
مایکروسافت React Native for Windows را امروز یک پروژه منبع باز جدید برای توسعه دهندگان React Native اعلام کرد که می خواهند اپلیکیشن روی ویندوز 10 بسازند ، به معنای پیاده سازی جدید ا÷لیکیشن ها با performance بالاترروی ویندوز تحت مجوز MIT است.
این چارچوب، که اجازه می دهد تا توسعه دهندگان کد خود را در جاوا اسکریپت بنویسند و سپس آن را در اندروید و iOS اجرا کنند، در حال حاضر دارای افزونه ها و برنامه های افزودنی برای هدف قرار دادن اپلیکیشن های ویندوز و macOS هستند.
با React Native for Windows ماکروسافت بسیاری از کامپوننت های ویندوز را در C ++ بازنویسی می کند تا حداکثر performance را به دست آورد. این اجازه می دهد تا توسعه دهندگان بتوانند برای هر دستگاه ویندوز 10، از جمله رایانه های شخصی، تبلت، ایکس باکس با react native اپلیکیشن با performance بالا تولید کنند.
مایکروسافت این پروژه را در حال حاضر در GitHub در دسترس قرار داده است برای توسعه دهندگان که بتوانند آزمایش کنند.
لینک سورس تو گیت هاب
@fullStackDevs
#VSCode
🔹 توسعه پایتون از راه دور در ویژوال استودیو کد
امروز تیم پایتون ماکروسافت و ویژوال استودیو کد امکان توسعه از راه دور در ویژوال استودیو کد را معرفی کردند.
فعال کردن visual studio code developers برای توسعه که در آن code و tools خود را از راه دور در داخل docker containers، remote SSH hosts و زیرسیستم ویندوز برای لینوکس WSL))
این پشتیبانی در حال حاضر در Visual Studio Code Insiders ایجاد می شود و توسط سه افزونه های جدید از راه دور در بازار کد ویژوال استودیو فعال می شود:
🧩 Remote-Containers
در فضاهای کاری که در داخل کانتینرهای محلی قرار دارند توسعه می یابد
🧩 Remote-SSH
در فضاهای کاری که در یک دستگاه از راه دور روی یک اتصال SSH در حال اجرا است، توسعه یافته است
🧩 Remote-WSL
توسعه در فضاهای کاری در حال اجرا در داخل زیرسیستم ویندوز برای لینوکس
📌 لینک مطلب
@fullStackDevs
🔹 توسعه پایتون از راه دور در ویژوال استودیو کد
امروز تیم پایتون ماکروسافت و ویژوال استودیو کد امکان توسعه از راه دور در ویژوال استودیو کد را معرفی کردند.
فعال کردن visual studio code developers برای توسعه که در آن code و tools خود را از راه دور در داخل docker containers، remote SSH hosts و زیرسیستم ویندوز برای لینوکس WSL))
این پشتیبانی در حال حاضر در Visual Studio Code Insiders ایجاد می شود و توسط سه افزونه های جدید از راه دور در بازار کد ویژوال استودیو فعال می شود:
🧩 Remote-Containers
در فضاهای کاری که در داخل کانتینرهای محلی قرار دارند توسعه می یابد
🧩 Remote-SSH
در فضاهای کاری که در یک دستگاه از راه دور روی یک اتصال SSH در حال اجرا است، توسعه یافته است
🧩 Remote-WSL
توسعه در فضاهای کاری در حال اجرا در داخل زیرسیستم ویندوز برای لینوکس
📌 لینک مطلب
@fullStackDevs
Microsoft News
Remote Python Development in Visual Studio Code
Microsoft’s Python and Visual Studio Code team announced remote development in Visual Studio Code, enabling you to work in development setups where their code and tools are running remotely inside of docker containers, remote SSH hosts, and Windows Subsystem…
#AngularAugury
#Augury
🅰️ معرفی Extension Angular Augury
ابزار Augury به عنوان یکی از حرفهایترین ابزارهای خطایابی انگولار بحساب میآید که توسط خود کمپانی گوگل برای مرورگر Chrome تولید و به صورت رایگان در اختیار برنامهنویسان گرامی قرار گرفته است. جهت نصب این ابزار روی مرورگر خود ابتدا به لینک زیر مراجعه و سپس روی گزینه install کلیک کنید. در ادامه مرورگر خود را بسته و مجددا اجرا کنید.
دانلود ابزار توسعه Augury
پس از نصب این افزونه یک ابزار بسیار قدرتمند که توانایی ترسیم گرافیکی مدلها کامپوننتها و رابطهی آنها را دارد و همچنین میتواند خطایابی نرمافزار شما را در بالاترین سطح ممکن انجام دهد، در اختیار شما قرار گرفته است.
برای استفاده از این ابزار باید روی کروم دکمهی F12 را بفشارید و سپس روی زبانهی Augury کلیک بفرمایید. در نهایت با صفحهای روبهرو خواهید شد که اطلاعات کلی پروژه اعم از: گراف رابطه کامپونتها، ویژگیها، متغییرها و … را در اختیار شما میگذارد.
@fullStackDevs
#Augury
🅰️ معرفی Extension Angular Augury
ابزار Augury به عنوان یکی از حرفهایترین ابزارهای خطایابی انگولار بحساب میآید که توسط خود کمپانی گوگل برای مرورگر Chrome تولید و به صورت رایگان در اختیار برنامهنویسان گرامی قرار گرفته است. جهت نصب این ابزار روی مرورگر خود ابتدا به لینک زیر مراجعه و سپس روی گزینه install کلیک کنید. در ادامه مرورگر خود را بسته و مجددا اجرا کنید.
دانلود ابزار توسعه Augury
پس از نصب این افزونه یک ابزار بسیار قدرتمند که توانایی ترسیم گرافیکی مدلها کامپوننتها و رابطهی آنها را دارد و همچنین میتواند خطایابی نرمافزار شما را در بالاترین سطح ممکن انجام دهد، در اختیار شما قرار گرفته است.
برای استفاده از این ابزار باید روی کروم دکمهی F12 را بفشارید و سپس روی زبانهی Augury کلیک بفرمایید. در نهایت با صفحهای روبهرو خواهید شد که اطلاعات کلی پروژه اعم از: گراف رابطه کامپونتها، ویژگیها، متغییرها و … را در اختیار شما میگذارد.
@fullStackDevs
#React
#typeScript
#Socket
نحوه ساخت یک برنامه چت با React، TypeScript و Socket.io
📌 لینک آموزش
@fullStackDevs
#typeScript
#Socket
نحوه ساخت یک برنامه چت با React، TypeScript و Socket.io
📌 لینک آموزش
@fullStackDevs
#VSCode
🌀 نکاتی برای استفاده ی بهتر از Visual Studio Code
🧩 Material Theme
شما وقت زیادی را صرف نگاه کردن به کد می کنید ، بنابراین یه تم خوب میتونه کمتر باغث خستگی چشم های شما داشته باشه. این تم یه extention محبوب رایگان برای ویژوال استودیو کد با رنگ های جذاب .
🧩 Material Theme Icons
میتونید با نصب این extention ایکون فولدر و فایل ها رو ویژوال استودیو کد تغییر بدید ! پیشنهاد میکنم نصب کنید ، ایکون های جذابی داره مخصوصا اگر material theme رو نصب کردید !
🧩 Emmet
یک افزونه محبوب text editors ها که تا حد زیادی برای مختصر کد نوشتن در css و html بصورت هوشمندانه !
مثلا دستور ul>li*3>span.hello$ معادل دستور زیر است:
( برای دسترسی به این فایل باید از طریق منوی file>preferences>settings یا Ctrl+, و در پنجره باز شده تب user قسمت texteditor>files روی لینک edit in settings.json کلیک کنید تا بصورت فایل باز شود ) دستور زیر را وارد کنید .
🧩 Breadcrumbs
این افزونه (زیر نوار عنوان نمایش داده می شود) یک ویژگی خوبی که داره که مکان فایل شما را در codebase نشان می دهد که اگر بر روی یکی از بخش ها کلیک کنید، مکان فعلی شما را نشان می دهد .
درواقع navigate کردن سریع در سطح file یا symbol
برای فعال کردن این ویژگی باید دستور زیر را به settings.json اضافه کنید:
🌀 نکاتی برای استفاده ی بهتر از Visual Studio Code
🧩 Material Theme
شما وقت زیادی را صرف نگاه کردن به کد می کنید ، بنابراین یه تم خوب میتونه کمتر باغث خستگی چشم های شما داشته باشه. این تم یه extention محبوب رایگان برای ویژوال استودیو کد با رنگ های جذاب .
🧩 Material Theme Icons
میتونید با نصب این extention ایکون فولدر و فایل ها رو ویژوال استودیو کد تغییر بدید ! پیشنهاد میکنم نصب کنید ، ایکون های جذابی داره مخصوصا اگر material theme رو نصب کردید !
🧩 Emmet
یک افزونه محبوب text editors ها که تا حد زیادی برای مختصر کد نوشتن در css و html بصورت هوشمندانه !
مثلا دستور ul>li*3>span.hello$ معادل دستور زیر است:
<ul>این افزونه نیاز به نصب ندارد وبعد از نوشتن دستورات باید enter بزنید ولی اگر بخواید مثل ویژوال استودیو بعد نوشتن دستور با زدن کلید tab انتظار اعمال دستور را داشته باشید باید در settings.json
<li><span class="hello1"></span></li>
<li><span class="hello2"></span></li>
<li><span class="hello3"></span></li>
</ul>
( برای دسترسی به این فایل باید از طریق منوی file>preferences>settings یا Ctrl+, و در پنجره باز شده تب user قسمت texteditor>files روی لینک edit in settings.json کلیک کنید تا بصورت فایل باز شود ) دستور زیر را وارد کنید .
"emmet.triggerExpansionOnTab": true,این extention تنظیمات زیادی داره مثلا فعال کردن در فایل های jsx یا jade میتونید کل تنظیمات را اینجا مطالعه کنید.
🧩 Breadcrumbs
این افزونه (زیر نوار عنوان نمایش داده می شود) یک ویژگی خوبی که داره که مکان فایل شما را در codebase نشان می دهد که اگر بر روی یکی از بخش ها کلیک کنید، مکان فعلی شما را نشان می دهد .
درواقع navigate کردن سریع در سطح file یا symbol
برای فعال کردن این ویژگی باید دستور زیر را به settings.json اضافه کنید:
"breadcrumbs.enabled": true,@fullStackDevs
Visualstudio
Material Theme — Free - Visual Studio Marketplace
Extension for Visual Studio Code - The most epic theme now for Visual Studio Code