| کانال توسعهدهندگان جاوااسکریپت |
Открыть в Telegram
⭕️ کانال توسعهدهندگان جاوااسکریپت دولوپیکس 💠 دولوپیکس | جامعه توسعهدهندگان ایرانی 💎 @Developix 🚀 Developix.ir 📌 پشتیبانی و تبلیغات: @DevelopixSupport
Больше
Сеть:3 758
Подписчики
Нет данных24 часа
-17 дней
-4930 день
Архив постов
\n\nبرای اینکه خودتون تفاوت رو حس کنید، برید به Vue Playground، نسخه 3.6-alpha2 رو انتخاب کنید و هم با حالت عادی و هم با vapor رو تست کنید.\n\n🔖 #Javascript, #JS, #جاوااسکریپت #vue\n\n👤 Matin Soleymani\n\n💎 Channel: @DevelopixJavascript","datePublished":"2025-07-18T18:08:29Z","dateModified":"2025-07-18T18:08:29Z","author":{"@type":"Organization","name":"| کانال توسعهدهندگان جاوااسکریپت |","url":"https://telemetr.io/ru/channels/1942875334-developixjavascript","image":"https://img.tlmtr.io/c/27u6CW/5823301833593045169?ty=x"},"publisher":{"@type":"Organization","name":"| کانال توسعهدهندگان جاوااسکریپت |","url":"https://telemetr.io/ru/channels/1942875334-developixjavascript","image":"https://img.tlmtr.io/c/27u6CW/5823301833593045169?ty=x"},"commentCount":4,"interactionStatistic":[{"@type":"InteractionCounter","interactionType":"https://schema.org/ViewAction","userInteractionCount":1354},{"@type":"InteractionCounter","interactionType":"https://schema.org/LikeAction","userInteractionCount":8},{"@type":"InteractionCounter","interactionType":"https://schema.org/ShareAction","userInteractionCount":6},{"@type":"InteractionCounter","interactionType":"https://schema.org/CommentAction","userInteractionCount":4}]}},{"@type":"ListItem","position":3,"item":{"@type":"SocialMediaPosting","@id":"https://telemetr.io/ru/channels/1942875334-developixjavascript/posts/47","url":"https://telemetr.io/ru/channels/1942875334-developixjavascript/posts/47","mainEntityOfPage":"https://telemetr.io/ru/channels/1942875334-developixjavascript/posts/47","headline":"یه ابزار خوب برای فرانت دولوپرها این ابزار میتونه از طریق swagger v2 یا openAPI v3 بیاد درخواست های fetch رو…","articleBody":"یه ابزار خوب برای فرانت دولوپرها \n\nاین ابزار میتونه از طریق swagger v2 یا openAPI v3 بیاد درخواست های fetch رو بنویسه و میتونه بیاد validation با zod و به صورت type-safe براتون انجام بده. ( از فرمت های yaml و json پشتیبانی میکنه )\n\n❇️ نحوه کار :\nاین ابزار رو به صورت dev dependencies نصب میکنید و یک فایل config داره که مشخص میکنید و به سادگی با یه دستور fetchها یا validationهای شما آماده است.\n\n⚙️ کانفیگ :\nاگر در داکیومنت Orval توجه کنید از انواع موارد مختلف پشتیبانی میکنه ، برای مثال شما میتوانید از axios یا fetch api یا react query یا vue query یا انگیولار یا zod ( برای valition ) و تا ترکیبی از fetch و validation بهرمند شوید.\n\n📖 برای مطالعه بیشتر حتما به داکیومنت Orval مراجعه کنید.\n\nhttps://orval.dev\n\n🔖 #Javascript, #JS, #جاوااسکریپت\n\n👤 Matin Soleymani\n\n💎 Channel: @DevelopixJavascript","datePublished":"2025-04-21T21:18:45Z","dateModified":"2025-04-21T21:18:45Z","author":{"@type":"Organization","name":"| کانال توسعهدهندگان جاوااسکریپت |","url":"https://telemetr.io/ru/channels/1942875334-developixjavascript","image":"https://img.tlmtr.io/c/27u6CW/5823301833593045169?ty=x"},"publisher":{"@type":"Organization","name":"| کانال توسعهدهندگان جاوااسکریپت |","url":"https://telemetr.io/ru/channels/1942875334-developixjavascript","image":"https://img.tlmtr.io/c/27u6CW/5823301833593045169?ty=x"},"commentCount":4,"interactionStatistic":[{"@type":"InteractionCounter","interactionType":"https://schema.org/ViewAction","userInteractionCount":1522},{"@type":"InteractionCounter","interactionType":"https://schema.org/LikeAction","userInteractionCount":12},{"@type":"InteractionCounter","interactionType":"https://schema.org/ShareAction","userInteractionCount":33},{"@type":"InteractionCounter","interactionType":"https://schema.org/CommentAction","userInteractionCount":4}]}},{"@type":"ListItem","position":4,"item":{"@type":"SocialMediaPosting","@id":"https://telemetr.io/ru/channels/1942875334-developixjavascript/posts/46","url":"https://telemetr.io/ru/channels/1942875334-developixjavascript/posts/46","mainEntityOfPage":"https://telemetr.io/ru/channels/1942875334-developixjavascript/posts/46","headline":"🔥 تخفیف بزرگ سرور اختصاصی ابری هاست ایران از امروز شروع شد!🚀 🛸 ما تو هاست ایران با توجه به درخواستهای پرتکرا…","articleBody":"🔥 تخفیف بزرگ سرور اختصاصی ابری هاست ایران از امروز شروع شد!🚀\n\n🛸 ما تو هاست ایران با توجه به درخواستهای پرتکرار شما، یک سرویس متفاوت راه انداختیم:\n🌩 سرور اختصاصی ابری – ترکیبی از قدرت سختافزار اختصاصی با انعطاف و مقیاسپذیری فضای ابری ✨\n\n✅ منابع کاملاً اختصاصی\n✅ پرداخت ساعتی یا ماهانه، فقط برای میزان مصرف واقعی (PAYG)\n✅ پشتیبانی از Nested Virtualization (نصب Hypervisor روی VM)\n✅ ساخت سریع ماشینمجازی ویندوز یا لینوکس\n✅ بکاپ خودکار و پشتیبانی ۲۴/۷\n✅ انتخاب دیتاسنتر نزدیک به کاربران شما\n\n💵 فقط تا ۶ اردیبهشت فرصت دارید این سرویس رو با ۵۰٪ تخفیف ویژه تهیه کنید!💥\n\n🟥 برای اطلاعات بیشتر و سفارش:\n🔗 لینک مشاهده سرویس","datePublished":"2025-04-20T16:45:02Z","dateModified":"2025-04-20T16:45:02Z","author":{"@type":"Organization","name":"| کانال توسعهدهندگان جاوااسکریپت |","url":"https://telemetr.io/ru/channels/1942875334-developixjavascript","image":"https://img.tlmtr.io/c/27u6CW/5823301833593045169?ty=x"},"publisher":{"@type":"Organization","name":"| کانال توسعهدهندگان جاوااسکریپت |","url":"https://telemetr.io/ru/channels/1942875334-developixjavascript","image":"https://img.tlmtr.io/c/27u6CW/5823301833593045169?ty=x"},"commentCount":0,"interactionStatistic":[{"@type":"InteractionCounter","interactionType":"https://schema.org/ViewAction","userInteractionCount":1069},{"@type":"InteractionCounter","interactionType":"https://schema.org/LikeAction","userInteractionCount":2}],"sharedContent":{"@type":"SocialMediaPosting","datePublished":"2025-04-20T10:15:05Z"}}},{"@type":"ListItem","position":5,"item":{"@type":"SocialMediaPosting","@id":"https://telemetr.io/ru/channels/1942875334-developixjavascript/posts/45","url":"https://telemetr.io/ru/channels/1942875334-developixjavascript/posts/45","mainEntityOfPage":"https://telemetr.io/ru/channels/1942875334-developixjavascript/posts/45","headline":"🥳مسابقۀ ۱۰۰ میلیونی ساخت بات در اپلیکیشن بله!🦾 💰 مسابقهای برای ساخت بازو (بات) و مینیاپ در اپلیکیشن بله 🎯 ا…","articleBody":"🥳مسابقۀ ۱۰۰ میلیونی ساخت بات در اپلیکیشن بله!🦾\n\n💰 مسابقهای برای ساخت بازو (بات) و مینیاپ در اپلیکیشن بله\n\n🎯 از استعدادت پول در بیار!\n❓چطوری؟\n\nبله با مسابقهٔ «زور بازوت رو نشون بده!» یک فرصت عالی برای مهندسین نرمافزار، وب دولوپرها، صاحبان سایتها و اپلیکیشنها و تیمهای محصول فراهم کرده که پاسخگوی این دغدغههاست. \n\n🎁 یه مسابقه با ۱۰۰ میلیون تومن جایزهٔ نقدی و ۱ میلیارد تومن اعتبار تبلیغات منتظرته! ♨️\n\n📎 همین الان در مسابقه ثبتنام کن! ➡️\n\n💬 کانال اخبار بازو دراپلیکیشن بله \n\nکانال اطلاعرسانی بله | @BaleMessenger","datePublished":"2025-02-24T16:30:05Z","dateModified":"2025-04-19T16:13:50Z","author":{"@type":"Organization","name":"| کانال توسعهدهندگان جاوااسکریپت |","url":"https://telemetr.io/ru/channels/1942875334-developixjavascript","image":"https://img.tlmtr.io/c/27u6CW/5823301833593045169?ty=x"},"publisher":{"@type":"Organization","name":"| کانال توسعهدهندگان جاوااسکریپت |","url":"https://telemetr.io/ru/channels/1942875334-developixjavascript","image":"https://img.tlmtr.io/c/27u6CW/5823301833593045169?ty=x"},"commentCount":2,"interactionStatistic":[{"@type":"InteractionCounter","interactionType":"https://schema.org/ViewAction","userInteractionCount":1230},{"@type":"InteractionCounter","interactionType":"https://schema.org/LikeAction","userInteractionCount":4},{"@type":"InteractionCounter","interactionType":"https://schema.org/ShareAction","userInteractionCount":5},{"@type":"InteractionCounter","interactionType":"https://schema.org/CommentAction","userInteractionCount":2}],"sharedContent":{"@type":"SocialMediaPosting","headline":"Developix Support","datePublished":"2025-02-24T15:41:42Z"}}},{"@type":"ListItem","position":6,"item":{"@type":"SocialMediaPosting","@id":"https://telemetr.io/ru/channels/1942875334-developixjavascript/posts/44","url":"https://telemetr.io/ru/channels/1942875334-developixjavascript/posts/44","mainEntityOfPage":"https://telemetr.io/ru/channels/1942875334-developixjavascript/posts/44","headline":"ثبتنام در ناراستار - NarStar شروع شد!🧩 10 ساعت پر هیجان: یه روز جمعه رو بشین بازی بساز! شبکه سازی: با بقیه ب…","articleBody":"ثبتنام در ناراستار - NarStar شروع شد!🧩\n\n10 ساعت پر هیجان: یه روز جمعه رو بشین بازی بساز!\nشبکه سازی: با بقیه بازیسازا آشنا شو و تیم بساز!\n\n🏆جوایز مسابقه: 🏆\n🥇 تیم اول 15 میلیون تومان\n🥈 تیم دوم 12 میلیون تومان\n🥉 تیم سوم 9 میلیون تومان\n🎖 تیم چهارم 7 میلیون تومان\n(جوایزی به رسم یادبود برای سایر شرکت کنندگان)\n\n🎮 هر انجینی که دوست داری استفاده کن(Unity, Game Maker, Construct و ...)\nحتی اجازه داری از هوش مصنوعی هم کمک بگیری!\n\nهمین الان ثبتنام کن (ظرفیت محدود):🗿\n@narstar_ir\n\n📞 اطلاعات بیشتر:\n@narstar_gamejam\n\n⏰ تاریخ برگزاری:\nروز جمعه 10 اسفند 1403 - 1403/12/10\n\n🛑آخرین مهلت ثبتنام:\n2 اسفند 1403\n\n💎برگزار کننده:\nزیستبوم کودک و نوجوان انارستان - www.anarestan.com\n\n#بازی_سازی #ناراستار #گیمجم #گیم_جم #مسابقه","datePublished":"2025-02-05T16:30:03Z","dateModified":"2025-02-24T01:00:28Z","author":{"@type":"Organization","name":"| کانال توسعهدهندگان جاوااسکریپت |","url":"https://telemetr.io/ru/channels/1942875334-developixjavascript","image":"https://img.tlmtr.io/c/27u6CW/5823301833593045169?ty=x"},"publisher":{"@type":"Organization","name":"| کانال توسعهدهندگان جاوااسکریپت |","url":"https://telemetr.io/ru/channels/1942875334-developixjavascript","image":"https://img.tlmtr.io/c/27u6CW/5823301833593045169?ty=x"},"commentCount":2,"interactionStatistic":[{"@type":"InteractionCounter","interactionType":"https://schema.org/ViewAction","userInteractionCount":836},{"@type":"InteractionCounter","interactionType":"https://schema.org/LikeAction","userInteractionCount":2},{"@type":"InteractionCounter","interactionType":"https://schema.org/ShareAction","userInteractionCount":3},{"@type":"InteractionCounter","interactionType":"https://schema.org/CommentAction","userInteractionCount":2}],"sharedContent":{"@type":"SocialMediaPosting","datePublished":"2025-02-05T10:36:12Z"}}},{"@type":"ListItem","position":7,"item":{"@type":"SocialMediaPosting","@id":"https://telemetr.io/ru/channels/1942875334-developixjavascript/posts/43","url":"https://telemetr.io/ru/channels/1942875334-developixjavascript/posts/43","mainEntityOfPage":"https://telemetr.io/ru/channels/1942875334-developixjavascript/posts/43","headline":"Bun v 1.2 بان نسخه جدیدش رو منتشر کرده. ✅ اپدیت های جدید بان در این نسخه : 1. سازگاری بیشتری با nodejs داره.…","articleBody":"Bun v 1.2\n\nبان نسخه جدیدش رو منتشر کرده.\n\n✅ اپدیت های جدید بان در این نسخه :\n\n1. سازگاری بیشتری با nodejs داره.\n2. به صورت built-in از s3 پشتیبانی میکنه.\n3. به صورت built-in از Postgres پشتیبانی میکنه و به زودی قراره mysql هم اضافه بشه.\n4. فایل bun.lock قبلا به صورت باینری بوده ولی با فیدبکهایی که از کامیونیتی دریافت کردند به فایل متنی تغییر دادند.\n5. میتونید html به صورت خیلی ساده از طریق بان ایمپورت کنید ( خودش مینیفای میکنه باندل میکنه هم js رو هم css رو )\n\nو به صورت کلی پرفرمنس بهتر شده ، سرعت بهتر شده و...\n\nفیچر های دیگری هم در این نسخه عرضه شده که میتونید با مشاهده وبلاگ بان مطالعه کنید.\n\nلینک وبلاگ :\nhttps://bun.sh/blog/bun-v1.2\n\n🔖 #Javascript, #JS, #جاوااسکریپت\n\n👤 Matin Soleymani\n\n💎 Channel: @DevelopixJavascript","datePublished":"2025-01-24T19:21:14Z","dateModified":"2025-01-24T19:21:14Z","author":{"@type":"Organization","name":"| کانال توسعهدهندگان جاوااسکریپت |","url":"https://telemetr.io/ru/channels/1942875334-developixjavascript","image":"https://img.tlmtr.io/c/27u6CW/5823301833593045169?ty=x"},"publisher":{"@type":"Organization","name":"| کانال توسعهدهندگان جاوااسکریپت |","url":"https://telemetr.io/ru/channels/1942875334-developixjavascript","image":"https://img.tlmtr.io/c/27u6CW/5823301833593045169?ty=x"},"commentCount":23,"interactionStatistic":[{"@type":"InteractionCounter","interactionType":"https://schema.org/ViewAction","userInteractionCount":1832},{"@type":"InteractionCounter","interactionType":"https://schema.org/LikeAction","userInteractionCount":13},{"@type":"InteractionCounter","interactionType":"https://schema.org/ShareAction","userInteractionCount":11},{"@type":"InteractionCounter","interactionType":"https://schema.org/CommentAction","userInteractionCount":23}]}},{"@type":"ListItem","position":8,"item":{"@type":"SocialMediaPosting","@id":"https://telemetr.io/ru/channels/1942875334-developixjavascript/posts/42","url":"https://telemetr.io/ru/channels/1942875334-developixjavascript/posts/42","mainEntityOfPage":"https://telemetr.io/ru/channels/1942875334-developixjavascript/posts/42","headline":"⭕️ دوره آموزش برنامهنویسی مینی اپ تلگرام 💠 در این دوره به آموزش برنامهنویسی مینی اپ تلگرام میپردازیم، از م…","articleBody":"⭕️ دوره آموزش برنامهنویسی مینی اپ تلگرام\n\n💠 در این دوره به آموزش برنامهنویسی مینی اپ تلگرام میپردازیم، از مباحث پایه و عمومی شروع میکنیم و مفاهیم رو یاد میگیریم.","datePublished":"2025-01-02T15:46:05Z","dateModified":"2025-01-02T15:46:05Z","author":{"@type":"Organization","name":"| کانال توسعهدهندگان جاوااسکریپت |","url":"https://telemetr.io/ru/channels/1942875334-developixjavascript","image":"https://img.tlmtr.io/c/27u6CW/5823301833593045169?ty=x"},"publisher":{"@type":"Organization","name":"| کانال توسعهدهندگان جاوااسکریپت |","url":"https://telemetr.io/ru/channels/1942875334-developixjavascript","image":"https://img.tlmtr.io/c/27u6CW/5823301833593045169?ty=x"},"commentCount":0,"interactionStatistic":[{"@type":"InteractionCounter","interactionType":"https://schema.org/ViewAction","userInteractionCount":1466},{"@type":"InteractionCounter","interactionType":"https://schema.org/LikeAction","userInteractionCount":1},{"@type":"InteractionCounter","interactionType":"https://schema.org/ShareAction","userInteractionCount":8}],"sharedContent":{"@type":"SocialMediaPosting","datePublished":"2025-01-02T15:45:18Z"}}},{"@type":"ListItem","position":9,"item":{"@type":"SocialMediaPosting","@id":"https://telemetr.io/ru/channels/1942875334-developixjavascript/posts/41","url":"https://telemetr.io/ru/channels/1942875334-developixjavascript/posts/41","mainEntityOfPage":"https://telemetr.io/ru/channels/1942875334-developixjavascript/posts/41","headline":"چطور در مسیر مهاجرت سورپرایز نشیم؟ 🎯✈️🌍 با داشتن اطلاعات دقیق و واقعی 📊، میتوانید از غافلگیریها دور بمانید…","articleBody":"چطور در مسیر مهاجرت سورپرایز نشیم؟ 🎯✈️🌍\n\nبا داشتن اطلاعات دقیق و واقعی 📊، میتوانید از غافلگیریها دور بمانید 😌✨ و مسیر مهاجرتیتان را با اطمینان بیشتری طی کنید. 💪🚀\n\n\n✅ با سفارش گزارش شخصیسازیشده دیرکشن، آگاهانه از میان ۴۰۰ برنامه مهاجرتی 🗂️ در ۱۸ کشور 🌎 و با کمک هوش مصنوعی 🤖 برای مهاجرت خود تصمیم بگیرید\n\nدریافت گزارش","datePublished":"2024-12-25T16:30:03Z","dateModified":"2024-12-25T16:30:03Z","author":{"@type":"Organization","name":"| کانال توسعهدهندگان جاوااسکریپت |","url":"https://telemetr.io/ru/channels/1942875334-developixjavascript","image":"https://img.tlmtr.io/c/27u6CW/5823301833593045169?ty=x"},"publisher":{"@type":"Organization","name":"| کانال توسعهدهندگان جاوااسکریپت |","url":"https://telemetr.io/ru/channels/1942875334-developixjavascript","image":"https://img.tlmtr.io/c/27u6CW/5823301833593045169?ty=x"},"commentCount":0,"interactionStatistic":[{"@type":"InteractionCounter","interactionType":"https://schema.org/ViewAction","userInteractionCount":1464},{"@type":"InteractionCounter","interactionType":"https://schema.org/LikeAction","userInteractionCount":6},{"@type":"InteractionCounter","interactionType":"https://schema.org/ShareAction","userInteractionCount":3}],"sharedContent":{"@type":"SocialMediaPosting","datePublished":"2024-12-15T07:06:19Z"}}},{"@type":"ListItem","position":10,"item":{"@type":"SocialMediaPosting","@id":"https://telemetr.io/ru/channels/1942875334-developixjavascript/posts/40","url":"https://telemetr.io/ru/channels/1942875334-developixjavascript/posts/40","mainEntityOfPage":"https://telemetr.io/ru/channels/1942875334-developixjavascript/posts/40","headline":"🎉 دنبال یه فرصت برای آینده کاری و مالی امن هستی؟ 🤔تا حالا به این فکر کردی که مهارتی که داری میتونه بهت درآم…","articleBody":"🎉 دنبال یه فرصت برای آینده کاری و مالی امن هستی؟\n\n🤔تا حالا به این فکر کردی که مهارتی که داری میتونه بهت درآمد دلاری بده؟ \n\n😑شاید فقط نمیدونی از کجا باید شروع کنی یا فکر میکنی موانع زیادی سر راهته.\n\n📌 تو وبینار ویژه یلدا ما بهت یاد میدیم:\n \n• چطور از مهارتت استفاده کنی و اولین قدم رو برداری.\n • راههایی که میتونی باهاش یه مسیر شغلی امن و پایدار بسازی.\n • چطور درآمد دلاری رو وارد زندگیت کنی.\n\n⚡️این فرصت برای توئه که امروز، یک آیندهای متفاوت بسازی.\nhttps://links.etekanesh.com/DevelopixP\n\n@TekaneshAcademy","datePublished":"2024-12-21T18:15:02Z","dateModified":"2024-12-23T12:02:56Z","author":{"@type":"Organization","name":"| کانال توسعهدهندگان جاوااسکریپت |","url":"https://telemetr.io/ru/channels/1942875334-developixjavascript","image":"https://img.tlmtr.io/c/27u6CW/5823301833593045169?ty=x"},"publisher":{"@type":"Organization","name":"| کانال توسعهدهندگان جاوااسکریپت |","url":"https://telemetr.io/ru/channels/1942875334-developixjavascript","image":"https://img.tlmtr.io/c/27u6CW/5823301833593045169?ty=x"},"commentCount":1,"interactionStatistic":[{"@type":"InteractionCounter","interactionType":"https://schema.org/ViewAction","userInteractionCount":368},{"@type":"InteractionCounter","interactionType":"https://schema.org/CommentAction","userInteractionCount":1}],"sharedContent":{"@type":"SocialMediaPosting","headline":"Developix Support","datePublished":"2024-12-21T18:05:25Z"}}},{"@type":"ListItem","position":11,"item":{"@type":"SocialMediaPosting","@id":"https://telemetr.io/ru/channels/1942875334-developixjavascript/posts/39","url":"https://telemetr.io/ru/channels/1942875334-developixjavascript/posts/39","mainEntityOfPage":"https://telemetr.io/ru/channels/1942875334-developixjavascript/posts/39","headline":"💎 وبسایت UIVerse منبعی غنی از کامپوننتهای پر استفاده و زیبا برای طراحی UI هست که میتونید بهراحتی کدهای مرب…","articleBody":"💎 وبسایت UIVerse منبعی غنی از کامپوننتهای پر استفاده و زیبا برای طراحی UI هست که میتونید بهراحتی کدهای مربوط به کامپوننتهای مورد علاقهتون دریافت کنید. لازم بهذکر هست که تمامی کامپوننتها Open-Source هستند و بدون مشکل میتونید استفاده کنید.\n\n🌐 UIVerse.io\n\n💎 Channel: @DevelopixJavascript","datePublished":"2024-12-17T13:40:11Z","dateModified":"2024-12-17T13:40:11Z","author":{"@type":"Organization","name":"| کانال توسعهدهندگان جاوااسکریپت |","url":"https://telemetr.io/ru/channels/1942875334-developixjavascript","image":"https://img.tlmtr.io/c/27u6CW/5823301833593045169?ty=x"},"publisher":{"@type":"Organization","name":"| کانال توسعهدهندگان جاوااسکریپت |","url":"https://telemetr.io/ru/channels/1942875334-developixjavascript","image":"https://img.tlmtr.io/c/27u6CW/5823301833593045169?ty=x"},"commentCount":0,"interactionStatistic":[{"@type":"InteractionCounter","interactionType":"https://schema.org/ViewAction","userInteractionCount":3049},{"@type":"InteractionCounter","interactionType":"https://schema.org/LikeAction","userInteractionCount":16},{"@type":"InteractionCounter","interactionType":"https://schema.org/ShareAction","userInteractionCount":125}]}},{"@type":"ListItem","position":12,"item":{"@type":"SocialMediaPosting","@id":"https://telemetr.io/ru/channels/1942875334-developixjavascript/posts/38","url":"https://telemetr.io/ru/channels/1942875334-developixjavascript/posts/38","mainEntityOfPage":"https://telemetr.io/ru/channels/1942875334-developixjavascript/posts/38","headline":"🔒🔑 انواع روشهای احراز هویت در بکاند توی پست امروزمون میخواهیم بپردازیم به مبحث احراز هویت (authentication)…","articleBody":"🔒🔑 انواع روشهای احراز هویت در بکاند\n\nتوی پست امروزمون میخواهیم بپردازیم به مبحث احراز هویت (authentication) که یکی از مهمترین مباحث در بکاند هست. ✅\n\nچند نکته قبل از شروع:\nبه هیچ وجه رمز کاربر نباید به صورت خام داخل دیتابیس یا هر جای دیگر ذخیره شود. ❌\nاز متدهای هشینگ (hashing) قوی استفاده کنید، مثل SHA-256 یا SHA-512.\nاگر از جاوااسکریپت برای پروژهتان استفاده میکنید، میتوانید از کتابخانه bcrypt استفاده کنید.\nتعداد دفعاتی که یک کاربر میتواند پشت سرهم درخواست ارسال کند را محدود کنید تا از حملات brute force جلوگیری شود.\n\n1️⃣ Password-based authentication\nدر این روش، کاربر فقط باید یک رمز وارد کند تا لاگین کرده و به اندپوینتهای محافظتشده دسترسی پیدا کند.\nاینجا نه توکنی وجود دارد و نه چیزی که منقضی شود و از ادامه دسترسی کاربر جلوگیری کند.\nاین روش اصلاً مناسب نیست و فقط برای یادگیری یا پروژههای ساده مناسب است.\n\n2️⃣ Token-based authentication\nیکی از مفیدترین و مهمترین روشهای احراز هویت که همه با آن آشنایی داریم.\nو البته، اسم JWT به گوش همه خورده است.\n\nدر این روش، وقتی کاربر وارد میشود، برای او دو توکن رمزنگاریشده ساخته میشود:\n\nAccess Token\nRefresh Token\nتفاوتها:\nمدت زمان انقضای Access Token کوتاه است (بین ۱۵ دقیقه تا ۱ ساعت).\nمدت زمان انقضای Refresh Token طولانیتر است (بیش از ۷ روز).\nهر وقت که Access Token منقضی میشود، با استفاده از Refresh Token، یک Access Token جدید دریافت میکنیم.\n\nسوال مهم: توکنها کجا ذخیره و ارسال میشوند؟\nتوکنها میتوانند:\n\nدر هدرها (Headers) ارسال شوند.\nیا در کوکیها ذخیره شوند.\nنکته: اگر توکن در کوکی ذخیره میشود، باید حتماً نکات امنیتی خاصی رعایت شود.\n\nنکته: اگر Refresh Token منقضی شود، کاربر باید مجدداً لاگین کند.\n\nمحتوای JWT:\nتوکن JWT معمولاً حاوی اطلاعات رمزنگاریشده مثل id، email و... است. (رمز عبور نباید ذخیره شود.)\nاین توکن از بخشهای زیر تشکیل شده است:\n\nHeader\nPayload\nSignature\nکاربرد:\nاین روش معمولاً همراه با احراز هویت دو مرحلهای (2FA) استفاده میشود.\nعلاوه بر رمز عبور، یک کد به ایمیل یا شماره تلفن ارسال میشود که باید وارد شود.\n\n3️⃣ Biometric authentication\nدر این روش، احراز هویت با استفاده از صدا، اثر انگشت، چشم، یا ویدئو انجام میشود.\nاین روش بیشتر در سامانههای حساس مثل دولتی یا بانکی استفاده میشود و عمومیت چندانی ندارد.\n\n4️⃣ Social media authentication\nدر این روش، کاربر از طریق اکانت شبکههای اجتماعی یا سرویسهای معتبر، احراز هویت میکند.\n\nویژگیها:\nبسیار محبوب و کاربرپسند است.\nمعمولاً با اکانتهای گوگل (جیمیل)، فیسبوک، گیتهاب و... انجام میشود.\nسرعت بالایی دارد، چون اکثر کاربران اکانت جیمیلشان روی مرورگر فعال است و با یک کلیک، احراز هویت کامل میشود.\n\n\nامیدوارم از این پست خوشتون اومده باشه 😊\nهر سوالی هم داشتید میتونید در بخش نظرات بپرسید 🙏\n\n🔖 #Javascript, #JS, #جاوااسکریپت\n\n👤 soroushGH \n\n💎 Channel: @DevelopixJavascript","datePublished":"2024-12-15T15:45:02Z","dateModified":"2024-12-15T15:45:02Z","author":{"@type":"Organization","name":"| کانال توسعهدهندگان جاوااسکریپت |","url":"https://telemetr.io/ru/channels/1942875334-developixjavascript","image":"https://img.tlmtr.io/c/27u6CW/5823301833593045169?ty=x"},"publisher":{"@type":"Organization","name":"| کانال توسعهدهندگان جاوااسکریپت |","url":"https://telemetr.io/ru/channels/1942875334-developixjavascript","image":"https://img.tlmtr.io/c/27u6CW/5823301833593045169?ty=x"},"commentCount":1,"interactionStatistic":[{"@type":"InteractionCounter","interactionType":"https://schema.org/ViewAction","userInteractionCount":1718},{"@type":"InteractionCounter","interactionType":"https://schema.org/LikeAction","userInteractionCount":18},{"@type":"InteractionCounter","interactionType":"https://schema.org/ShareAction","userInteractionCount":33},{"@type":"InteractionCounter","interactionType":"https://schema.org/CommentAction","userInteractionCount":1}]}},{"@type":"ListItem","position":13,"item":{"@type":"SocialMediaPosting","@id":"https://telemetr.io/ru/channels/1942875334-developixjavascript/posts/37","url":"https://telemetr.io/ru/channels/1942875334-developixjavascript/posts/37","mainEntityOfPage":"https://telemetr.io/ru/channels/1942875334-developixjavascript/posts/37","headline":"سلام پرسشنامه پیش رو با هدف درک بهتر رفتار و نیازهای کسبوکارهای اینترنتی ایرانی در استفاده از ابزارهای پردا…","articleBody":"سلام\nپرسشنامه پیش رو با هدف درک بهتر رفتار و نیازهای کسبوکارهای اینترنتی ایرانی در استفاده از ابزارهای پرداخت توسط یک تیم پژوهشی مستقل طراحی شده است. نتایج این پژوهش به ما کمک میکند تا ابزارهایی کارآمدتر و منطبق با نیازهای واقعی شما ارائه دهیم. تکمیل این پرسشنامه کاملاً بینام است و هیچ اطلاعات شخصی از شما ذخیره نخواهد شد. پاسخهای شما نقش کلیدی در بهبود خدمات ابزارهای پرداختی اینترنتی در کشور دارد، بنابراین از شما خواهشمندیم با دقت و صداقت به سوالات پاسخ دهید. زمان لازم برای تکمیل: حدود 5 دقیقه لطفاً برای شروع پرسشنامه، روی لینک زیر کلیک کنید و ما را در این مسیر همراهی کنید.\n.\nhttps://survey.porsline.ir/s/lEtAnSw8\n.\nسپاس فراوان از همکاری صمیمانه شما","datePublished":"2024-12-10T15:30:03Z","dateModified":"2024-12-10T15:30:03Z","author":{"@type":"Organization","name":"| کانال توسعهدهندگان جاوااسکریپت |","url":"https://telemetr.io/ru/channels/1942875334-developixjavascript","image":"https://img.tlmtr.io/c/27u6CW/5823301833593045169?ty=x"},"publisher":{"@type":"Organization","name":"| کانال توسعهدهندگان جاوااسکریپت |","url":"https://telemetr.io/ru/channels/1942875334-developixjavascript","image":"https://img.tlmtr.io/c/27u6CW/5823301833593045169?ty=x"},"commentCount":0,"interactionStatistic":[{"@type":"InteractionCounter","interactionType":"https://schema.org/ViewAction","userInteractionCount":1533},{"@type":"InteractionCounter","interactionType":"https://schema.org/LikeAction","userInteractionCount":2},{"@type":"InteractionCounter","interactionType":"https://schema.org/ShareAction","userInteractionCount":4}],"sharedContent":{"@type":"SocialMediaPosting","headline":"Developix Support","datePublished":"2024-12-09T21:26:49Z"}}},{"@type":"ListItem","position":14,"item":{"@type":"SocialMediaPosting","@id":"https://telemetr.io/ru/channels/1942875334-developixjavascript/posts/36","url":"https://telemetr.io/ru/channels/1942875334-developixjavascript/posts/36","mainEntityOfPage":"https://telemetr.io/ru/channels/1942875334-developixjavascript/posts/36","headline":"✨ با استفاده از کتابخونه Cursify میتونید افکتهای انیمیشنی زیبایی به Cursor موس در محیط وب بدید. این کتابخون…","articleBody":"✨ با استفاده از کتابخونه Cursify میتونید افکتهای انیمیشنی زیبایی به Cursor موس در محیط وب بدید. این کتابخونه با React و Typescript و Tailwind و Framer Motion ساخته شده و بهراحتی در پروژهها بهصورت کامپوننت قابل استفاده است.\n\n🌐 Website\n\n💎 Channel: @DevelopixJavascript","datePublished":"2024-11-30T16:45:07Z","dateModified":"2024-11-30T16:45:07Z","author":{"@type":"Organization","name":"| کانال توسعهدهندگان جاوااسکریپت |","url":"https://telemetr.io/ru/channels/1942875334-developixjavascript","image":"https://img.tlmtr.io/c/27u6CW/5823301833593045169?ty=x"},"publisher":{"@type":"Organization","name":"| کانال توسعهدهندگان جاوااسکریپت |","url":"https://telemetr.io/ru/channels/1942875334-developixjavascript","image":"https://img.tlmtr.io/c/27u6CW/5823301833593045169?ty=x"},"commentCount":1,"interactionStatistic":[{"@type":"InteractionCounter","interactionType":"https://schema.org/ViewAction","userInteractionCount":2899},{"@type":"InteractionCounter","interactionType":"https://schema.org/LikeAction","userInteractionCount":17},{"@type":"InteractionCounter","interactionType":"https://schema.org/ShareAction","userInteractionCount":65},{"@type":"InteractionCounter","interactionType":"https://schema.org/CommentAction","userInteractionCount":1}]}},{"@type":"ListItem","position":15,"item":{"@type":"SocialMediaPosting","@id":"https://telemetr.io/ru/channels/1942875334-developixjavascript/posts/35","url":"https://telemetr.io/ru/channels/1942875334-developixjavascript/posts/35","mainEntityOfPage":"https://telemetr.io/ru/channels/1942875334-developixjavascript/posts/35","headline":"📢 خبر ویژه برای شمایی که میخواین درآمد دلاری داشته باشین اما سختیهای مسیر نمیذارن شروع کنین! 🌍 ❌فرصت ویژه «…","articleBody":"📢 خبر ویژه برای شمایی که میخواین درآمد دلاری داشته باشین اما سختیهای مسیر نمیذارن شروع کنین! 🌍\n\n❌فرصت ویژه «آکادمی تکانش» رو از دست ندید!❌\n\n✳️ در تست توانمندی سنجی تکانش به صورت رایگان شرکت کن و میانگین درآمد دلاریت رو ببین!\n\n⛔️ هنوز تموم نشده✋\n\n♨️ آکادمی تکانش به عنوان یک شرکت معتبر دانشبنیان که تخصص شتابدهی کسب درآمد دلاری رو داره، دورههای کوتاهی رو آماده کرده که بتونی با کمترین زحمت وارد بازار کار بینالملل بشی.\n\n🎁 اگر در این یک هفته دورههای آموزشی تکانش رو خریداری کنین، میتونین از ۳۰٪ تخفیف ویژه استفاده کنین!\n\n🚀 این فرصت عالی هم تواناییهاتون رو کشف میکنه و هم با آموزشهای خاص، درِ جدیدی رو در دنیای بیزینس براتون باز میکنه. \n\n📛 یادتون باشه فقط تا 10 آذر فرصت دارین تا از این فرصت استثنایی استفاده کنین.\n\n🔗 https://links.etekanesh.com/develop \n\n🆔@TekaneshAcademy","datePublished":"2024-11-27T16:30:02Z","dateModified":"2024-11-30T15:26:45Z","author":{"@type":"Organization","name":"| کانال توسعهدهندگان جاوااسکریپت |","url":"https://telemetr.io/ru/channels/1942875334-developixjavascript","image":"https://img.tlmtr.io/c/27u6CW/5823301833593045169?ty=x"},"publisher":{"@type":"Organization","name":"| کانال توسعهدهندگان جاوااسکریپت |","url":"https://telemetr.io/ru/channels/1942875334-developixjavascript","image":"https://img.tlmtr.io/c/27u6CW/5823301833593045169?ty=x"},"commentCount":0,"interactionStatistic":[{"@type":"InteractionCounter","interactionType":"https://schema.org/ViewAction","userInteractionCount":536},{"@type":"InteractionCounter","interactionType":"https://schema.org/ShareAction","userInteractionCount":1}],"sharedContent":{"@type":"SocialMediaPosting","headline":"Developix Support","datePublished":"2024-11-27T15:09:18Z"}}},{"@type":"ListItem","position":16,"item":{"@type":"SocialMediaPosting","@id":"https://telemetr.io/ru/channels/1942875334-developixjavascript/posts/34","url":"https://telemetr.io/ru/channels/1942875334-developixjavascript/posts/34","mainEntityOfPage":"https://telemetr.io/ru/channels/1942875334-developixjavascript/posts/34","headline":"🌐 تهراننت، پیشرو در سرعت و کیفیت! همش با هزار تومن - ارائه پنل نمایندگی فروش فیلترشکن بصورت عمده: ⭐️ تک پروت…","articleBody":"🌐 تهراننت، پیشرو در سرعت و کیفیت!\n\nهمش با هزار تومن\n\n- ارائه پنل نمایندگی فروش فیلترشکن بصورت عمده:\n\n⭐️ تک پروتکل: امکان خرید سرویس تحت پروتکل های: v2ray-Cisco-OpenVpn\n🔲 مولتی پروتکل: امکان خرید یک سرویس تحت تمامی پروتکل های موجود\n\n😶 امکان ساخت ربات و سایت فروشگاهی با برند اختصاصی شما\n🚀 ارائه سرویس های حجمی و نامحدود با بالاترین کیفیت و سرعت ممکن\n🔻 ارائه سرویسهای لایف تایم و بدون انقضا\n📱 امکان تسویهحساب بعد از فروش برای فروشندگان موبایل\n\n💵شارژ هدیه کیفپول به محض ثبت نام\n \nجهت ثبت نام و دریافت هدیه:\n🔗https://tehrannet.org/landing/campaign/dvlp\n\nآدرس کانال مجموع :\nhttps://t.me/+gU6FrhevCQIyZmE0\n\nپشتیبانی مجموعه : @tehrannetvpn\n\n⚠️ ظرفیت جذب نمایندگی محدود میباشد!","datePublished":"2024-11-01T16:30:02Z","dateModified":"2024-11-30T15:27:16Z","author":{"@type":"Organization","name":"| کانال توسعهدهندگان جاوااسکریپت |","url":"https://telemetr.io/ru/channels/1942875334-developixjavascript","image":"https://img.tlmtr.io/c/27u6CW/5823301833593045169?ty=x"},"publisher":{"@type":"Organization","name":"| کانال توسعهدهندگان جاوااسکریپت |","url":"https://telemetr.io/ru/channels/1942875334-developixjavascript","image":"https://img.tlmtr.io/c/27u6CW/5823301833593045169?ty=x"},"commentCount":0,"interactionStatistic":[{"@type":"InteractionCounter","interactionType":"https://schema.org/ViewAction","userInteractionCount":1403},{"@type":"InteractionCounter","interactionType":"https://schema.org/LikeAction","userInteractionCount":2},{"@type":"InteractionCounter","interactionType":"https://schema.org/ShareAction","userInteractionCount":3}],"sharedContent":{"@type":"SocialMediaPosting","headline":"Developix Support","datePublished":"2024-11-01T09:01:13Z"}}},{"@type":"ListItem","position":17,"item":{"@type":"SocialMediaPosting","@id":"https://telemetr.io/ru/channels/1942875334-developixjavascript/posts/33","url":"https://telemetr.io/ru/channels/1942875334-developixjavascript/posts/33","mainEntityOfPage":"https://telemetr.io/ru/channels/1942875334-developixjavascript/posts/33","headline":"Void(0) Company 😍 Next Generation Tooling آقای Evan You خالق فریمورک vue.js و vite اومده یه کمپانی جدید زده ب…","articleBody":"Void(0) Company 😍\nNext Generation Tooling\n\n\nآقای Evan You خالق فریمورک vue.js و vite اومده یه کمپانی جدید زده به اسم Void-Zero و میخواد یه Tollchain برای JS بسازه و با کنار هم قراردادن بهترین ابزار ها یه چیز قوی بسازه.\n\nبرای بحث build از Vite برای بحث testing از Vitest و برای bundeler از Rolldown و برای langunage toolchain هم از Oxc بهره میبرند.\n\nدارن یه ابزار خفن به جامعه جاوا اسکریپت اضافه میکنند و هدفشون اینه این ابزار یکپارچه و سریع باشه\n\nو چون شخص Evan You شروع کننده هست یعنی جامعه ویو با این ابزار جلو میان و قراره یه ابزار خفن داشته باشیم که بتونیم همه جا استفاده کنیم هم سریع باشه هم خوب.\n\nو چون جامعه ویو و ویت باهاش هست نیاز نیست از صفر بسازن.\n\nبرای اطلاعات بیشتر میتونید سایتشون رو بررسی کنید که اطلاعات دقیق تر و کامل تری داشته باشید: \n🌐 سایت رسمی\n⚜️ گیت هاب\n\n🔖 #Javascript, #JS, #جاوااسکریپت\n\n👤 Matin Soleymani\n\n💎 Channel: @DevelopixJavascript","datePublished":"2024-10-20T20:48:04Z","dateModified":"2024-10-20T20:48:04Z","author":{"@type":"Organization","name":"| کانال توسعهدهندگان جاوااسکریپت |","url":"https://telemetr.io/ru/channels/1942875334-developixjavascript","image":"https://img.tlmtr.io/c/27u6CW/5823301833593045169?ty=x"},"publisher":{"@type":"Organization","name":"| کانال توسعهدهندگان جاوااسکریپت |","url":"https://telemetr.io/ru/channels/1942875334-developixjavascript","image":"https://img.tlmtr.io/c/27u6CW/5823301833593045169?ty=x"},"commentCount":0,"interactionStatistic":[{"@type":"InteractionCounter","interactionType":"https://schema.org/ViewAction","userInteractionCount":1533},{"@type":"InteractionCounter","interactionType":"https://schema.org/LikeAction","userInteractionCount":12},{"@type":"InteractionCounter","interactionType":"https://schema.org/ShareAction","userInteractionCount":11}]}},{"@type":"ListItem","position":18,"item":{"@type":"SocialMediaPosting","@id":"https://telemetr.io/ru/channels/1942875334-developixjavascript/posts/32","url":"https://telemetr.io/ru/channels/1942875334-developixjavascript/posts/32","mainEntityOfPage":"https://telemetr.io/ru/channels/1942875334-developixjavascript/posts/32","headline":"بوتکمپ آموزشی برنامهنویسی جاوا آموزش برای اشتغال در حوزه اینشورتک 🔰 اگر به مسیر شغلی برنامهنویسی جاوا علاق…","articleBody":"بوتکمپ آموزشی برنامهنویسی جاوا\nآموزش برای اشتغال در حوزه اینشورتک\n\n🔰 اگر به مسیر شغلی برنامهنویسی جاوا علاقه دارید و میخواید در بازار پر رونق فناوری بیمه (InsurTech) مشغول به کار شوید، این فرصت برای شماست!\n\n👈کسب اطلاعات بیشتر و ثبتنام👉\n\n___\nکمپس آموزشی فناپ؛ رشد در بازار کار دیجیتال\n@FanapCampus","datePublished":"2024-10-12T16:30:02Z","dateModified":"2024-11-30T16:45:09Z","author":{"@type":"Organization","name":"| کانال توسعهدهندگان جاوااسکریپت |","url":"https://telemetr.io/ru/channels/1942875334-developixjavascript","image":"https://img.tlmtr.io/c/27u6CW/5823301833593045169?ty=x"},"publisher":{"@type":"Organization","name":"| کانال توسعهدهندگان جاوااسکریپت |","url":"https://telemetr.io/ru/channels/1942875334-developixjavascript","image":"https://img.tlmtr.io/c/27u6CW/5823301833593045169?ty=x"},"commentCount":0,"interactionStatistic":[{"@type":"InteractionCounter","interactionType":"https://schema.org/ViewAction","userInteractionCount":1616},{"@type":"InteractionCounter","interactionType":"https://schema.org/LikeAction","userInteractionCount":5},{"@type":"InteractionCounter","interactionType":"https://schema.org/ShareAction","userInteractionCount":7}],"sharedContent":{"@type":"SocialMediaPosting","headline":"Developix Support","datePublished":"2024-10-12T07:59:43Z"}}},{"@type":"ListItem","position":19,"item":{"@type":"SocialMediaPosting","@id":"https://telemetr.io/ru/channels/1942875334-developixjavascript/posts/31","url":"https://telemetr.io/ru/channels/1942875334-developixjavascript/posts/31","mainEntityOfPage":"https://telemetr.io/ru/channels/1942875334-developixjavascript/posts/31","headline":"🧩 بهترین منابع برای تمرین JavaScript سایت W3Schools: -منبع معتبر برای یادگیری زبانها و فریمورکها و تکنولوژی…","articleBody":"🧩 بهترین منابع برای تمرین JavaScript\n\nسایت W3Schools:\n-منبع معتبر برای یادگیری زبانها و فریمورکها و تکنولوژیهای مختلف مثل JavaScript و Node.js و Vue.js\n-شامل ۶۷ تمرین کوتاه برای آموزش Syntax و کارکرد متدهای Vanilla JS\n-یک آزمون جامع ساده + کوییزهایی در سطوح مختلف برای مرور مبانی\n-فصل JS Examples شامل مثالهای واقعی(Real life)\n\nسایت Exercism:\n-۱۴۸ تمرین مفید JS با قابلیت آنالیز دقیق کدها\n-کمک به نوشتن برنامههای اصولی و بهینهتر\n-کامیونیتی غنی + پشتیبانی قوی برای دیدن راهحل دیگران و دریافت بازخورد\n-نقشه راه استاندارد\n\nسایت JS Hero:\n-داکیومنت مختصر برای یادگیری مبانی جاواسکریپت به زبان ساده\n-مسئلههای ساده در انتهای هر مبحث برای تمرین و درک بهتر\n\nسایت Edabit:\n-از گستردهترین منابع برای تقویت مهارت حل مسئله\n-بیش از ۲۵۰۰ تمرین در ۶ سطح\n-امکان مشاهده بهترین راهحلها\n\nسایت W3resources:\n-۱۰۰۰ مسئله برای سطح Beginner تا Intermediate\n-تحلیل دقیق، ارائه چندین راهحل بر اساس پارادایمهای مختلف و انتشارهای JS به همراه فلوچارت\n\n🔖 #Javascript, #JS, #جاوااسکریپت\n\n👤 Soheil \n\n💎 Channel: @DevelopixJavascript","datePublished":"2024-08-29T13:30:01Z","dateModified":"2024-08-29T13:30:01Z","author":{"@type":"Organization","name":"| کانال توسعهدهندگان جاوااسکریپت |","url":"https://telemetr.io/ru/channels/1942875334-developixjavascript","image":"https://img.tlmtr.io/c/27u6CW/5823301833593045169?ty=x"},"publisher":{"@type":"Organization","name":"| کانال توسعهدهندگان جاوااسکریپت |","url":"https://telemetr.io/ru/channels/1942875334-developixjavascript","image":"https://img.tlmtr.io/c/27u6CW/5823301833593045169?ty=x"},"commentCount":9,"interactionStatistic":[{"@type":"InteractionCounter","interactionType":"https://schema.org/ViewAction","userInteractionCount":1938},{"@type":"InteractionCounter","interactionType":"https://schema.org/LikeAction","userInteractionCount":11},{"@type":"InteractionCounter","interactionType":"https://schema.org/ShareAction","userInteractionCount":160},{"@type":"InteractionCounter","interactionType":"https://schema.org/CommentAction","userInteractionCount":9}]}},{"@type":"ListItem","position":20,"item":{"@type":"SocialMediaPosting","@id":"https://telemetr.io/ru/channels/1942875334-developixjavascript/posts/30","url":"https://telemetr.io/ru/channels/1942875334-developixjavascript/posts/30","mainEntityOfPage":"https://telemetr.io/ru/channels/1942875334-developixjavascript/posts/30","headline":"💢 معرفی ابزار Gulp ابزار Gulp یک ابزار متنباز و رایگان است که به زبان جاوا اسکریپت نوشته شده و بر پایه Node…","articleBody":"💢 معرفی ابزار Gulp\n\nابزار Gulp یک ابزار متنباز و رایگان است که به زبان جاوا اسکریپت نوشته شده و بر پایه Node Stream است. این ابزار به برنامهنویسان اجازه میدهد تا یک سری وظایف (Task) در پروژههای خود تعریف کنند که کارهای تکراری را به صورت خودکار انجام دهد. این کار باعث میشود که کار برنامهنویس سبکتر شده و روند اجرای پروژه سریعتر پیش برود.\n\nابزار Gulp به عنوان یک Task Manager برای محیط NodeJS و پکیج منیجر NPM عمل میکند. بنابراین برای استفاده از Gulp باید پکیج منیجر NPM را نصب کنید. NPM به شما امکان میدهد تا پکیجهای مختلفی را که برای پروژه نیاز دارید، مدیریت و نصب کنید.\n\n⚙️ نصب و راهاندازی Gulp\n\nبرای شروع استفاده از Gulp، ابتدا باید Node.js و NPM را نصب کنید. سپس میتوانید Gulp را به عنوان یک وابستگی در پروژه خود نصب کنید:\nnpm install --save-dev gulp\n🔴تعریف وظایف با Gulp\n\nپس از نصب Gulp، میتوانید وظایف مختلفی را تعریف کنید. به عنوان مثال، فرض کنید میخواهید فایلهای Sass خود را به CSS تبدیل کنید و سپس آنها را فشردهسازی کنید. ابتدا باید پلاگینهای مورد نیاز را نصب کنید:\nnpm install --save-dev gulp-sass gulp-clean-css\nسپس یک فایل به نام gulpfile.js در ریشه پروژه خود ایجاد کنید و وظایف خود را در آن تعریف کنید:\nconst gulp = require('gulp');\nconst sass = require('gulp-sass')(require('sass'));\nconst cleanCSS = require('gulp-clean-css');\n\ngulp.task('sass', function () {\n return gulp.src('src/scss/*.scss')\n .pipe(sass().on('error', sass.logError))\n .pipe(gulp.dest('dist/css'));\n});\n\ngulp.task('minify-css', () => {\n return gulp.src('dist/css/*.css')\n .pipe(cleanCSS({compatibility: 'ie8'}))\n .pipe(gulp.dest('dist/css'));\n});\n\ngulp.task('default', gulp.series('sass', 'minify-css'));\n🔴وظایف قابل انجام با Gulp\n\nاز جمله کارهایی که با Gulp میتوانید به صورت خودکار انجام دهید، میتوان به موارد زیر اشاره کرد:\n\n- فشردهسازی کدها: کاهش حجم فایلهای جاوا اسکریپت و CSS برای افزایش سرعت بارگذاری وبسایت.\n\n- بهینهسازی: اعمال تغییراتی روی فایلها برای بهبود عملکرد آنها.\n\n- اجرای Unit Testing: اجرای تستهای واحد برای اطمینان از عملکرد صحیح کدها.\n\n- تبدیل فایلهای Sass به CSS: ترجمه فایلهای پیشپردازندههای CSS مانند Sass به فایلهای CSS قابل استفاده در مرورگر.\n\n- ساخت تمپلیت HTML: ایجاد و مدیریت فایلهای HTML به صورت خودکار.\n\n- فشرده کردن تصاویر: کاهش حجم تصاویر بدون کاهش کیفیت آنها.\n\n- ساخت محیط لوکال هاست: ایجاد یک سرور محلی برای تست و توسعه پروژهها.\n\n🔘مثال کاربردی\n\nفرض کنید شما یک پروژه وب دارید که شامل فایلهای Sass، تصاویر و فایلهای جاوا اسکریپت است. با استفاده از Gulp، میتوانید تمام این وظایف را به صورت خودکار انجام دهید. به عنوان مثال، فایلهای Sass را به CSS تبدیل کرده، فایلهای CSS را فشرده کنید و تصاویر را بهینهسازی کنید. تمام این کارها تنها با اجرای یک دستور Gulp انجام میشود:\ngulp\nاین روش نه تنها زمان شما را صرفهجویی میکند، بلکه باعث میشود که پروژه شما همیشه بهینه و آماده برای انتشار باشد. Gulp با استفاده از پلاگینهای متعدد، قابلیتهای خود را افزایش میدهد و به شما اجازه میدهد تا وظایف پیچیدهتری را به راحتی مدیریت کنید. این ابزار با استفاده از سینتکس ساده و قابل فهم، به توسعهدهندگان کمک میکند تا به سرعت و با کمترین پیچیدگی، وظایف مختلف را در پروژههای خود پیادهسازی کنند.\n\n👤 Maryam \n\n💎 Channel: @DevelopixWeb","datePublished":"2024-07-11T12:53:04Z","dateModified":"2024-07-11T12:53:04Z","author":{"@type":"Organization","name":"| کانال توسعهدهندگان جاوااسکریپت |","url":"https://telemetr.io/ru/channels/1942875334-developixjavascript","image":"https://img.tlmtr.io/c/27u6CW/5823301833593045169?ty=x"},"publisher":{"@type":"Organization","name":"| کانال توسعهدهندگان جاوااسکریپت |","url":"https://telemetr.io/ru/channels/1942875334-developixjavascript","image":"https://img.tlmtr.io/c/27u6CW/5823301833593045169?ty=x"},"commentCount":7,"interactionStatistic":[{"@type":"InteractionCounter","interactionType":"https://schema.org/ViewAction","userInteractionCount":902},{"@type":"InteractionCounter","interactionType":"https://schema.org/LikeAction","userInteractionCount":9},{"@type":"InteractionCounter","interactionType":"https://schema.org/ShareAction","userInteractionCount":6},{"@type":"InteractionCounter","interactionType":"https://schema.org/CommentAction","userInteractionCount":7}],"sharedContent":{"@type":"SocialMediaPosting","datePublished":"2024-07-11T12:51:01Z"}}}]}
🎉 Nuxt V4
به تازگی نسخه جدید (V4) فریمورک ناکست منتشر شد...
🔥 تغییرات مهم در Nuxt 4:
🔹 ساختار جدید پروژه (پوشه app/)
ساختار پروژه حالا به صورت زیره و کدهای اپلیکیشن در app/ قرار میگیرن:
my-nuxt-app/ ├─ app/ │ ├─ pages/ │ ├─ components/ │ ├─ layouts/ │ └─ app.vue ├─ server/ ├─ shared/ ├─ public/ └─ nuxt.config.ts🔄 دیتا فچینگ بهینه تر شده 🔧 تجربه TypeScript بهبودیافته ⚡️ سرعت CLI بهتر شده 🎨 قالبهای UI جدید اضافه شده و Nuxt 3 تا پایان ژانویه 2026 آپدیتهای نگهداری رو دریافت میکنه. برای مطالعه بیشتر میتونید به وبلاگ ناکست سر بزنید. 🔖 #Javascript, #JS, #جاوااسکریپت, #nuxt, #vue 👤 Matin Soleymani 💎 Channel: @DevelopixJavascript
🎉 معرفی Vue 3.6 (نسخه آلفا) — آغاز دوران Vapor
بهتازگی Vue 3.6 بهصورت آلفا منتشر شده و یکی از بزرگترین تحولات تاریخ این فریمورک رو میبینیم: حالت Vapor.
در این نسخه، حالت جدیدی به نام Vapor Mode معرفی شده که بهطور کامل بدون استفاده از Virtual DOM کار میکند! این یعنی عملکرد بسیار سریعتر، مصرف حافظه کمتر و...
برای استفاده از این قابلیت جدید، فقط کافیه در تگ <script setup> به صورت زیر از دستور vapor استفاده کنید
<script setup vapor>
// کدهای شما اینجاست...
</script>یه ابزار خوب برای فرانت دولوپرها
این ابزار میتونه از طریق swagger v2 یا openAPI v3 بیاد درخواست های fetch رو بنویسه و میتونه بیاد validation با zod و به صورت type-safe براتون انجام بده. ( از فرمت های yaml و json پشتیبانی میکنه )
❇️ نحوه کار :
این ابزار رو به صورت dev dependencies نصب میکنید و یک فایل config داره که مشخص میکنید و به سادگی با یه دستور fetchها یا validationهای شما آماده است.
⚙️ کانفیگ :
اگر در داکیومنت Orval توجه کنید از انواع موارد مختلف پشتیبانی میکنه ، برای مثال شما میتوانید از axios یا fetch api یا react query یا vue query یا انگیولار یا zod ( برای valition ) و تا ترکیبی از fetch و validation بهرمند شوید.
📖 برای مطالعه بیشتر حتما به داکیومنت Orval مراجعه کنید.
https://orval.dev
🔖 #Javascript, #JS, #جاوااسکریپت
👤 Matin Soleymani
💎 Channel: @DevelopixJavascript
Repost from Hostiran | هاست ایران
🔥 تخفیف بزرگ سرور اختصاصی ابری هاست ایران از امروز شروع شد!🚀
🛸 ما تو هاست ایران با توجه به درخواستهای پرتکرار شما، یک سرویس متفاوت راه انداختیم:
🌩 سرور اختصاصی ابری – ترکیبی از قدرت سختافزار اختصاصی با انعطاف و مقیاسپذیری فضای ابری ✨
✅ منابع کاملاً اختصاصی
✅ پرداخت ساعتی یا ماهانه، فقط برای میزان مصرف واقعی (PAYG)
✅ پشتیبانی از Nested Virtualization (نصب Hypervisor روی VM)
✅ ساخت سریع ماشینمجازی ویندوز یا لینوکس
✅ بکاپ خودکار و پشتیبانی ۲۴/۷
✅ انتخاب دیتاسنتر نزدیک به کاربران شما
💵 فقط تا ۶ اردیبهشت فرصت دارید این سرویس رو با ۵۰٪ تخفیف ویژه تهیه کنید!💥
🟥 برای اطلاعات بیشتر و سفارش:
🔗 لینک مشاهده سرویس
🥳مسابقۀ ۱۰۰ میلیونی ساخت بات در اپلیکیشن بله!🦾
💰 مسابقهای برای ساخت بازو (بات) و مینیاپ در اپلیکیشن بله
🎯 از استعدادت پول در بیار!
❓چطوری؟
بله با مسابقهٔ «زور بازوت رو نشون بده!» یک فرصت عالی برای مهندسین نرمافزار، وب دولوپرها، صاحبان سایتها و اپلیکیشنها و تیمهای محصول فراهم کرده که پاسخگوی این دغدغههاست.
🎁 یه مسابقه با ۱۰۰ میلیون تومن جایزهٔ نقدی و ۱ میلیارد تومن اعتبار تبلیغات منتظرته! ♨️
📎 همین الان در مسابقه ثبتنام کن! ➡️
💬 کانال اخبار بازو دراپلیکیشن بله
کانال اطلاعرسانی بله | @BaleMessenger
Repost from N/a
ثبتنام در ناراستار - NarStar شروع شد!🧩
10 ساعت پر هیجان: یه روز جمعه رو بشین بازی بساز!
شبکه سازی: با بقیه بازیسازا آشنا شو و تیم بساز!
🏆جوایز مسابقه: 🏆
🥇 تیم اول 15 میلیون تومان
🥈 تیم دوم 12 میلیون تومان
🥉 تیم سوم 9 میلیون تومان
🎖 تیم چهارم 7 میلیون تومان
(جوایزی به رسم یادبود برای سایر شرکت کنندگان)
🎮 هر انجینی که دوست داری استفاده کن(Unity, Game Maker, Construct و ...)
حتی اجازه داری از هوش مصنوعی هم کمک بگیری!
همین الان ثبتنام کن (ظرفیت محدود):🗿
@narstar_ir
📞 اطلاعات بیشتر:
@narstar_gamejam
⏰ تاریخ برگزاری:
روز جمعه 10 اسفند 1403 - 1403/12/10
🛑آخرین مهلت ثبتنام:
2 اسفند 1403
💎برگزار کننده:
زیستبوم کودک و نوجوان انارستان - www.anarestan.com
#بازی_سازی #ناراستار #گیمجم #گیم_جم #مسابقه
Bun v 1.2
بان نسخه جدیدش رو منتشر کرده.
✅ اپدیت های جدید بان در این نسخه :
1. سازگاری بیشتری با nodejs داره.
2. به صورت built-in از s3 پشتیبانی میکنه.
3. به صورت built-in از Postgres پشتیبانی میکنه و به زودی قراره mysql هم اضافه بشه.
4. فایل bun.lock قبلا به صورت باینری بوده ولی با فیدبکهایی که از کامیونیتی دریافت کردند به فایل متنی تغییر دادند.
5. میتونید html به صورت خیلی ساده از طریق بان ایمپورت کنید ( خودش مینیفای میکنه باندل میکنه هم js رو هم css رو )
و به صورت کلی پرفرمنس بهتر شده ، سرعت بهتر شده و...
فیچر های دیگری هم در این نسخه عرضه شده که میتونید با مشاهده وبلاگ بان مطالعه کنید.
لینک وبلاگ :
https://bun.sh/blog/bun-v1.2
🔖 #Javascript, #JS, #جاوااسکریپت
👤 Matin Soleymani
💎 Channel: @DevelopixJavascript
Repost from | Erfan's Notes |
⭕️ دوره آموزش برنامهنویسی مینی اپ تلگرام
💠 در این دوره به آموزش برنامهنویسی مینی اپ تلگرام میپردازیم، از مباحث پایه و عمومی شروع میکنیم و مفاهیم رو یاد میگیریم.
Repost from دیرکشن
چطور در مسیر مهاجرت سورپرایز نشیم؟ 🎯✈️🌍
با داشتن اطلاعات دقیق و واقعی 📊، میتوانید از غافلگیریها دور بمانید 😌✨ و مسیر مهاجرتیتان را با اطمینان بیشتری طی کنید. 💪🚀
✅ با سفارش گزارش شخصیسازیشده دیرکشن، آگاهانه از میان ۴۰۰ برنامه مهاجرتی 🗂️ در ۱۸ کشور 🌎 و با کمک هوش مصنوعی 🤖 برای مهاجرت خود تصمیم بگیرید
دریافت گزارش
🎉 دنبال یه فرصت برای آینده کاری و مالی امن هستی؟
🤔تا حالا به این فکر کردی که مهارتی که داری میتونه بهت درآمد دلاری بده؟
😑شاید فقط نمیدونی از کجا باید شروع کنی یا فکر میکنی موانع زیادی سر راهته.
📌 تو وبینار ویژه یلدا ما بهت یاد میدیم:
• چطور از مهارتت استفاده کنی و اولین قدم رو برداری.
• راههایی که میتونی باهاش یه مسیر شغلی امن و پایدار بسازی.
• چطور درآمد دلاری رو وارد زندگیت کنی.
⚡️این فرصت برای توئه که امروز، یک آیندهای متفاوت بسازی.
https://links.etekanesh.com/DevelopixP
@TekaneshAcademy
💎 وبسایت UIVerse منبعی غنی از کامپوننتهای پر استفاده و زیبا برای طراحی UI هست که میتونید بهراحتی کدهای مربوط به کامپوننتهای مورد علاقهتون دریافت کنید. لازم بهذکر هست که تمامی کامپوننتها Open-Source هستند و بدون مشکل میتونید استفاده کنید.
🌐 UIVerse.io
💎 Channel: @DevelopixJavascript
🔒🔑 انواع روشهای احراز هویت در بکاند
توی پست امروزمون میخواهیم بپردازیم به مبحث احراز هویت (authentication) که یکی از مهمترین مباحث در بکاند هست. ✅
چند نکته قبل از شروع:
به هیچ وجه رمز کاربر نباید به صورت خام داخل دیتابیس یا هر جای دیگر ذخیره شود. ❌
از متدهای هشینگ (hashing) قوی استفاده کنید، مثل SHA-256 یا SHA-512.
اگر از جاوااسکریپت برای پروژهتان استفاده میکنید، میتوانید از کتابخانه bcrypt استفاده کنید.
تعداد دفعاتی که یک کاربر میتواند پشت سرهم درخواست ارسال کند را محدود کنید تا از حملات brute force جلوگیری شود.
1️⃣ Password-based authentication
در این روش، کاربر فقط باید یک رمز وارد کند تا لاگین کرده و به اندپوینتهای محافظتشده دسترسی پیدا کند.
اینجا نه توکنی وجود دارد و نه چیزی که منقضی شود و از ادامه دسترسی کاربر جلوگیری کند.
این روش اصلاً مناسب نیست و فقط برای یادگیری یا پروژههای ساده مناسب است.
2️⃣ Token-based authentication
یکی از مفیدترین و مهمترین روشهای احراز هویت که همه با آن آشنایی داریم.
و البته، اسم JWT به گوش همه خورده است.
در این روش، وقتی کاربر وارد میشود، برای او دو توکن رمزنگاریشده ساخته میشود:
Access Token
Refresh Token
تفاوتها:
مدت زمان انقضای Access Token کوتاه است (بین ۱۵ دقیقه تا ۱ ساعت).
مدت زمان انقضای Refresh Token طولانیتر است (بیش از ۷ روز).
هر وقت که Access Token منقضی میشود، با استفاده از Refresh Token، یک Access Token جدید دریافت میکنیم.
سوال مهم: توکنها کجا ذخیره و ارسال میشوند؟
توکنها میتوانند:
در هدرها (Headers) ارسال شوند.
یا در کوکیها ذخیره شوند.
نکته: اگر توکن در کوکی ذخیره میشود، باید حتماً نکات امنیتی خاصی رعایت شود.
نکته: اگر Refresh Token منقضی شود، کاربر باید مجدداً لاگین کند.
محتوای JWT:
توکن JWT معمولاً حاوی اطلاعات رمزنگاریشده مثل id، email و... است. (رمز عبور نباید ذخیره شود.)
این توکن از بخشهای زیر تشکیل شده است:
Header
Payload
Signature
کاربرد:
این روش معمولاً همراه با احراز هویت دو مرحلهای (2FA) استفاده میشود.
علاوه بر رمز عبور، یک کد به ایمیل یا شماره تلفن ارسال میشود که باید وارد شود.
3️⃣ Biometric authentication
در این روش، احراز هویت با استفاده از صدا، اثر انگشت، چشم، یا ویدئو انجام میشود.
این روش بیشتر در سامانههای حساس مثل دولتی یا بانکی استفاده میشود و عمومیت چندانی ندارد.
4️⃣ Social media authentication
در این روش، کاربر از طریق اکانت شبکههای اجتماعی یا سرویسهای معتبر، احراز هویت میکند.
ویژگیها:
بسیار محبوب و کاربرپسند است.
معمولاً با اکانتهای گوگل (جیمیل)، فیسبوک، گیتهاب و... انجام میشود.
سرعت بالایی دارد، چون اکثر کاربران اکانت جیمیلشان روی مرورگر فعال است و با یک کلیک، احراز هویت کامل میشود.
امیدوارم از این پست خوشتون اومده باشه 😊
هر سوالی هم داشتید میتونید در بخش نظرات بپرسید 🙏
🔖 #Javascript, #JS, #جاوااسکریپت
👤 soroushGH
💎 Channel: @DevelopixJavascript
سلام
پرسشنامه پیش رو با هدف درک بهتر رفتار و نیازهای کسبوکارهای اینترنتی ایرانی در استفاده از ابزارهای پرداخت توسط یک تیم پژوهشی مستقل طراحی شده است. نتایج این پژوهش به ما کمک میکند تا ابزارهایی کارآمدتر و منطبق با نیازهای واقعی شما ارائه دهیم. تکمیل این پرسشنامه کاملاً بینام است و هیچ اطلاعات شخصی از شما ذخیره نخواهد شد. پاسخهای شما نقش کلیدی در بهبود خدمات ابزارهای پرداختی اینترنتی در کشور دارد، بنابراین از شما خواهشمندیم با دقت و صداقت به سوالات پاسخ دهید. زمان لازم برای تکمیل: حدود 5 دقیقه لطفاً برای شروع پرسشنامه، روی لینک زیر کلیک کنید و ما را در این مسیر همراهی کنید.
.
https://survey.porsline.ir/s/lEtAnSw8
.
سپاس فراوان از همکاری صمیمانه شما
✨ با استفاده از کتابخونه Cursify میتونید افکتهای انیمیشنی زیبایی به Cursor موس در محیط وب بدید. این کتابخونه با React و Typescript و Tailwind و Framer Motion ساخته شده و بهراحتی در پروژهها بهصورت کامپوننت قابل استفاده است.
🌐 Website
💎 Channel: @DevelopixJavascript
📢 خبر ویژه برای شمایی که میخواین درآمد دلاری داشته باشین اما سختیهای مسیر نمیذارن شروع کنین! 🌍
❌فرصت ویژه «آکادمی تکانش» رو از دست ندید!❌
✳️ در تست توانمندی سنجی تکانش به صورت رایگان شرکت کن و میانگین درآمد دلاریت رو ببین!
⛔️ هنوز تموم نشده✋
♨️ آکادمی تکانش به عنوان یک شرکت معتبر دانشبنیان که تخصص شتابدهی کسب درآمد دلاری رو داره، دورههای کوتاهی رو آماده کرده که بتونی با کمترین زحمت وارد بازار کار بینالملل بشی.
🎁 اگر در این یک هفته دورههای آموزشی تکانش رو خریداری کنین، میتونین از ۳۰٪ تخفیف ویژه استفاده کنین!
🚀 این فرصت عالی هم تواناییهاتون رو کشف میکنه و هم با آموزشهای خاص، درِ جدیدی رو در دنیای بیزینس براتون باز میکنه.
📛 یادتون باشه فقط تا 10 آذر فرصت دارین تا از این فرصت استثنایی استفاده کنین.
🔗 https://links.etekanesh.com/develop
🆔@TekaneshAcademy
🌐 تهراننت، پیشرو در سرعت و کیفیت!
همش با هزار تومن
- ارائه پنل نمایندگی فروش فیلترشکن بصورت عمده:
⭐️ تک پروتکل: امکان خرید سرویس تحت پروتکل های: v2ray-Cisco-OpenVpn
🔲 مولتی پروتکل: امکان خرید یک سرویس تحت تمامی پروتکل های موجود
😶 امکان ساخت ربات و سایت فروشگاهی با برند اختصاصی شما
🚀 ارائه سرویس های حجمی و نامحدود با بالاترین کیفیت و سرعت ممکن
🔻 ارائه سرویسهای لایف تایم و بدون انقضا
📱 امکان تسویهحساب بعد از فروش برای فروشندگان موبایل
💵شارژ هدیه کیفپول به محض ثبت نام
جهت ثبت نام و دریافت هدیه:
🔗https://tehrannet.org/landing/campaign/dvlp
آدرس کانال مجموع :
https://t.me/+gU6FrhevCQIyZmE0
پشتیبانی مجموعه : @tehrannetvpn
⚠️ ظرفیت جذب نمایندگی محدود میباشد!
Void(0) Company 😍
Next Generation Tooling
آقای Evan You خالق فریمورک vue.js و vite اومده یه کمپانی جدید زده به اسم Void-Zero و میخواد یه Tollchain برای JS بسازه و با کنار هم قراردادن بهترین ابزار ها یه چیز قوی بسازه.
برای بحث build از Vite برای بحث testing از Vitest و برای bundeler از Rolldown و برای langunage toolchain هم از Oxc بهره میبرند.
دارن یه ابزار خفن به جامعه جاوا اسکریپت اضافه میکنند و هدفشون اینه این ابزار یکپارچه و سریع باشه
و چون شخص Evan You شروع کننده هست یعنی جامعه ویو با این ابزار جلو میان و قراره یه ابزار خفن داشته باشیم که بتونیم همه جا استفاده کنیم هم سریع باشه هم خوب.
و چون جامعه ویو و ویت باهاش هست نیاز نیست از صفر بسازن.
برای اطلاعات بیشتر میتونید سایتشون رو بررسی کنید که اطلاعات دقیق تر و کامل تری داشته باشید:
🌐 سایت رسمی
⚜️ گیت هاب
🔖 #Javascript, #JS, #جاوااسکریپت
👤 Matin Soleymani
💎 Channel: @DevelopixJavascript
بوتکمپ آموزشی برنامهنویسی جاوا
آموزش برای اشتغال در حوزه اینشورتک
🔰 اگر به مسیر شغلی برنامهنویسی جاوا علاقه دارید و میخواید در بازار پر رونق فناوری بیمه (InsurTech) مشغول به کار شوید، این فرصت برای شماست!
👈کسب اطلاعات بیشتر و ثبتنام👉
___
کمپس آموزشی فناپ؛ رشد در بازار کار دیجیتال
@FanapCampus
🧩 بهترین منابع برای تمرین JavaScript
سایت W3Schools:
-منبع معتبر برای یادگیری زبانها و فریمورکها و تکنولوژیهای مختلف مثل JavaScript و Node.js و Vue.js
-شامل ۶۷ تمرین کوتاه برای آموزش Syntax و کارکرد متدهای Vanilla JS
-یک آزمون جامع ساده + کوییزهایی در سطوح مختلف برای مرور مبانی
-فصل JS Examples شامل مثالهای واقعی(Real life)
سایت Exercism:
-۱۴۸ تمرین مفید JS با قابلیت آنالیز دقیق کدها
-کمک به نوشتن برنامههای اصولی و بهینهتر
-کامیونیتی غنی + پشتیبانی قوی برای دیدن راهحل دیگران و دریافت بازخورد
-نقشه راه استاندارد
سایت JS Hero:
-داکیومنت مختصر برای یادگیری مبانی جاواسکریپت به زبان ساده
-مسئلههای ساده در انتهای هر مبحث برای تمرین و درک بهتر
سایت Edabit:
-از گستردهترین منابع برای تقویت مهارت حل مسئله
-بیش از ۲۵۰۰ تمرین در ۶ سطح
-امکان مشاهده بهترین راهحلها
سایت W3resources:
-۱۰۰۰ مسئله برای سطح Beginner تا Intermediate
-تحلیل دقیق، ارائه چندین راهحل بر اساس پارادایمهای مختلف و انتشارهای JS به همراه فلوچارت
🔖 #Javascript, #JS, #جاوااسکریپت
👤 Soheil
💎 Channel: @DevelopixJavascript
Repost from | کانال توسعهدهندگان وب |
💢 معرفی ابزار Gulp
ابزار Gulp یک ابزار متنباز و رایگان است که به زبان جاوا اسکریپت نوشته شده و بر پایه Node Stream است. این ابزار به برنامهنویسان اجازه میدهد تا یک سری وظایف (Task) در پروژههای خود تعریف کنند که کارهای تکراری را به صورت خودکار انجام دهد. این کار باعث میشود که کار برنامهنویس سبکتر شده و روند اجرای پروژه سریعتر پیش برود.
ابزار Gulp به عنوان یک Task Manager برای محیط NodeJS و پکیج منیجر NPM عمل میکند. بنابراین برای استفاده از Gulp باید پکیج منیجر NPM را نصب کنید. NPM به شما امکان میدهد تا پکیجهای مختلفی را که برای پروژه نیاز دارید، مدیریت و نصب کنید.
⚙️ نصب و راهاندازی Gulp
برای شروع استفاده از Gulp، ابتدا باید Node.js و NPM را نصب کنید. سپس میتوانید Gulp را به عنوان یک وابستگی در پروژه خود نصب کنید:
npm install --save-dev gulpnpm install --save-dev gulp-sass gulp-clean-cssconst gulp = require('gulp');
const sass = require('gulp-sass')(require('sass'));
const cleanCSS = require('gulp-clean-css');
gulp.task('sass', function () {
return gulp.src('src/scss/*.scss')
.pipe(sass().on('error', sass.logError))
.pipe(gulp.dest('dist/css'));
});
gulp.task('minify-css', () => {
return gulp.src('dist/css/*.css')
.pipe(cleanCSS({compatibility: 'ie8'}))
.pipe(gulp.dest('dist/css'));
});
gulp.task('default', gulp.series('sass', 'minify-css'));gulp