😁12🔥3⚡1❤🔥1
برچسب گذاری شرط ها ( Labelled Statements ) در جاوااسکریپت ✅️
🔹️در جاوااسکریپت میتونید به هر statement یک برچسب (label) اختصاص بدید و بعد از اون برچسب برای کنترل جریان برنامه استفاده کنید. این ویژگی بیشتر برای کنترل جریان در حلقهها (loops) به کار میره. این مثال رو ببینیم تا بهتر متوجه کاربردش بشیم:
🔸️در واقع خروجی به این شکله:
⚡️و وقتی که i و j هر دو برابر 1 میشن، لوپ بزرگتر ما break میشه و میره خونشون.
و برنامه میره ادامه کارش(یا مثل این مثال، تموم میشه)
#javascript #js #trick
☕️Telegram | Website | Discord
🔹️در جاوااسکریپت میتونید به هر statement یک برچسب (label) اختصاص بدید و بعد از اون برچسب برای کنترل جریان برنامه استفاده کنید. این ویژگی بیشتر برای کنترل جریان در حلقهها (loops) به کار میره. این مثال رو ببینیم تا بهتر متوجه کاربردش بشیم:
outerLoop: for (let i = 0; i < 3; i++) {
for (let j = 0; j < 3; j++) {
if (i === 1 && j === 1) {
break outerLoop;
}
console.log(`i = ${i}, j = ${j}`);
}
}🔸️در واقع خروجی به این شکله:
i = 0, j = 0
i = 0, j = 1
i = 0, j = 2
i = 1, j = 0
⚡️و وقتی که i و j هر دو برابر 1 میشن، لوپ بزرگتر ما break میشه و میره خونشون.
و برنامه میره ادامه کارش(یا مثل این مثال، تموم میشه)
#javascript #js #trick
☕️Telegram | Website | Discord
🔥9❤🔥3
This media is not supported in your browser
VIEW IN TELEGRAM
🚢 نوبت رسید به نهنگ آبی معروف: داکر!
🎯 تو این ۹۹ ثانیه میفهمی:
🔸 داکر چیه و چرا برنامهنویسها باهاش عاشقانه رفتار میکنن؟
🔸 قصهی تولد داکر، از LXC و cgroups تا DotCloud و متنباز شدن تاریخی
🔸 مزایای واقعی مثل سرعت، ایزولیشن، و deploy بدون دردسر (خداحافظ "رو سیستم من کار میکنه")
🔸 نکات دردناک مثل رمخواری عجیب داکر دسکتاپ، مستندات پراکنده، و learning curve ترسناک
🔸 چرا هنوز با وجود همه اینا، DevOps بدون داکر انگار یه شوخی بیمزهست؟
💥 اگه فکر میکنی داکر فقط یه ابزار برای دولوپرهای عجیبغریبه، این ویدیو رو از دست نده!
💬 تو چی؟ تا حالا با داکر سر و کله زدی؟ سخت بود یا باحال؟ کامنت کن تا ببینیم کی چقد نهنگباز حرفهایه!
#docker #99_seris
☕️Telegram | Website | Discord
🎯 تو این ۹۹ ثانیه میفهمی:
🔸 داکر چیه و چرا برنامهنویسها باهاش عاشقانه رفتار میکنن؟
🔸 قصهی تولد داکر، از LXC و cgroups تا DotCloud و متنباز شدن تاریخی
🔸 مزایای واقعی مثل سرعت، ایزولیشن، و deploy بدون دردسر (خداحافظ "رو سیستم من کار میکنه")
🔸 نکات دردناک مثل رمخواری عجیب داکر دسکتاپ، مستندات پراکنده، و learning curve ترسناک
🔸 چرا هنوز با وجود همه اینا، DevOps بدون داکر انگار یه شوخی بیمزهست؟
💥 اگه فکر میکنی داکر فقط یه ابزار برای دولوپرهای عجیبغریبه، این ویدیو رو از دست نده!
💬 تو چی؟ تا حالا با داکر سر و کله زدی؟ سخت بود یا باحال؟ کامنت کن تا ببینیم کی چقد نهنگباز حرفهایه!
#docker #99_seris
☕️Telegram | Website | Discord
❤🔥10⚡4🔥3
☁️ اگه یه فضای ابری میخوای که دست خودت باشه، بدون وابستگی به شرکت هایی مثل گوگل یا اینترنت، یه گزینه خیلی جالب هست به اسم Nextcloud.
میتونی روی یه کامپیوتر قدیمی نصبش کنی و اون کامپیوتر تبدیل میشه به فضای ابری خونگی! بعد از هر دستگاهی تو خونه بهش وصل میشی، فایل هاتو میریزی روش یا برمیداری، بدون اینکه نیاز به اینترنت داشته باشی.
اطلاعاتت پیش خودته، سرعت انتقال بالا و هر کی به وایفای خونه وصل باشه (مثلاً اعضای خانواده) میتونه ازش استفاده کنه.
در کل انگار یه گوگل درایو ساختی، ولی فقط واسه خودت😎
لینک دسترسی بهش:
🔗 https://nextcloud.com
ری اکشن و حمایت فراموش نشه🔥🧡
#cloud #offline #personal
☕️Telegram | Website | Discord
میتونی روی یه کامپیوتر قدیمی نصبش کنی و اون کامپیوتر تبدیل میشه به فضای ابری خونگی! بعد از هر دستگاهی تو خونه بهش وصل میشی، فایل هاتو میریزی روش یا برمیداری، بدون اینکه نیاز به اینترنت داشته باشی.
اطلاعاتت پیش خودته، سرعت انتقال بالا و هر کی به وایفای خونه وصل باشه (مثلاً اعضای خانواده) میتونه ازش استفاده کنه.
در کل انگار یه گوگل درایو ساختی، ولی فقط واسه خودت😎
لینک دسترسی بهش:
🔗 https://nextcloud.com
ری اکشن و حمایت فراموش نشه🔥🧡
#cloud #offline #personal
☕️Telegram | Website | Discord
🔥15❤🔥2⚡2
🚀 4 قسمت جدید از آموزش مقدماتی تا پیشرفته Django رایگان منتشر شد 💼🐍
اگه پایتون بلدی و میخوای وارد دنیای برنامهنویسی وب بشی، این دوره دقیقاً برای توئه!
تو مسیر آموزش یاد میگیری چطوری بکاند یک سایت رو طراحی کنی، پایگاه داده بسازی، صفحات داینامیک داشته باشی و در نهایت یه اپلیکیشن تحتوب واقعی رو کامل پیادهسازی کنی.
📅 دوره بهصورت سه روز یکبار آپدیت میشه و قسمتهای جدید بهش اضافه میشه.
🔔 قسمتهای منتشر شده:
- ادامه پروژه (افزودن قالب)
- ادامه پروژه (تنظیمات قالب)
- ادامه پروژه (مقالات)
🔹 فصل دوم جنگو پیشرفته
- بررسی قالب و شروع فصل دوم
🎬 دسترسی به دوره
#django #python #backend
☕️Telegram | Website | Discord
اگه پایتون بلدی و میخوای وارد دنیای برنامهنویسی وب بشی، این دوره دقیقاً برای توئه!
تو مسیر آموزش یاد میگیری چطوری بکاند یک سایت رو طراحی کنی، پایگاه داده بسازی، صفحات داینامیک داشته باشی و در نهایت یه اپلیکیشن تحتوب واقعی رو کامل پیادهسازی کنی.
📅 دوره بهصورت سه روز یکبار آپدیت میشه و قسمتهای جدید بهش اضافه میشه.
🔔 قسمتهای منتشر شده:
- ادامه پروژه (افزودن قالب)
- ادامه پروژه (تنظیمات قالب)
- ادامه پروژه (مقالات)
🔹 فصل دوم جنگو پیشرفته
- بررسی قالب و شروع فصل دوم
🎬 دسترسی به دوره
#django #python #backend
☕️Telegram | Website | Discord
🔥11❤🔥3⚡3😍1
Axios یه کلاینت HTTP مبتنی بر Promise هست که توی Node.js و مرورگر به خوبی کار میکنه. باهاش میتونی درخواستهای GET، POST و بقیه متدها رو ساده و تمیز بفرستی، دادهها رو خودکار به JSON تبدیل کنی، Request ها رو قبل از ارسال یا بعد از دریافت تغییر بدی، و حتی درخواست رو لغو کنی. توی فرمها هم خودش داده ها رو به فرمت مناسب encode میکنه و پشتیبانی خوبی برای مقابله با XSRF داره.
اگر نیاز داشتید حتی داکیومنتش از فارسی هم پشتیبانی میکنه✅
https://github.com/axios/axios
#nodejs #repo #github
☕️Telegram | Website | Discord
اگر نیاز داشتید حتی داکیومنتش از فارسی هم پشتیبانی میکنه✅
https://github.com/axios/axios
#nodejs #repo #github
☕️Telegram | Website | Discord
🔥10⚡2❤🔥2
MVC چیه؟🤔
الگوی MVC یا Model–View–Controller یکی از رایج ترین معماری های نرمافزاری هست که با هدف جدا کردن بخش های مختلف برنامه برای درک بهترش طراحی شده. این ساختار باعث مرتب تر شدن کدها، قابل نگهداری تر و توسعه پذیرتر شدن پروژه میشه؛ مخصوصا در پروژه های بزرگ یا تیمی.
🧱 MVC از سه بخش تشکیل شده:
- Model همون جاییه که دادههای اصلی نگهداری میشن. مثلاً توی یه سایت فروشگاهی، مدل ها اطلاعات محصولات، کاربران یا سفارش ها رو نگه میدارن.
- View چیزی که کاربر اونو میبینه؛ یعنی رابط کاربری. مثل صفحه ای که لیست محصولات رو نشون میده.
- Controller مغز متفکره بین این دوتا. وقتی کاربر روی یه دکمه کلیک کنه، Controller تصمیم میگیره باید چه اتفاقی بیوفته، به مدل Request میده، نتیجه رو میگیره و به View میگه چطور نشونش بده.
👀 یه مثال خیلی ساده:
فرض کن کاربر روی دکمه "نمایش محصولات" کلیک میکنه. این درخواست اول میره سراغ Controller، اون هم از Model میپرسه که لیست محصولات چیه، بعد نتیجه رو میفرسته به View تا برای کاربر نمایش داده بشه به همین سادگی.
خیلی از فریم ورک های محبوب از این الگو استفاده میکنن مثل Laravel, Express.js و حتی Net MVC. ✅
چرا MVC؟
چون باعث راحتی توی کار تیمی میشه و هر کسی فقط با بخشی از اون پروژه سر و کار داره. مثلاً کسی که ظاهر سایت رو طراحی میکنه فقط با View سروکار داره، و کسی که منطق برنامه رو پیاده میکنه با Model و Controller. اینجوری هم کار تیمی راحتتره، هم تغییر دادن بخشهای مختلف برنامه بدون مشکل توی بقیه کد ها ممکن میشه.
#mvc #architecture
☕️Telegram | Website | Discord
الگوی MVC یا Model–View–Controller یکی از رایج ترین معماری های نرمافزاری هست که با هدف جدا کردن بخش های مختلف برنامه برای درک بهترش طراحی شده. این ساختار باعث مرتب تر شدن کدها، قابل نگهداری تر و توسعه پذیرتر شدن پروژه میشه؛ مخصوصا در پروژه های بزرگ یا تیمی.
🧱 MVC از سه بخش تشکیل شده:
- Model همون جاییه که دادههای اصلی نگهداری میشن. مثلاً توی یه سایت فروشگاهی، مدل ها اطلاعات محصولات، کاربران یا سفارش ها رو نگه میدارن.
- View چیزی که کاربر اونو میبینه؛ یعنی رابط کاربری. مثل صفحه ای که لیست محصولات رو نشون میده.
- Controller مغز متفکره بین این دوتا. وقتی کاربر روی یه دکمه کلیک کنه، Controller تصمیم میگیره باید چه اتفاقی بیوفته، به مدل Request میده، نتیجه رو میگیره و به View میگه چطور نشونش بده.
👀 یه مثال خیلی ساده:
فرض کن کاربر روی دکمه "نمایش محصولات" کلیک میکنه. این درخواست اول میره سراغ Controller، اون هم از Model میپرسه که لیست محصولات چیه، بعد نتیجه رو میفرسته به View تا برای کاربر نمایش داده بشه به همین سادگی.
خیلی از فریم ورک های محبوب از این الگو استفاده میکنن مثل Laravel, Express.js و حتی Net MVC. ✅
چرا MVC؟
چون باعث راحتی توی کار تیمی میشه و هر کسی فقط با بخشی از اون پروژه سر و کار داره. مثلاً کسی که ظاهر سایت رو طراحی میکنه فقط با View سروکار داره، و کسی که منطق برنامه رو پیاده میکنه با Model و Controller. اینجوری هم کار تیمی راحتتره، هم تغییر دادن بخشهای مختلف برنامه بدون مشکل توی بقیه کد ها ممکن میشه.
#mvc #architecture
☕️Telegram | Website | Discord
🔥8⚡2❤🔥2
اخیرا ریپازیتوری های بعضی از شما دوستان که برای ما ارسال کرده بودید رو اینجا هم قرار دادیم اگر باز هم ریپازیتوری دارید میتونید داخل گروه یا داخل چنل RepoHub سرور دیسکوردمون قرار بدید 🚀
اما در رابطه با چنل ریپوهاب سرور دیسکورد یه توضیحی بهتون بدم که اونجا مخصوص قرار دادن ریپازیتوری های مفید خودتون و دیگران هستش و خیلی از دوستان هم توی اونجا ریپازیتوری ها و داکیومنت های کاربردی رو قرار دادن تا بتونید از ایده ها و کد های دیگران الگو بگیرید و استفاده کنید🔥
💬 جوین دیسکورد ما بشید و توی چنل RepoHub مشارکت کنید:
لینک
با کد اکسپلور یاد بگیر، لذت ببر و بروز باش ⚡️
☕ Telegram | Website
اما در رابطه با چنل ریپوهاب سرور دیسکورد یه توضیحی بهتون بدم که اونجا مخصوص قرار دادن ریپازیتوری های مفید خودتون و دیگران هستش و خیلی از دوستان هم توی اونجا ریپازیتوری ها و داکیومنت های کاربردی رو قرار دادن تا بتونید از ایده ها و کد های دیگران الگو بگیرید و استفاده کنید🔥
💬 جوین دیسکورد ما بشید و توی چنل RepoHub مشارکت کنید:
لینک
با کد اکسپلور یاد بگیر، لذت ببر و بروز باش ⚡️
☕ Telegram | Website
❤🔥7🔥3
🌌 پروژه Nebula Works راهاندازی شد!
یه پنل مدیریتی مدرن با تم کهکشانی ساختیم که کاملاً رسپانسیو، سبک و بدون استفاده از هیچ فریمورکی طراحی شده — فقط با HTML, CSS, JS 💻
🎯 مناسب برای تمرین طراحی UI، استفاده در پروژهها یا الهام گرفتن برای ساخت داشبوردهای حرفهای.
📎 سورس کامل پروژه روی GitHub:
🔗 Click Here
📄 توضیحات کامل + دموی پروژه در Dev.to (اگه خواستین با ❤️ یا کامنت حمایت کنین ممنون میشم):
🔗 Dev community
🛠 خوشحال میشم نظرتون رو بدونم یا فیدبک بگیرم 🌠
یه پنل مدیریتی مدرن با تم کهکشانی ساختیم که کاملاً رسپانسیو، سبک و بدون استفاده از هیچ فریمورکی طراحی شده — فقط با HTML, CSS, JS 💻
🎯 مناسب برای تمرین طراحی UI، استفاده در پروژهها یا الهام گرفتن برای ساخت داشبوردهای حرفهای.
📎 سورس کامل پروژه روی GitHub:
🔗 Click Here
📄 توضیحات کامل + دموی پروژه در Dev.to (اگه خواستین با ❤️ یا کامنت حمایت کنین ممنون میشم):
🔗 Dev community
🛠 خوشحال میشم نظرتون رو بدونم یا فیدبک بگیرم 🌠
DEV Community
🌌 Nebula Works – A Futuristic Admin Dashboard Built with Pure HTML/CSS/JS
This is a submission for Frontend Challenge: Office Edition sponsored by Axero, Holistic Webdev:...
🔥13❤🔥6
🔔 سایت کداکسپلور برای رفع بعضی از مشکلات برای ساعاتی از دسترس خارج شد ولی بزودی در دسترستون قرار میگیره.
از شکیبایی شما سپاسگزاریم💚
از شکیبایی شما سپاسگزاریم💚
🔥13⚡2
خونه ی پایتون کار ها ⚡️
🌐 یه سایت خیلی خفن برای پایتونکارها Real Python هست. این سایت پر از آموزشهای کاربردی، مقالات، ویدیوهای آموزشی و پروژههای پایتونیه. از سطح مبتدی تا پیشرفته، مطالبی داره که تو هر سطحی که باشی میتونی کلی چیز یاد بگیری.
🔥خوبی این سایت اینه که همیشه بهروز میشه و میتونی جدیدترین تکنیکها و ابزارهای پایتون رو هم یاد بگیری.
🔸️از این هم بهتر، یه جامعه فعاله که میتونی ازشون سوال بپرسی و حتی با بقیه کد بزنی!
🔗realpython.com
#python #site
☕️Telegram | Website | Discord
🌐 یه سایت خیلی خفن برای پایتونکارها Real Python هست. این سایت پر از آموزشهای کاربردی، مقالات، ویدیوهای آموزشی و پروژههای پایتونیه. از سطح مبتدی تا پیشرفته، مطالبی داره که تو هر سطحی که باشی میتونی کلی چیز یاد بگیری.
🔥خوبی این سایت اینه که همیشه بهروز میشه و میتونی جدیدترین تکنیکها و ابزارهای پایتون رو هم یاد بگیری.
🔸️از این هم بهتر، یه جامعه فعاله که میتونی ازشون سوال بپرسی و حتی با بقیه کد بزنی!
🔗realpython.com
#python #site
☕️Telegram | Website | Discord
❤🔥13⚡3
چند تا اکستنشن با حال و کاربردی VS Code
🔍 StackFinder
این ابزار سریع میگرده و جواب های مربوط به مشکلات کدتون رو از Stack Overflow پیدا میکنه (هرچند با اومدن AI کمتر استفاده میشه)
👀 Emoji Sense
میتونید باهاش توی کدتون ایموجی استفاده کنید.
🔰 Bracket Pair Colorizer
براکتهای باز و بستهی هر بلاک رو با رنگهای متفاوت نشون میده تا راحتتر متوجه بشید کدوم به کدومه؛ خصوصا توی کدهای تو در تو خیلی کمک میکنه.
🎨 Color Highlight
هر جا کد رنگی مثل #ff5733 یا RGB توی کدت بنویسید، رنگش رو میتونین همونجا ببینید.
📁 Path Intellisense
وقتی مسیر فایل یا عکس مینویسید، بهتون مسیر رو پیشنهاد میده.
#extension #vscode
☕️Telegram | Website | Discord
🔍 StackFinder
این ابزار سریع میگرده و جواب های مربوط به مشکلات کدتون رو از Stack Overflow پیدا میکنه (هرچند با اومدن AI کمتر استفاده میشه)
👀 Emoji Sense
میتونید باهاش توی کدتون ایموجی استفاده کنید.
🔰 Bracket Pair Colorizer
براکتهای باز و بستهی هر بلاک رو با رنگهای متفاوت نشون میده تا راحتتر متوجه بشید کدوم به کدومه؛ خصوصا توی کدهای تو در تو خیلی کمک میکنه.
🎨 Color Highlight
هر جا کد رنگی مثل #ff5733 یا RGB توی کدت بنویسید، رنگش رو میتونین همونجا ببینید.
📁 Path Intellisense
وقتی مسیر فایل یا عکس مینویسید، بهتون مسیر رو پیشنهاد میده.
#extension #vscode
☕️Telegram | Website | Discord
❤🔥15🔥4⚡2