چطوری یه پروژه Next.js رو Dockerize کنیم؟
اگه میخواید پروژه رو روی سرور دپلوی کنید Docker میتونه یه راه حل سریع و حرفه‌ای باشه. برای اینکه اول از همه شما باید یه فایل با نام Dockerfile در پوشه اصلی پروژه بسازید (بدون پیشوند و با حرف D بزرگ) و نمونه خیلی ساده ای براتون قرار میدم که کد رو داخلش بذارید و استفاده کنید البته این یه چیز ثابتی نیس و ممکنه بسته به پروژه نیاز به تغییر باشه ولی میتونه نمونه خوبی برای شروع باشه.

FROM node:20-alpine

# Set the working directory in the container
WORKDIR /app

# Copy package.json and package-lock.json to the working directory
COPY package*.json ./

# Install dependencies
RUN npm install

COPY . .

# Build the Next.js app
RUN npm run build

# Expose the port Next.js app is running on
EXPOSE 3000

# Command to run the Next.js app
CMD ["npm", "start"]

💢 با اجرای دستور زیر میتونید پروژه رو بیلد کنید

docker build -t nextjs-app .

💢 و با دستور run میتونید کانتینر رو اجرا کنید

docker run -p 3000:3000 nextjs-app

#docker #reactjs #nextjs

Channel | Group | YouTube

#Out_Of_IDE

آقا مثله اینکه جریان خیلی دارک شده و ما خبر نداریم😨

خدا بخیر کنه🫠🫠🫠

ایشون بن جوزف استوارت، محققی که جنبه‌های جذاب یادگیری هوش مصنوعی رو از لحاظ «پشت پرده کار با هوش مصنوعی» از فراتر از باورهارو بررسی میکنه و میتونید برید سرچ کنید.
Channel | Group | YouTube

#Tips_N_Tricks
#javanoscript

❌استفاده از (Ternary operators) ها روشی مختصر برای نوشتن عبارات شرطی ارائه می دهند و می توانند خوانایی را افزایش دهند.❌

Channel | Group | YouTube

#chrome_extension

آقا میخوام یه اکستنشن جذاب کروم بهتون معرفی کنم 😎

با اکستنشن textblaze میتونید برای خودتون اصطلاحا snippet درست کنید و متن های تکراری رو داخل این snippet ها ذخیره کنید و هرجا نیاز داشتید مثل ایمیل یا لینکدین یا ... ازش استفاده کنید (حتی داخل vscode 👌)

از اینجا دانلودش کن 🤝

Channel | Group | YouTube

آقا دارم فصل 11 ریکت رو دوبله میکنم
یعنی با این فصل راحت سوالای استخدامی رو میتونید جواب بدید

یه ویدیو داره 18 دقیقه که من الان بیشتر از دو ساعت و نیمه درگیر دوبلشم و هنوز 6 دقیقه ازش مونده
به قول خود جوناس این سخت ترین و در عین حال پیچیده ترین قسمت کل این دورست ولی من دارم با تمام وجود تلاش میکنم که وقتی میبینیدش بگید آقا لذت بردم و دعا کنید منو فقط

همونطور که توی عکس هم میبینید الان بیشتر از 300 تا ویس برای این ضبط کردم، چرا؟

میتونستم سر سری رد شم که کار خودم راحت تر بشه ولی میخوام وقتی این دوره رو میبینید به هیچ چیز دیگه ای احتیاج نداشته باشید و واقعا لذت ببرید

خلاصه که باز هم مثل همیشه امیدوارم که از دوبله ها لذت ببرید و #بماند_به_یادگار ...

#Fun

class Dog extends Person🤣🤣

یه برنامه نویس فقط میدونه چی به چیه🤣🤣
Channel | Group | YouTube

#arrays
#javanoscript


✅ 26 تا از متدهای آرایه توی جاوا اسکریپ

⚠️یه جایی نگهش دارین همیشه بدرد میخوره⚠️

Channel | Group | YouTube

#Out_Of_IDE
#Fun

درست کلیپ فانه 😂 ولی جددا بعضی شرکتا این شکلی هستن متاسفانه 🤦‍♂️


Channel | Group | YouTube

سلام رفقا خواستم یه اطلاع رسانی در مورد اسم چنل و اسم گروهمون انجام بدم بعضی از دوستان فکر کردن که ما چنل رو فروختیم رفته 😂❤️
ولی اصلا اینطور نیست و من تا آخر هستم 😁

آقا ما تصمیم گرفتیم که اسم و آیدی چنل رو تغییر بدیم به @DeepDevs و اسم گروه رو هم به @DeepDevsGp تغییر بدیم

علتش هم اینه که میخوایم از این به بعد علاوه بر جاوااسکریپت محتواهای دیگه ای مثلا از ریکت و نود جی اس و ... هم براتون بزاریم

اگر اسمش همچنان همون اسم قبلی میموند برای مخاطبای جدید ابهام به وجود میومد که چرا مثلا اسم چنل در مورد جاوااسکریپته ولی در مورد ریکت و نود جی اس هم تولید محتوا میشه ولی اینطوری چون یه ذره اسم چنل کلی تره برای همین از این بابت مشکلی دیگه وجود نخواهد داشت👌

الان چنل ها و گروهای ما اسم های جدیدشون به این شکل هست:
چنل اصلیمون:
@DeepDevs
@DeepDevsGp

چنل و گروه چتمون:
@InstaDevs
@InstaDevsGp

چنل دوبله ها:
@DubDev

💢 نکست جی‌اس (Next js) چیست؟
محبوب ترین فریمورک React js هستش که میتوانید سمت سرور و سمت کلاینت را در اون توسعه بدید. این فریمورک قابلیت‌های بسیار بیشتری نسبت به React js در اختیار شما قرار میده و در واقع توسعه یافته React هستش و بسیاری از نواقص React رو نداره. اما توجه داشته باشید که ما در Next.js هنوز هم کد React مینویسیم.
شرکت‌هایی مثل Netflix, Uber, Starbucks یا Twitch از نکست جی‌اس استفاده میکنند چرا که یک فریمورک سریع و کارآمد است.
نکست جامعه برنامه‌نویسی عالی داره و برای یادگیری یا دیباگ کردن به مشکل خاصی برنخواهیم خورد و با آپدیت‌های منظمی که داره روز به روز در حال تکامل هستش

🌐 http://nextjs.org/

🔆 اگر سوالی در مورد نکست جی‌اس دارید میتونید توی گروه بپرسید...
#nextjs #react

Channel | Group | YouTube

#Tips_N_Tricks
#nodejs

💥در این مقاله کوتاه گفتم که پکیج .env چیه؟ و به چه دردی میخوره؟؟؟

✅دوستان من اینجا فایل PDF اش رو هم میذارم که کسایی که دوست دارن این جا ببینش.
💫فقط لطفا انتشارش بدید که هر روز بزرگتر بشیم 💫

https://vrgl.ir/PT51V


Channel | Group | YouTube
👇👇👇👇👇👇👇👇👇👇👇

#Tips_N_Tricks
#nodejs

💥در این مقاله کوتاه گفتم که پکیج .env چیه؟ و به چه دردی میخوره؟؟؟

💫فقط لطفا انتشارش بدید که هر روز بزرگتر بشیم 💫

Channel | Group | YouTube

♨️ مهارت‌نرم یک برنامه نویس به اندازه مهارت‌های فنی مهم است (حضرت تجربه)

⁉️ مهارت‌نرم یا Soft Skill چیه؟
مهارت‌های نرم در زمینه برنامه‌نویسی شامل مجموعه‌ای از توانایی‌ها و ویژگی‌های شخصیتی است. این مهارت‌ها برای همکاری مؤثر با دیگران، مدیریت پروژه و رسیدن به اهداف مشترک در تیم‌های برنامه‌نویسی بسیار ارزشمند هستند.
مهارت‌ حل مسئله - توانایی کار تیمی - مهارت‌های ارتباطی - مدیریت زمان - توانایی هماهنگی و ...

💢 یکی از وظایف مهم برنامه‌نویس، حل مسئله است. خب حالا یعنی چی؟
یک برنامه‌نویس خوب اول باید بتونه یه مسئله یا چالش رو به درستی و عمیق درک کنه و برای حل اونا راه حل مناسبی ارائه بده. خب شاید از خودتون بپرسید هر چیزی رو میشه با یه سرچ ساده بدست آورد.
ولی این روش همیشه کارساز نیس و در اکثرا مواقع با مشکلاتی جدید و پیچیده‌ای روبه‌رو میشیم که کدهای Stack Overflow به دردمون نمیخوره. در این مواقع فقط دانش حل مسئله و تجربه به کمک یه برنامه‌نویس میاد.

💢 حالا چطوری میشه مهارت حل مسئله رو در خودمون تقویت کنیم؟
- استفاده از فلوچارت برای درک بهتر نحوه اجرای الگوریتم
- برگذاری جلسات طوفان فکری و مشورت با هم‌تیمی ها
- بررسی issue گیت‌هاب و راه حل‌های ارائه شده بقیه برنامه‌نویسان
- شرکت در مسابقات برنامه نویسی مختلف
- حضور فعال در گروه‌های برنامه نویسی

💠 پ.ن: پیشنهاد شخصی من اینه که سوالات سایت کوئرا یا هکر رنک رو حل کنید تا درک بهتری نسبت به چالش‌ها و طریقه حلشون داشته باشید

🔆 شما چه تجربه‌ای در این زمینه دارید؟ اونو با ما به اشتراک بگذارید...

#softskill #مهارت_نرم

Channel | Group | YouTube

#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