🔆 استفاده از json-server :

🔹 درست کردن یک فایل به اسم data.json که در آن endpoint های خودمون رو در قالب آبجکت میسازیم. مثال :

{
    "endpoint1": [
        {
            "key": "value",
            ...
        },
        {
            "key": "value",
            ...
        },
    ],
    ...
}

🔹 ایجاد فایل package.json با دستور :

npm init

🔹 نصب json-server با دستور :

npm i json-server

🔹 افزودن کانفیگ زیر به فایل package.json :

"scripts": {
    "start": "json-server --watch ./data.json --port 8000 --delay 1500"
  },

🔹 اجرای json-server با دستور :

npm run start

📝 اصلاحیه : توی آخرین نسخه json-server ویژگی delay-- برداشته شده پس اگه به این ویژگی نیاز دارین نسخه قدیمی اون رو نصب کنید :

npm i json-server@0.17.3

🔆 استفاده از json-server ☝️

🔆 راهنمای NPM :

🔻 یک ابزار مدیریت بسته ها و کتابخانه ها است.

🔻 تعریف package.json : فایل تنظیمات پروژه که اطلاعاتی مانند نام، نسخه، وابستگی‌ها و اسکریپت‌ها را ذخیره می‌کند.

🔻 ساخت فایل package.json با دستور :

npm init

🔻 ساخت فایل package.json با اطلاعات پیشفرض خودش :

npm init -y

🔻 نصب پکیج :

npm i <package name>

یا

npm install <package name>

🔻 نصب پکیج با ورژن مورد نظر :

npm i <package name>@<version>

یا

npm install <package name>@<version>

🔻 حذف نصب پکیج :

npm un <package name>

یا

npm uninstall <package name>

🔻 حذف پکیج :

npm rm <package name>

یا

npm remove <package name>

🔻 نصب تمام پکیج هایی که در فایل package.json وجود دارند :

npm i

🔻 آپدیت تمامی پکیج ها :

npm update

🔻 کشف آسیب پذیری های پکیج ها :

npm audit

🔻 رفع آسیب پذیری های پکیج ها :

npm audit fix

🔻 تعریف Dependencies : بسته‌هایی که برای اجرای پروژه ضروری هستند.
🔻 تعریف devDependencies : بسته‌هایی که فقط برای توسعه و تست پروژه استفاده می‌شوند.

🔻 تفاوت اصلی آنها : Dependencies در زمان اجرای پروژه لازم است، اما devDependencies فقط در زمان توسعه مورد نیاز است.

🔻 در حالت عادی پکیج ها در Dependencies نصب میشوند پس برای نصب پکیج در devDependencies از دستور زیر استفاده میکنیم :

npm i <package name> --save-dev

یا

npm i <package name> -D

🔻 نصب پکیج در کل سیستم :

npm i <package name> -g

🔻 حذف پکیج از کل سیستم :

npm rm <package name> -g

🔻 محل نصب پکیج های گلوبال :
C:\Users\username\AppData\Roaming\npm\node_modules

🔻 نصب همزمان چندین پکیج :

npm i <package name> <package name> ...

🔻 تعریف package-lock.json : گاهی بعضی پکیج ها خودشان برای اینکه درست کار کنند نیاز به یکسری Dependencies های دیگر هم دارند که آنها به صورت خود کار در package-lock.json نصب میشوند.

🔻 لیست تمام پکیج ها و پیشنیاز های آنان که تا کنون نصب کرده ایم :

npm list

🔻 لیست تمام پکیج هایی که فقط در package.json قرار دارند :

npm list --depth 0

🔻 اجرای کلید هایی که در script در package.json قرار دارند :

npm run <key>

🔻 اجرا و نظارت به طور همزان روی پروژه :

npm run <key> --watch

یا

npm run <key> -W

🔆 راهنمای NPM ☝🏼

سلامی به زیبایی کد استاتوس 200😁❤️

دوستان هدف من از ساخت این چنل نه آموزش دادنه نه چیزای دیگه...
چون اصلا در سطح کسی که بخواد آموزش بده نیستم

صرفا چیزایی که خودم در طول روز یادشون میگیرم و همینطور حس میکنم ممکنه به درد بخور باشه رو اول از همه به عنوان یه نوت برای خودم و بعد به عنوان یه مطلب جدید یا حتی تکراری برای بعضیا اینجا مینویسم تا همیشه یه خلاصه از چیزای مهم رو داشته باشیم همین✌️

زندگی بدون باگی رو براتون آرزومندم😁❤️

🔆 راهنمای کار با Git :

✅ گیت یک سیستم کنترل نسخه یا VCS هست که به ما این اجازه رو میده تا تغییرات رو در کدهامون پیگیری کنیم و به نسخه های مختلف پروژمون برگردیم و حتی به صورت گروهی روی یک پروژه کار کنیم.

🔹 در کل برای شروع یک پروژه یا اضافه کردن کنترل نسخه به پروژه از دستور زیر استفاده میکنیم تا یک مخزن گیت جدید ایجاد بشه که در اون تمام اطلاعات و تاریخچه مربوط به مخزن گیت قرار داره :

git init

🔹 بعد از اون باید در پوشه اصلی پروژمون یا همون root پروژه یک فایلی بسازیم به اسم :

.gitignore

🔹 تو این فایل اون پوشه ها و فایل هایی که نمیخوایم در ریپازیتوریمون آپلود بشن رو قرار میدیم مثل :

node_modules
.parcel-cache
dist
and...

🔹 برای اینکه یک وضعیت کلی از کارای یکه تا الان کردیم بدونیم مثل اینکه در کدوم branch قرار داریم یا آیا تا الان commit ثبت کردیم یا نه و یا حتی اینکه فایل هامون untracked(ردیابی نشده) هستن یا tracked(ردیابی شده) از دستور زیر استفاده میکنیم :

git status

🔹 برای ردیابی کردن یا همون tracked کردن فایل هامون که بهش اضافه کردن فایل ها به Staging Area هم میگن از دستور زیر استفاده میکنیم :

git add .

یا:

git add -A

🔹میتونیم هم فقط یک فایل خاص رو tracked کنیم مثلا:

git add index.js

🔹 حالا فایل های پروژمون بخشی از ریپازیتوریمون هستن. التبه ریپازیتوری محلی (Local Repository).
با ایجاد تغییر توی پروژه فایلی که تغییر پیدا کرده به حالت untracked در میاد پس هربار هر تغییری رو ایجاد میکنیم این دستور رو میزنیم تا همه tracked بشن.

🔹 کاری که تا الان انجام دادیم اضافه کردم فایل ها و تغییرات به ریپازیتوری بود نه ذخیره کردن اونها. یعنی اگه تغییری انجام بدیم بعدش نمیتونیم برگردیم به حالت قبلی، پس برای این کار باید تغییراتمون رو commit کنیم و در کنارش یک پیام هم میزاریم که دقیقا چه کاری انجام دادیم تا اگه تعداد کامیت هامون زیاد بودن بتونیم بریم به کامیت دلخواه. پس دستور زیر رو میزنیم :

shell
git commit -m "example commit message"

🔹مثال هایی از پیغام خوب برای کامیت کردن:

git commit -m "Fixed header bug"
git commit -m "Added login feature"
git commit -m "Updated README file"

🔹 برای برگشتن به کامیت قبلی از دستور زیر اسفاده میکنیم :

shell
git reset --hard HEAD

🔹 لیست تمام کامیت هایی که انجام دادیم :

shell
git log

🔹 برای رفتن به یک کامیت مشخص کافیه بعد لاگ گرفتن آیدی کامیتی که میخوایم بریم بهش رو بردایم مثل این :

commit 25a5...3547 (HEAD -> master)

🔹 و بعد دستور زیر :

shell
git reset --hard 25a5...3547

🔹 حرکت کردن بین کامیت ها به این صورتی کمی خطرناکه پس بهتره اگه میخوایم تغییری توی پروژمون ایجاد کنیم یک branch جدید بسازیم.
لیست branch های خودمون (لوکال) :

shell
git branch

🔹لیست تمام برنچ ها (لوکال + ریموت):

git branch -a

🔹 برای ساخت یک برنچ جدید از دستور زیر استفاده میکنیم :

shell
git branch <branch name>

🔹 این دستور در واقع یک کپی از برنچ فعلیمون میسازه که میتونیم تغییراتمون رو روی اون ایجاد کنیم و اگه همه چی خوب پیش رفت در نهایت با برنچ اصلیمون که برنچ master هست ادغام یا merge بکنیم.

🔹 برای سوئیچ کردن بین برنچ ها از دستور زیر استفاده میکنیم :

shell
git checkout <branch name>

🔹البته میتونیم با دستور زیر برنچ دلخواهمون رو بسازیم و مستقیم بریم توش و دیگه تو دو مرحله اینکارو نکنیم:

git checkout -b <branch name>

🔹 برای مرج کردن اول میریم تو اون برنچی که در واقع برنچ اصلیمون هست و میخوایم یک برنچ دیگه رو که یکسری تغییرات توش انجام دادیم رو با این برنچ اصلی مرج کنیم پس :

shell
git checkout <branch name EX: master>

🔹 و بعد :

shell
git merge <branch name>

🔹 برای اضافه کردن پروژمون به گیتهاب یا به عبارتی انتقال ریپازیتوری محلیمون به ریپازیتوری گیتهاب ابتدا باید یک ریپازیتوری در گیتهاب بسازیم.
برای اینکار ابتدا دستور زیر رو مینویسیم :

shell
git remote add origin <repo url>

🔹 کاری که کردیم این بود که یک remote branch به اسم origin رو اضافه کردیم و آدرسش رو در انتها قرار دادیم.

🔹 حالا مشخص میکنیم که میخوایم چه برنچی رو انتقال بدیم یا در واقع push کنیم تو ریموت برنچمون که همون origin هستش با دستور :

shell
git push origin master

🔹 گاهی ما تغییراتی رو در مخزن راه دور یا ریموت خودمون که همون گیتهاب باشه ایجاد میکنیم و میخوایم اون تغییرات رو برای اینکه تداخلی با پروژمون تو ریپازیتوری محلی هست نداشته باشه انتقال بدیم به کامپیوترمون پس برای این کار دستور زیر رو میزنیم :

shell
git pull origin master

🔹 بررسی مخزن های ریموت که اضافه کردیم بالاتر با دستور git remote add origin repo url:

git remote -v

🔆 راهنمای کار با Git ☝🏼

‌
همیشه سر نوشتن پیام کامیت هام فکر میکردم دارم فقط چیزی مینویسم که انگار فقط خودم میفهممش و بقیه اگه بخونن متوجهش نمیشن👌

این یه pdf عالی و خلاصه هست که باعث میشه بسته به تغییراتی که توی پروژتون ایجاد میکنید کامیت های استاندارد تری بزارید که درک اون تغییرات برای خودتون و دیگران خیلی راحت تر باشه✅

به عنوان مثال اگر یک باگ توی کدتون رو برطرف کردین اینجوری کامیت میزنین :

git commit -m "fix: message"

‌
🔆 این یکی از بهترین اکستنشن های vsCode هست که باهاش میشه کد های js رو بدون این که هیچ سند html بسازیم اجرا کنیم و نیاز به لایو سرور هم نباشه چون همزمان توی ۳ نقطه طبق عکسی که دادم خروجی رو به بهترین شکل بهمون نشون میده😁

🔹اسمش : Quokka.js

🔹روش استفاده : کافیه اکستنشن رو نصب کنیم و بعد از توی command palette که هم از تنظیمات هم با کلید ctrl+shift+p میشه بازش کرد عبارت زیر رو بنویسیم :

Quokka.js: Start on Current File

🔹نکته : قبلش حتما باید توی فایلی جاوااسکریپتیمون باشیم.

#This_is_javascript
🗿😁

🔆 اولویت اجرا شدن کد ها تو js در پشت صحنه و callstack اینجوریه که:

✅ اول کد های اسکوپ گلوبال اجرا میشن.

✅ بعد microtask queue که به عنوان مثال promise ها و داده هایی که fetch میشن در اون قرار میگیرن.

✅ و در نهایت callback queue که میشه به setTimeout اشاره کرد.

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

1⃣ وارد لینک زیر بشید :

https://www.linkedin.com/help/linkedin/ask/ppq

2⃣ از توی تب اول گزینه Regain Access to My Account رو انتخاب کنید.

3⃣ در قسمت Your Question به انگلیسی بنویسین که اکانت شما مسدود شده و نیاز به کمک دارین و همچنین ذکر کنید که کاری خارج از قنوانین انجام ندادید و پایبند قوانین لینکدین خواهید بود.

4⃣ در قسمت Issue Type هم گزینه Account Restricted رو انتخاب کنید و در نهایت Submit کنید.

واسه من یک روزه برگشت و پیشنهاد میکنم به هیچ عنوان وقتی از لینکدین استفاده میکنید vpn روشن نباشه هرچند برای من چند بار اتفاقی روشن بود و حواسم نبود😅❌

🔆 تجربه جالب امروزم‼️

داشتم به این فکر میکردم که فرض کنیم کاربر تو سایتمون هست یهو اینترنتش قطع میشه و خودش هم اون لحظه متوجهش نمیشه😵

خب قطعا محتوای سایتمون درست براش لود نمیشه و شاید فکر کنه مشکل از سایتمونه و سایتمون رو ترک کنه🤦‍♂

خلاصه که گشتم و گشتم رسیدم به کتابخونه Offline.js که هروقت اینترنت کاربر قطع یا وصل بشه بهش یه نوتیف جذاب میده ✅

لینکش :

https://github.hubspot.com/offline/docs/welcome/