#Out_Of_IDE

✅کمی از وصیت های جابز بزرگ بشنویم 💥

Channel | Group | YouTube

#nodejs
#redis
#database
👲 ردیس (Redis) یک پایگاه داده NoSQL در حافظه (In-Memory) است که به دلیل سرعت بالا و مقیاس‌پذیری آسان، محبوبیت زیادی پیدا کرده است. ردیس از ساختار داده‌های مختلفی مانند String، List، Set، Hash و Sorted Set پشتیبانی می‌کند که می‌توان از آن‌ها برای ذخیره‌سازی انواع مختلف داده‌ها استفاده کرد.
✅مزایای ردیس:
سرعت بالا: به دلیل ذخیره‌سازی داده‌ها در حافظه
مقیاس‌پذیری آسان: قابل استفاده در سیستم‌های بزرگ
سادگی استفاده: رابط کاربری ساده
پشتیبانی از زبان‌های مختلف: مانند Java، Python، JavaScript
✅کاربردهای ردیس:
ذخیره‌سازی کش: صفحات وب، نتایج جستجو و ...
پیام‌رسانی: تبادل داده‌ها بین برنامه‌ها
ذخیره‌سازی داده‌های سشن: اطلاعات کاربران در وب‌سایت‌ها
رتبه‌بندی: رای‌گیری، امتیازدهی و لیست‌های پربازدید
برای اطلاعات بیشتر:

✅وب‌سایت ردیس:
https://redis.io/
Channel | Group | YouTube

آاقا شب همگی بخیر
فردا اولین لایو سال 1403 رو قراره مثل همیشه ساعت هفت شب برگزار بکنیم و قراره توی دومین #اخبار_وب در رابطه با اتفاقاتی که داره توی دنیای وب میافته صحبت بکنیم

فردا جزئیات دقیق چیزایی که قراره در رابطه باهاشون صحبت بکنیم رو بهتون میگم

اما الان در همین حد بدونید که قراره در رابطه با نظر جوناس در رابطه با هوش مصنوعی صحبت بکنیم و همچنین قراره کلی در رابطه با ریکت و اتفاقاتی که داره حول محور این ابزار قدرتمند میافته صحبت بکنیم 🔥

توصیه میکنم حتما اینجور لایوها رو (حالا چه مال من باشه چه مال هر شخص دیگه ای) حتما شرکت بکنید چون کلی مطلب جدید یاد میگیرید و با خیلی چیزا آشنا میشید 👌

اگر دوست دارید که فردا وقتی لایو شروع شد نوتیفیکشنش براتون بیاد، حتما توی چنل یوتیوب ما عضو باشید و زنگوله رو بزنید ❤️

https://www.youtube.com/@codelabplus

#Out_Of_IDE
#Fun
هوش مصنوعی جایگزین هوش انسانی نیست !!!
ابزاری برای تقویت خلاقیت و نبوغ انسانه .😎

این Devin AI هم جدید اومده 😂😂

Channel | Group | YouTube

💢 هم خدا هم خرما!
همه فرانت‌اند کارها با تصاویر سر و کار دارن و اگه بخوان تصاویر با کیفیتی داشته باشن باعث میشه به خاطر سرعت خیلی خوب اینترنت ایران سرعت لود شدن صفحه بیاد پایین که یه ایراد بزرگ شمرده میشه.
برای حل این مشکل میتونید با استفاده از سایت squoosh تصاویری که میخواید در پروژه استفاده کنید رو بهینه کنید این سایت بدون کاهش کیفیت تصاویر رو تا ۹۰ درصد فشرده میکنه که مثل یه گنجینه طلا برای فرانت‌اند کاراست👌
🌐 https://squoosh.app

#Out_Of_IDE
#Tools

Channel | Group | YouTube

#nodejs
#network
پست سوم امروز CDN هست که در مباحث سرور و شبکه احتمالا شنیدید (بک اند کارا باید بدونن)خب بریم ببینیم چیه :
✅ CDN(Content Delivery Network):
شما در هر وبسایتی که هستین با یک سرور اصلی در ارتباط هستین که اون سرور به شما خدمات مختلفی میده از جمله اطلاعات مورد نیاز ,عکس , ویدو و داده های مختلف,حالا وقتی ما یک سرور اصلی داریم و میلیارد ها میلیارد کاربر به اون درخواست میزنن و این باعث میشه سرعتش کم شه و سرعت لود صفحات پایین بیاد اینجاست که CDN میاد وسط یعنی یک کمک کننده به سرور .
✅ این CDN یک سیستم توزیع محتوا(داده های مختلفی که گفتم مثل عکس و ....) است که هر سرور اصلی میتونه تعدادی CDN داشته باشد که این ها در نقاط مختلف جهان قرار دارند و اتفاقی که رخ میده اینه که ریکوئست کاربر به جای اینکه مستقیم به سرور بره به نزدیک ترین CDN منطقه جغرافیای آن کاربر میره و اگر داده های مورد نیاز کاربر رو اون CDN بتونه تامین کنه خودش پاسخ مناسب رو به کاربر برمیگردونه و اگر نتونه اون موقع به سرور اصلی ریکوئست میده که این منجر به بیشتر شدن سرعت بارگیری وبسایت ها و بهبود تجربه کاربران و کاهش باند میشه

خب آقا امروز قراره توی لایو ساعت هفت شب قراره این اخبار رو با هم مرور بکنیم:
بیشتر اخبار امشب حول محور ریکته چون واقعا داره میترکونه 🔥

1- اول از همه قراره ببینیم نظر جوناس در رابطه با هوش مصنوعی چیه و قراره مطلبی که در این رابطه با نوشته رو با هم بررسی بکنیم

2- قراره در رابطه با یه ابزار جالب برای فرستادن ایمیل با ریکت صحبت بکنیم

3- بعد از این قراره در رابطه با ترند های مرتبط با ریکت صحبت بکنیم که موارد مهمش از این قراره:

- سرور کومپوننت های ریکت و تفاوتش با SSR

- کامپایلر ریکت توی آپدیت جدید قراره چه اتفاقی براش بیافته

- یو آی لایبرری های headless چی هستن و چند نمونه ازشون رو با هم بررسی بکنیم

دوستانی که تجربه بیشتری دارن که ما خوشحال میشیم توی لایو حضور داشته باشن اما اگر حتی الان در حال یادگیری جاوااسکریپت هستید و وارد ریکت نشدید، حتما توصیه میکنم شرکت کنید که کم کم با اصطلاحات و چیزایی که توی ریکت اهمیت زیادی دارن آشنا و اطلاعات خودتون رو بالا ببرید 👌

اگر دوست دارید که زمانی که لایو شروع شد (ساعت هفت شب) نوتیفیکشن براتون بیاد توی چنل یوتیوبمون عضو باشید و زنگوله رو بزنید ❤️
https://www.youtube.com/@codelabplus

دوستان عزیز لایو شروع شده در خدمتتون هستم اگر دوست دارید جوین بشید ❤️

https://youtube.com/live/KaIVKJ7ytDk

رفقا لایومون تموم شد اگر دوست داشتید بعدا ببینید لینکش رو براتون میزارم که ببینید به نظرم خیلی لایو پرمحتوایی بود ❤️


https://youtube.com/live/KaIVKJ7ytDk

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

♨️ سوال مصاحبه‌ای: چطوری یک کامپوننت ری‌اکت رو memo کنیم؟

در حقیقت memo بهمون این امکان رو میده تا از رندر مجدد (Re-Render) اضافی کامپوننت تا زمانیکه پراپ (props) اون تغییری نکرده، جلوگیری کنیم.

💠 توی کد تصویر بالا، ما کامپوننت Product رو اصطلاحا memoize کردیم. که خروجیش میشه یه کامپوننت جدید به اسم MProduct.

🔆 کامپوننت MProduct با خود کامپوننت Product کاملا یکسانه فقط فرقش اینه که MProduct فقط یه بار رندر میشه و تا زمانی که پراپ هاش تغییر نکنه re-render نمیشه. اما کامپوننت Product هر بار render میشه.
#reactjs #سوال_مصاحبه

Channel | Group | YouTube

#Tips_N_Tricks
#Tools
⚠️خوب دیدم مشکل خیلی از کسایی هست که تازه با Git و Github آشنا شدن و گفتم این واجبه که بدونن.⚠️

🥇برای اینکه وقتی میخوایین پروژتون رو پوش کنید روی گیتهاب بعضی فایلهای اضافی یا اصلا فایلی که دوس نداریم بقیه رو گیتهاب ببین مثلا فولدر (نود ماژول و فایلهایی مثل .env ) نره توی گیتهابمون بیایین یه فایل .gitignore توی ریشه اصلی پروژه بسازید و اسم اون فایل یا فولدر هاتون رو توش بنویسید و کامیت کنید.

🥈و الان اگر پروژتون رو پوش کنید دیگه اونایی که توش نوشتین به گیتهاب ارسال نمیشن.

Channel | Group | YouTube

#Out_Of_IDE
#Fun

و اما پارت دوم از همون ماجراهای WTF جاوااسکریپت اصلا این بار خود طرف اسم فایل رو گذاشته wtf.js 😂😂

آقا یکی بیاد تو کامنتا بگه چرا آخه؟؟؟ 🤯🤯

Channel | Group | YouTube

✅ تو این ویدیو اخبار مهم ماهای آپریل و مارچ که مربوط به حوزه بک اند هست رو توضیح دادم و سعی کردم بصورت عملی هم تست کنم و با کد تست کنم 🔊

https://youtu.be/COYWNsyJa4M

Channel | Group | YouTube

#Out_Of_IDE

اینم از رونمایی مزرعه داران آینده با دقت زیاد و بدون خستگی 😰😰

⚠️ای کاش دولت ها به فکر سیل عظیمی از انسانهای بیکار در آینده (نه چندان دور) باشن⚠️

Channel | Group | YouTube

#Clean_Code

اگر بخشی از کد شما دارای ویژگی های زیر است، یک کد تمیز محسوب نمی شود:

⛔️ توابع یا متدهایی که خیلی طولانی هستند، درک و نگهداری آنها را دشوار می کنند.

⛔️ کلاس های بزرگ: کلاس هایی با مسئولیت ها یا متدهای زیاد که اصل مسئولیت واحد (Single Responsibility Principle) را نقض می کنند.

⛔️ کد تکراری: بخش های تکراری کد در سراسر کد پروژه، که منجر به مشکلات نگهداری و ناسازگاری می شود.

⛔️ جراحی با تفنگ ساچمه ای (Shotgun Surgery): تغییر در یک بخش از کد، نیازمند تغییرات در چندین بخش دیگر از کد است که ارتباطی با آن بخش ندارند.

⛔️ کامنت ها: استفاده بیش از حد از کامنت برای جبران کدی که به طور ضعیف نوشته شده یا قابل درک نیست.

⛔️ کد مرده (Dead Code): کدی که دیگر استفاده نمی شود یا قابل دسترسی نیست، باعث بهم ریختگی کد پروژه و سردرگمی توسعه دهندگان می شود.

⛔️ لیست بلند پارامترها: متدها یا توابعی با پارامترهای زیاد، که می تواند درک و تست کد را دشوار کند.

⛔️ نامگذاری نامنظم: استفاده از قراردادهای نامگذاری نامنظم در سراسر کد پروژه، درک و نگهداری آن را دشوار می کند.

✅این داستان ادامه دارد.
Channel | Group | YouTube

#Out_Of_IDE
#Tools

⚠️دوستانی که دنبال کار میگردن بهتره که قبل از قبول کردن مصاحبه یه شرکتی یه سر به این سایت بزنن و تجربیات دیگران رو در مورد شرکتها بخونن و با علم کافی برن برای مصاحبه با یه شرکتی⚠️

https://tajrobe.wiki/

Channel | Group | YouTube

آقا خواستم اطلاع رسانی کنم که فصل یازده ریکت دوبلش تموم شد و امیدوارم دوستانی که میبینید واقعا لذت ببرید چون به معنای واقعی کلمه سخت ترین فصل کل ریکت بود

انشالا که از دوبله ها استفاده بکنید و براتون مفید باشه ❤️

راستی نه فصل اولم که رایگانه اینجاست اگر دوست داشتید ببینید:
@DubDev

#Out_Of_IDE
#Fun

اهل دلاش میدونن جریان چیه😂😂😂

Channel | Group | YouTube

♨️ قابلیت CSR (Client Side Rendering) چیست؟
ما در React داده ها را از سرور گرفته و در سمت کلاینت (مرورگر کاربر) از آن داده ها برای ساخت و نمایش صفحه (Render) استفاده میکنیم.
شما میتوانید برای درک این موضوع به وبسایتی بروید که با React نوشته شده است. اگر سورس کد این وب سایت را از مرورگر خود باز کنید (view page source) میبینید که صفحه هیچ خاصی ندارد. چرا؟ به دلیل اینکه در این گونه وبسایت ها ما صفحات واقعی نداریم بلکه آنها با جاوااسکریپت و به صورت پویا ایجاد میشوند.

قابلیت CSR مزایا و معایبی دارد که باید بسته به نیاز استفاده از آن انتخاب شود.

💠 مزایا:
- عدم ریفرش شدن صفحه و سریع بودن در جابه‌جایی بین صفحات

💠 معایب:
- لودینگ نسبتا طولاتی در هنگام اولین مراجعه کاربر به صفحه
- مشکلات سئو و بهینه نبودن برای موتورهای جستجو

🔆 در صورتی که سوالات یا تجربه‌ای در این زمینه دارید لطفا در گروه با ما به اشتراک بگذارید...

#reactjs #nextjs

Channel | Group | YouTube