#libarary #lodash
●● معرفی کتابخانه Lodash ●●
یک لایبرری جاوا اسکریپتیه که مجموعهای از توابع کمکی (Utility Functions) رو بهتون میده برای سادهسازی کار با آبجکت ها و آرایه ها، مثل فیلتر کردن، مرتبسازی و خیلی موراد دیگه
به دلیل بهینه سازی هایی که روی این لایبرری صورت گرفته بهتون کمک میکنه تا کدهای تمیزتر، خواناتر و کارآمدتری بنویسید 🚀
Channel | Group | YouTube
معرفی وبسایت uiverse.io
وبسایت uiverse یک پلتفرم آنلاینه که مجموعه بزرگی از کامپوننت های آماده و جذاب رو در اختیارتون قرار میده و خیلی ساده میتونید با کپی کردن کدهای html, css این کامپوننت ها ازشون استفاده کنید
#tools #website
وبسایت uiverse یک پلتفرم آنلاینه که مجموعه بزرگی از کامپوننت های آماده و جذاب رو در اختیارتون قرار میده و خیلی ساده میتونید با کپی کردن کدهای html, css این کامپوننت ها ازشون استفاده کنید
نکته مهمی که هست اینه که بعضی از کامپوننت هارو با تیلویند در اختیارتون قرار میده و اگر هم نبود میتونید بدید چت جیپیتی و بهش بگید تبدیلش کنه به کد tailwind ⚡
#tools #website
●● معرفی فریم ورک Express.js ●●
یک فریمورک سبک، سریع و محبوب برای ساخت بکند اپلیکشن اپلیکیشنهای وب و توسعه Apiها با استفاده از Node.js است.
ویژگی های کلیدی ✅
توی این ویدیو یه پروژه ساده با اکسپرس ایجاد کردیم 🚀
یک فریمورک سبک، سریع و محبوب برای ساخت بکند اپلیکشن اپلیکیشنهای وب و توسعه Apiها با استفاده از Node.js است.
ویژگی های کلیدی ✅
➊ سادگی : یادگیری و استفاده از Express.js بسیار آسان است.
➋ سرعت : به دلیل ساختار سبک و بهینه، اپلیکیشنهای ساخته شده با Express.js بسیار سریع هستند.
➌ انعطافپذیری : این فریم ورک به شما آزادی زیادی برای ساخت اپلیکیشنهای دلخواه میدهد.
➍ جامعه بزرگ : یک جامعه بزرگ از توسعهدهندگان وجود داره که از Express.js استفاده میکنند.
توی این ویدیو یه پروژه ساده با اکسپرس ایجاد کردیم 🚀
#framework #nodejs #backend
Channel | Group | YouTube
𝗖𝗢𝗢𝗟𝗬 𝗖𝗢𝗗𝗘 | کولی کد
●● معرفی فریم ورک Express.js ●● یک فریمورک سبک، سریع و محبوب برای ساخت بکند اپلیکشن اپلیکیشنهای وب و توسعه Apiها با استفاده از Node.js است. ویژگی های کلیدی ✅ ➊ سادگی : یادگیری و استفاده از Express.js بسیار آسان است. ➋ سرعت : به دلیل ساختار سبک و بهینه،…
نظرتون چیه بازم فریم ورک های بکندی معرفی کنیم ؟ 🔥
Anonymous Poll
0%
ارههه 😎
0%
نههه 🥲
0%
نظری ندارم، صرفا فشار میدم 🫵
0%
پیشنهادم رو تو کامنت میگم
𝗖𝗢𝗢𝗟𝗬 𝗖𝗢𝗗𝗘 | کولی کد
خروجی کد بالا چی میشه ؟؟؟ 🔰
همونطور که دیدید جواب NaN شد.
بریم بررسیش کنیم 🚀
دلیل این اتفاق اینه که وقتی که متد b رو از آبجکت obj دیستراکت میکنیم و به شکل b() کال میکنیم، this دیگه به آبجکت obj اشاره نمیکنه برای همین توی این حالت، this به آبجکت گلوبال (global در Node.js یا window در مرورگر) اشاره میکنه و توی آبجکت گلوبال، متغیر a وجود نداره، برای همین this.a میشه undefined.
بریم بررسیش کنیم 🚀
دلیل این اتفاق اینه که وقتی که متد b رو از آبجکت obj دیستراکت میکنیم و به شکل b() کال میکنیم، this دیگه به آبجکت obj اشاره نمیکنه برای همین توی این حالت، this به آبجکت گلوبال (global در Node.js یا window در مرورگر) اشاره میکنه و توی آبجکت گلوبال، متغیر a وجود نداره، برای همین this.a میشه undefined.
وقتی undefined رو با جمع میکنید خروجی NaN میشه چون، هر گونه عملیات ریاضی با undefined به NaN منجر میشود.
●● نحوه استفاده از ابزار cURL ●●
توی پست قبلی این ابزار رو معرفی کردیم و توی این پست میخوایم ببینیم چجوری میشه ازش استفاده کرد 🔻
GET
POST
این دو نمونه ساده برای درخواست GET و POST بود و خیلی فلگ های حرفه ای تر و بیشتری وجود داره داخل این ابزار که میتونید ازشون استفاده بکنید 🚀
🌐 وبسایت رسمی cURL
#tools #Api
〰️〰️〰️〰️〰️〰️〰️️〰️〰️〰️
توی پست قبلی این ابزار رو معرفی کردیم و توی این پست میخوایم ببینیم چجوری میشه ازش استفاده کرد 🔻
GET
curl https://fakestoreapi.com/carts
POST
curl -X POST -H "Content-Type: application/json" -d '{"userId":5,"date":"2020-02-03","products":[{"productId":5,"quantity":1},{"productId":1,"quantity":5}]}' https://fakestoreapi.com/cartsاین دو نمونه ساده برای درخواست GET و POST بود و خیلی فلگ های حرفه ای تر و بیشتری وجود داره داخل این ابزار که میتونید ازشون استفاده بکنید 🚀
🌐 وبسایت رسمی cURL
#tools #Api
〰️〰️〰️〰️〰️〰️〰️️〰️〰️〰️
Channel | Group | YouTube
رفقا یکی از اعضای کانال یه پست گذاشته تو لینکدین در مورد کار با pm2 و DevOps برای دیپلوی پروژه و زحمت کشید برا ما فرستاد
گفتم بفرستم که اگر به دیپلوی پروژه علاقه مندید استفاده کنید 👌
https://B2n.ir/u50974
گفتم بفرستم که اگر به دیپلوی پروژه علاقه مندید استفاده کنید 👌
https://B2n.ir/u50974
Linkedin
Pooria AshkevarVakili on LinkedIn: امروز می خواهم در مورد دواپس کمی صحبت کنم که هر برنامه نویس بک اند و فرانت…
امروز می خواهم در مورد دواپس کمی صحبت کنم که هر برنامه نویس بک اند و فرانت اند بد نیست بلد باشد
فرض بگیریم پروژه ای که با next js nuxt js یا هر پروژه react…
فرض بگیریم پروژه ای که با next js nuxt js یا هر پروژه react…
This media is not supported in your browser
VIEW IN TELEGRAM
●●سرو کردن فایلهای HTML در Express.js ●●
توی این ویدیو بهتون یاد دادم که چجوری میتونید خیلی ساده فایل های HTMLای سرو بکنید توی اکسپرس و بفرستید سمت کلاینت.
🌐 مشاهده کامل ویدیو در یوتوب
اگه به این سبک پستا علاقه داری به چنلمون یه سر بزن 🚀
〰️〰️〰️〰️〰️〰️〰️〰️〰️
توی این ویدیو بهتون یاد دادم که چجوری میتونید خیلی ساده فایل های HTMLای سرو بکنید توی اکسپرس و بفرستید سمت کلاینت.
پ.ن : اگر نیاز داشته باشید که یه وبسایت استتیک بسازید با اکسپرس میتونید از این روش استفاده کنید 🚀
🌐 مشاهده کامل ویدیو در یوتوب
#️⃣ #nodejs #youtube #backend
〰️〰️〰️〰️〰️〰️〰️〰️〰️
Channel | Group | YouTube
𝗖𝗢𝗢𝗟𝗬 𝗖𝗢𝗗𝗘 | کولی کد
میدونین Headless Cms چیه و چیکار میکنه ؟؟؟
#WhatsThat #CMS #HeadlessCMS
●● آشنایی با Headless CMS ●●
هدلس CMS سیستمیه که فقط بخش مدیریت محتوا و APIها رو برای شما ایجاد میکنه و فاقد بخش Frontend هستش. این ساختار برای شما این امکان رو فراهم میکنه تا بتونید محتوای خودتون رو از طریق API ها در هر نوع دستگاه یا پلتفرمی (وب، موبایل، IoT و ... ) نمایش بدید.
مزایا 🚀
➊ استقلال فرانتاند : فرانتاند و بکاند از هم جدا هستند.
➋ چندپلتفرمی بودن : محتوا به هر دستگاهی ارسال میشه.
➌ کاهش ریسک امنیتی : دسترسی مستقیم به سرور کمتر میشه.
معایب ❌
➊ پیچیدگی توسعه : نیاز به تخصص در چندین فناوری و ابزار مختلف.
➋ هزینه بیشتر : ممکنه به تیمهای بزرگتر و منابع بیشتری نیاز باشه.
➌ نبود رابط کاربری پیشساخته : فرانتاند باید از طراحی بشه.
یکی از بهترین موارد برای استفاده از هدلس CMS وبسایت های وبلاگی هستش و کارتون رو واقعا ساده میکنه⚡
Channel | Group | YouTube
〰💎 آپلود فایل توی باکت S3 در node.js 💎〰
امروز میخوام در مورد یکی از موضوعات پرکاربرد و جذاب در دنیای Node.js صحبت کنم: آپلود فایل با استفاده از باکت S3! 🎉
📦 چی هست این S3 و چرا باید ازش استفاده کنیم؟
باید بدونید S3 (Simple Storage Service) یکی از سرویسهای معروف و محبوب آمازون وب سرویس (AWS) هست که به شما اجازه میده فایلهاتون رو روی فضای ابری ذخیره کنید. 🤓 این سرویس به خاطر قابلیتهای زیادی مثل مقیاسپذیری بالا، امنیت و سرعت زیادش خیلی طرفدار داره.
فرض کن یه پروژه داری که توش کلی فایل (مثل عکس، ویدیو یا حتی فایلهای بزرگ) باید ذخیره بشه. به جای اینکه این فایلها رو روی سرور خودت نگه داری و مدام نگران فضای ذخیرهسازی باشی، میتونی از S3 استفاده کنی تا همه چیز روی فضای ابری مدیریت بشه. 🚀
🎯 حالا چطور میتونیم با Node.js فایل آپلود کنیم؟
بریم سراغ اصل مطلب! 😊 برای آپلود فایل در S3 با Node.js چند تا مرحله باید انجام بدیم:
📥 نصب پکیجهای مورد نیاز:
اول از همه باید پکیجهای aws-sdk و multer رو نصب کنیم. aws-sdk کتابخانهای هست که AWS رو به Node.js متصل میکنه و multer هم برای مدیریت فایلهای آپلودی استفاده میشه.
⚙ کانفیگ AWS:
حالا باید کلاینت AWS رو کانفیگ کنیم. برای این کار نیاز به accessKeyId و secretAccessKey دارید که باید از کنسول AWS بگیرید.
🔧 ساختن تابع آپلود:
حالا بیایم یه تابع ساده برای آپلود فایل بسازیم. این تابع فایل رو از کلاینت میگیره و به S3 آپلود میکنه:
🧾 مدیریت فایلهای آپلودی:
از multer برای گرفتن فایلها از فرم استفاده میکنیم. به این شکل که فایلها به عنوان buffer به تابع uploadFile پاس داده میشن:
توی این کد، وقتی کاربر فایلی رو آپلود میکنه، ما از طریق multer اون فایل رو میگیریم و با استفاده از aws-sdk اونو به S3 ارسال میکنیم.
💡 نکات اضافی و پیشنهادها
🛡 ایمنسازی: حواستون باشه که accessKeyId و secretAccessKey رو توی کد قرار ندید. به جای اونها از متغیرهای محیطی (environment variables) استفاده کنید.
📟 استفاده از presigned URLs: اگه میخواید کاربر مستقیماً از کلاینت خودش فایل رو آپلود کنه، میتونید از presigned URLs استفاده کنید که امنیت و عملکرد بهتری داره.
🔬 مانیتورینگ و مدیریت فایلها: با استفاده از امکاناتی مثل CloudWatch یا S3 Events میتونید عملیاتهای مختلف روی فایلها رو مانیتور کنید.
امیدوارم این آموزش به دردتون بخوره و بتونید به راحتی فایلهاتون رو با Node.js توی S3 آپلود کنید.
امید وارم براتون مفید بوده باشه :) ❤️
#node.js #s3 #aws #clound_storage
@ninja_learn_ir
امروز میخوام در مورد یکی از موضوعات پرکاربرد و جذاب در دنیای Node.js صحبت کنم: آپلود فایل با استفاده از باکت S3! 🎉
📦 چی هست این S3 و چرا باید ازش استفاده کنیم؟
باید بدونید S3 (Simple Storage Service) یکی از سرویسهای معروف و محبوب آمازون وب سرویس (AWS) هست که به شما اجازه میده فایلهاتون رو روی فضای ابری ذخیره کنید. 🤓 این سرویس به خاطر قابلیتهای زیادی مثل مقیاسپذیری بالا، امنیت و سرعت زیادش خیلی طرفدار داره.
فرض کن یه پروژه داری که توش کلی فایل (مثل عکس، ویدیو یا حتی فایلهای بزرگ) باید ذخیره بشه. به جای اینکه این فایلها رو روی سرور خودت نگه داری و مدام نگران فضای ذخیرهسازی باشی، میتونی از S3 استفاده کنی تا همه چیز روی فضای ابری مدیریت بشه. 🚀
🎯 حالا چطور میتونیم با Node.js فایل آپلود کنیم؟
بریم سراغ اصل مطلب! 😊 برای آپلود فایل در S3 با Node.js چند تا مرحله باید انجام بدیم:
📥 نصب پکیجهای مورد نیاز:
اول از همه باید پکیجهای aws-sdk و multer رو نصب کنیم. aws-sdk کتابخانهای هست که AWS رو به Node.js متصل میکنه و multer هم برای مدیریت فایلهای آپلودی استفاده میشه.
npm install aws-sdk multer
⚙ کانفیگ AWS:
حالا باید کلاینت AWS رو کانفیگ کنیم. برای این کار نیاز به accessKeyId و secretAccessKey دارید که باید از کنسول AWS بگیرید.
const AWS = require('aws-sdk');
AWS.config.update({
accessKeyId: 'YOUR_ACCESS_KEY_ID',
secretAccessKey: 'YOUR_SECRET_ACCESS_KEY',
region: 'YOUR_REGION'
});
const s3 = new AWS.S3();🔧 ساختن تابع آپلود:
حالا بیایم یه تابع ساده برای آپلود فایل بسازیم. این تابع فایل رو از کلاینت میگیره و به S3 آپلود میکنه:
const uploadFile = (file) => {
const params = {
Bucket: 'YOUR_BUCKET_NAME',
Key: file.originalname,
Body: file.buffer
};
return s3.upload(params).promise();
};🧾 مدیریت فایلهای آپلودی:
از multer برای گرفتن فایلها از فرم استفاده میکنیم. به این شکل که فایلها به عنوان buffer به تابع uploadFile پاس داده میشن:
const multer = require('multer');
const upload = multer();
app.post('/upload', upload.single('file'), async (req, res) => {
try {
const result = await uploadFile(req.file);
res.send(result);
} catch (error) {
res.status(500).send(error);
}
});توی این کد، وقتی کاربر فایلی رو آپلود میکنه، ما از طریق multer اون فایل رو میگیریم و با استفاده از aws-sdk اونو به S3 ارسال میکنیم.
💡 نکات اضافی و پیشنهادها
🛡 ایمنسازی: حواستون باشه که accessKeyId و secretAccessKey رو توی کد قرار ندید. به جای اونها از متغیرهای محیطی (environment variables) استفاده کنید.
📟 استفاده از presigned URLs: اگه میخواید کاربر مستقیماً از کلاینت خودش فایل رو آپلود کنه، میتونید از presigned URLs استفاده کنید که امنیت و عملکرد بهتری داره.
🔬 مانیتورینگ و مدیریت فایلها: با استفاده از امکاناتی مثل CloudWatch یا S3 Events میتونید عملیاتهای مختلف روی فایلها رو مانیتور کنید.
امیدوارم این آموزش به دردتون بخوره و بتونید به راحتی فایلهاتون رو با Node.js توی S3 آپلود کنید.
#node.js #s3 #aws #clound_storage
#golden_sentence
💎 صبحمون رو با این جمله طلایی شروع کنیم 💎
🔸Programming is the art of algorithm design and the craft of debugging errant code.Ellen Ullman
برنامهنویسی معنای ترکیب هنر طراحی الگوریتمها و مهارت رفع اشکالات کد است 👌
موافقید با این جمله ؟؟؟
https://www.instagram.com/p/C_Bgvzls8vK
Channel | Group | YouTube
#WhatsThat #strapi
●● آشنایی با هدلس CMS جذاب Strapi 🚀 ●●
اِستِرَپی یک Headless CMS محبوب و جذابه که با NodeJS ساخته شده و بهتون این امکان رو میده که به راحتی APIهای سفارشی بسازید و مدیریتشون کنید.
مهمترین ویژگی Strapi انعطافپذیری بالای اون در ایجاد و مدیریت محتواس اگر علاقه مندید خیلی سریع و ساده بکند سایتتون رو بزنید پیشنهاد میکنم ازش استفاده بکنید ⚡
Channel | Group | YouTube
#reactjs #react_icons
●● چرا React Icons یه انتخاب مناسبه ؟ ●●
چون یک لایبرری فوقالعاده برای React و NextJs هستش که به شما این امکان رو میده تا به سادگی از مجموعه گسترده ای از آیکونها با قابلیت سفارشیسازی بالا استفاده کنید.
مهم ترین ویژگیش اینه که مجموعه بزرگی از آیکون های معروف مثل FontAwesome، Material Design و ... رو داخل خودش جمع آوری کرده و جواب هر نیازی رو میده 🚀
🌐 مشاهده داکیومنت React-Icons
Channel | Group | YouTube
𝗖𝗢𝗢𝗟𝗬 𝗖𝗢𝗗𝗘 | کولی کد
#reactjs #react_icons ●● چرا React Icons یه انتخاب مناسبه ؟ ●● چون یک لایبرری فوقالعاده برای React و NextJs هستش که به شما این امکان رو میده تا به سادگی از مجموعه گسترده ای از آیکونها با قابلیت سفارشیسازی بالا استفاده کنید. مهم ترین ویژگیش اینه که مجموعه…
برای حمایت ازمون شیر و ریاکشن یادتون نره چون بهمون انرژی میده تا پستای بیشتر و با کیفیت تری بزاریم 😊❤️
#news
- مثل اینکه پاول دوروف بنیانگذار تلگرام رو گرفتن
تون کوین هم به شدت داره میاد پایین و وضعیتش خرابه 🤝