Deep Devs | فرانت اند | بک اند | جاوااسکریپت | برنامه نویسی | برنامه نویسی وب

سلام رفقا خواستم یه اطلاع رسانی در مورد اسم چنل و اسم گروهمون انجام بدم ❤️ آقا ما تصمیم گرفتیم که اسم و آیدی چنل رو تغییر بدیم به @DeepDevs و اسم گروه رو هم به @DeepDevsGp تغییر بدیم علتش هم اینه که میخوایم از این به بعد علاوه بر جاوااسکریپت محتواهای دیگه ای مثلا از ریکت و نود جی اس و ... هم براتون بزاریم اگر اسمش همچنان همون اسم قبلی میموند برای مخاطبای جدید ابهام به وجود میومد که چرا مثلا اسم چنل در مورد جاوااسکریپته ولی در مورد ریکت و نود جی اس هم تولید محتوا میشه 👌 الان چنل ها و گروهای ما اسم های جدیدشون به این شکل هست: @DeepDevs @DeepDevsGp @InstaDevs @InstaDevsGp @DubDev

#Out_Of_IDE #Fun درست کلیپ فانه 😂 ولی جددا بعضی شرکتا این شکلی هستن متاسفانه 🤦‍♂️ Channel | Group | YouTube

#arrays #javascript ✅ 26 تا از متدهای آرایه توی جاوا اسکریپ ⚠️یه جایی نگهش دارین همیشه بدرد میخوره⚠️ Channel | Group | YouTube

#Fun class Dog extends Person🤣🤣 یه برنامه نویس فقط میدونه چی به چیه🤣🤣 Channel | Group | YouTube

آقا دارم فصل 11 ریکت رو دوبله میکنم یعنی با این فصل راحت سوالای استخدامی رو میتونید جواب بدید یه ویدیو داره 18 دقیقه که من الان بیشتر از دو ساعت و نیمه درگیر دوبلشم و هنوز 6 دقیقه ازش مونده به قول خود جوناس این سخت ترین و در عین حال پیچیده ترین قسمت کل این دورست ولی من دارم با تمام وجود تلاش میکنم که وقتی میبینیدش بگید آقا لذت بردم و دعا کنید منو فقط همونطور که توی عکس هم میبینید الان بیشتر از 300 تا ویس برای این ضبط کردم، چرا؟ میتونستم سر سری رد شم که کار خودم راحت تر بشه ولی میخوام وقتی این دوره رو میبینید به هیچ چیز دیگه ای احتیاج نداشته باشید و واقعا لذت ببرید خلاصه که باز هم مثل همیشه، #بماند_به_یادگار ...

#chrome_extension آقا میخوام یه اکستنشن جذاب کروم بهتون معرفی کنم 😎 با اکستنشن textblaze میتونید برای خودتون اصطلاحا snippet درست کنید و متن های تکراری رو داخل این snippet ها ذخیره کنید و هرجا نیاز داشتید مثل ایمیل یا لینکدین یا ... ازش استفاده کنید (حتی داخل vscode 👌) از اینجا دانلودش کن 🤝 Channel | Group | YouTube

#Tips_N_Tricks #javascript ❌استفاده از (Ternary operators) ها روشی مختصر برای نوشتن عبارات شرطی ارائه می دهند و می توانند خوانایی را افزایش دهند.❌ Channel | Group | YouTube

#Out_Of_IDE آقا مثله اینکه جریان خیلی دارک شده و ما خبر نداریم😨 خدا بخیر کنه🫠🫠🫠 Channel | Group | YouTube

چطوری یه پروژه 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

#Fun چرا نگفته بهش 😂😂😂 بفرست واسه کسایی که یا نگفتن بهت یا نگفتی بهشون🤦‍♂️🤣🤣 Channel | Group | YouTube

#nodejs #nestjs فریمورک NestJS یک چارچوب توسعه برنامه‌های وب سمت سرور بر پایه Node.js است که از TypeScript پشتیبانی می‌کند. این چارچوب از معماری مبتنی بر ماژول‌ها و الگوی وابستگی تزریق وابسته به provider برای توسعه برنامه‌های سریع، مقیاس‌پذیر و قابل نگهداری استفاده می‌کند. برای شروع یک پروژه NestJS، می‌توانید مراحل زیر را دنبال کنید: نصب Nest CLI: ابتدا برای نصب @nestjs/cli، دستور زیر را در ترمینال خود اجرا کنید:

npm install -g @nestjs/cli

ایجاد پروژه: سپس می‌توانید دستور nest new را برای ایجاد یک پروژه جدید اجرا کنید:

nest new project-name

این دستورات به شما کمک می‌کنند تا یک پروژه ساده NestJS ایجاد کنید و آن را اجرا کنید. برای اطلاعات بیشتر در مورد NestJS و راهنمایی‌های توسعه، می‌توانید به مستندات رسمی آن مراجعه کنید: https://docs.nestjs.com Channel | Group | YouTube

#Tips_N_Tricks #javascript 🏁استفاده از پارامتر دیفالت در ساخت function باعث کلین کد شدن میشه و جلوگیری میکنه از کثیف کاری 🏁 ❌اگه شما راه بهتری سراغ دارین حتما بگید تو گروه تا آگاهیمون بالاتر بره ❌ Channel | Group | YouTube

کار کردن با تقویم شمسی همیشه دردسرساز بود ولی پکیج React Multi Date Picker این مشکل رو حل کرده. پکیجی که مشکل‌های اساسی رو حل کرده و قابلیت شخصی سازی بالایی داره از انتخاب بازه‌ای تاریخ گرفته تا شخصی سازی نمایش تقویم، تازه ریسپانسیو هم هست! این پکیج رو شهاب یزدی عزیز زحمتش رو کشیده که میتونید توی گیت هاب بهش استار بدید یا در صورت تمایل در روند توسعه بهش کمک کنید👌 توی لینک زیر میتونید دمو تقویم رو ببینید 🌐 https://shahabyazdi.github.io/react-multi-date-picker/fa/ #calendar #reactjs #reactjs_package Channel | Group | YouTube

سلام رفقا 👋 آقا ما تصمیم گرفتیم از این به بعد اگر ویدیویی قراره توی یوتیوب ضبط بشه، قبلش توی چنل موضوعش رو با شما به اشتراک بزاریم که اگر شما هم ایده ای دارید بهش اضافه کنید (که شاید حتی موضوع ویدیوهای دیگه ای باشه) ✌️ من این هفته تصمیم گرفتم یه ویدیو ضبط کنم در رابطه با json-server و همچنین متودهای DELETE و POST مربوط به ریکوئست های HTTP جیسون سرور بهتون کمک میکنه که اگر خودتون api ندارید بتونید خیلی سریع و رایگان باهاش یک api فیک درست کنید تا پروژتون رو راحت باهاش توسعه بدید 👌 متودهای DELETE و POST هم به ترتیب برای این هستن که شما یه دیتایی رو از سروری که دارید دیتا رو ازش میگیرید حذف یا تغییر بدید (که قطعا خیلیاتون اسمش رو شنیدید اما میدونم که خیلیاتون نمیدونید که چطوری واقعا باید ازشون استفاده کنید) این دو مورد قراره توی این ویدیو صحبت بشه، حالا اگر شما موردی هست که میخواید داخلش در موردش صحبت بشه یا اینکه کلا ایده ای در در این زمینه دارید خوشحال میشم بشنوم ❤️