✅ لیستی جامع از فریمورک‌های جاوااسکریپت شامل فریمورک‌های سمت کاربر و سمت سرور:

🔸 فریمورک‌های سمت کاربر:
1. React
2. Angular
3. Vue.js
4. Ember.js
5. Svelte
6. Backbone.js
7. Preact
8. Riot.js
9. Mithril
10. Inferno

🔸فریمورک‌های سمت سرور:
1. Express.js
2. Nest.js
3. Koa.js
4. Hapi.js
5. Sails.js
6. Meteor
7. Total.js
8. LoopBack
9. Feathers.js
10. Socket.io (برای برنامه‌های real-time)

▫فریمورک‌های مختلط:
1. Next.js (برای React)
2. Nuxt.js (برای Vue.js)
3. Gatsby (برای React)

🔸این فریمورک‌ها هرکدام کاربردها و ویژگی‌های خاص خود را دارند و بسته به نیاز پروژه شما می‌توانند انتخاب شوند.
#js #وب #طراحی_وب #سایت

🌈 Web_Designer98.t.me

✅ آموزش مینفی کردن کدها در ویندوز با استفاده از Git، می‌توانید از ابزارهایی مانند Terser (برای جاوا اسکریپت) یا cssnano (برای CSS) استفاده کنید. فرض می‌کنیم که شما Node.js و npm را نصب کرده‌اید. مراحل زیر را دنبال کنید:

1⃣ ابتدا از ترمینال یا CMD دستور زیر را برای نصب Terser و cssnano اجرا کنید:

npm install terser cssnano --save-dev

2⃣ نوشتن اسکریپت در فایل package.json خود، یک اسکریپت برای مینفی کردن فایل‌ها اضافه کنید. مانند زیر:

{
  "scripts": {
    "minify-js": "terser src/**/*.js -o dist/app.min.js",
    "minify-css": "cssnano src/**/*.css dist/styles.min.css"
  }
}

3⃣ حالا با استفاده از دستور زیر می‌توانید کدهای خود را مینفی کنید:

npm run minify-js
npm run minify-css

3⃣ اگر می‌خواهید این پروسه را قبل از کامیت کردن (commit) خودکار انجام دهید، می‌توانید از git hooks استفاده کنید. شما می‌توانید pre-commit hook را ایجاد کنید که مینفی کردن را انجام دهد.

4⃣ برای این کار می‌توانید از husky استفاده کنید:

npx husky-init && npm install

5⃣ سپس فرمان زیر را برای فعال‌سازی pre-commit hook اضافه کنید:

npx husky add .husky/pre-commit "npm run minify-js && npm run minify-css"

🔘 حالا هر بار که شما یک commit انجام می‌دهید، کدهای شما به طور خودکار مینفی خواهد شد.

#وب #گیت #css #js
🌈 Web_Designer98.t.me

✅ به اطلاع می رسانیم دوره آموزشی برنامه نویسی با جاوااسکریپت در 6 قسمت از کانال طراحی وب تقدیم حضور خواهد شد.

📝 زبان آموزش: فارسی 🇮🇷
📊 سطح دوره: مقدماتی تا پیشرفته 🔥
🏷 تگ ها: #js #java_script

🌈 Web_Designer98.t.me

☑️ آموزش برنامه نویسی جاوا اسکریپت
🎥 قسمت: اول - 1
💽 کیفیت: 720p 👌
📊 سطح آموزش: مقدماتی - پیشرفته ✔
🏷 دسته بندی: #js #java_script

🌈 Web_Designer98.t.me

☑️ آموزش جامع برنامه نویسی جاوا اسکریپت
🎥 قسمت: دوم - 2
💽 کیفیت: 720p 👌
📊 سطح آموزش: مقدماتی - پیشرفته ✔
🏷 دسته بندی: #js #java_script

🌈 Web_Designer98.t.me

✅ آموزش خواندن فایل اکسل با استفاده از جاوااسکریپت خالص

1⃣ اضافه کردن کتابخانه SheetJS

🔸ابتدا باید کتابخانه xlsx را به پروژه خود اضافه کنید. می‌توانید آن را از CDN بارگیری کنید:

<script src="https://cdnjs.cloudflare.com/ajax/libs/xlsx/0.17.0/xlsx.full.min.js"></script>

2⃣ ساختن فرم بارگذاری فایل

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

<input type="file" id="file-input" accept=".xlsx, .xls" />
<div id="output"></div>

3⃣ نوشتن کد جاوااسکریپت

🔸حالا می‌توانید کد جاوااسکریپت را برای خواندن فایل اکسل بنویسید:

document.getElementById('file-input').addEventListener('change', function(event) {
    const file = event.target.files[0];
    if (!file) return;

    const reader = new FileReader();

    reader.onload = function(e) {
        const data = new Uint8Array(e.target.result);
        const workbook = XLSX.read(data, { type: 'array' });

//https://yangx.top/Web_Designer98

        const firstSheetName = workbook.SheetNames[0];
        const worksheet = workbook.Sheets[firstSheetName];

// https://yangx.top/Web_Designer98
        const jsonData = XLSX.utils.sheet_to_json(worksheet, { header: 1 });

//https://yangx.top/Web_Designer98
        document.getElementById('output').innerText = JSON.stringify(jsonData, null, 2);
    };

// https://yangx.top/Web_Designer98
 reader.readAsArrayBuffer(file);
});

🔷 نکته: فایل کتابخانه Xlsx.js و فایل اکسل تمرینی در بخش دیدگاه قرار گرفته است.
#وب #طراحی_وب #js #json
🌈 Web_Designer98.t.me

☑️ آموزش جامع برنامه نویسی جاوا اسکریپت
🎥 قسمت: سوم - 3
💽 کیفیت: 720p 👌
📊 سطح آموزش: مقدماتی - پیشرفته ✔
🏷 دسته بندی: #js #java_script

🌈 Web_Designer98.t.me

☑️ آموزش جامع برنامه نویسی جاوا اسکریپت
🎥 قسمت: چهارم - 4
💽 کیفیت: 720p 👌
📊 سطح آموزش: مقدماتی - پیشرفته ✔
🏷 دسته بندی: #js #java_script

🌈 Web_Designer98.t.me

☑️ آموزش جامع برنامه نویسی جاوا اسکریپت
🎥 قسمت: پنجم - 5
💽 کیفیت: 720p 👌
📊 سطح آموزش: مقدماتی - پیشرفته ✔
🏷 دسته بندی: #js #java_script

🌈 Web_Designer98.t.me

☑️ آموزش جامع برنامه نویسی جاوا اسکریپت
🎥 قسمت: ششم - قسمت آخر
💽 کیفیت: 720p 👌
📊 سطح آموزش: مقدماتی - پیشرفته ✔
🏷 دسته بندی: #js #java_script

🌈 Web_Designer98.t.me

🔸کد آماده سازنده متن دست نویس

🔹ما کد ایجاد یک تولید کننده متن را می گذاریم که در آن می توانید یک فونت را انتخاب کنید و سپس این متن را به صورت تصویر دانلود کنید.

💻 کد را دریافت کنید

#html #css #js #web #php
🌈 Web_Designer98.t.me