#Fun

خدایی راست بگین چن نفرتون یه همچین محیطی رو برای کار دوس دارین 🤣🤪

Channel | Group | YouTube

سلام رفقا 👋

آقا ما تصمیم گرفتیم از این به بعد اگر ویدیویی قراره توی یوتیوب ضبط بشه، قبلش توی چنل موضوعش رو با شما به اشتراک بزاریم که اگر شما هم ایده ای دارید بهش اضافه کنید (که شاید حتی موضوع ویدیوهای دیگه ای باشه) ✌️

من این هفته تصمیم گرفتم یه ویدیو ضبط کنم در رابطه با json-server و همچنین متودهای DELETE و POST مربوط به ریکوئست های HTTP

جیسون سرور بهتون کمک میکنه که اگر خودتون api ندارید بتونید خیلی سریع و رایگان باهاش یک api فیک درست کنید تا پروژتون رو راحت باهاش توسعه بدید 👌

متودهای DELETE و POST هم به ترتیب برای این هستن که شما یه دیتایی رو از سروری که دارید دیتا رو ازش میگیرید حذف یا تغییر بدید (که قطعا خیلیاتون اسمش رو شنیدید اما میدونم که خیلیاتون نمیدونید که چطوری واقعا باید ازشون استفاده کنید)

این دو مورد قراره توی این ویدیو صحبت بشه، حالا اگر شما موردی هست که میخواید داخلش در موردش صحبت بشه یا اینکه کلا ایده ای در در این زمینه دارید خوشحال میشم بشنوم ❤️

کار کردن با تقویم شمسی همیشه دردسرساز بود ولی پکیج React Multi Date Picker این مشکل رو حل کرده.
پکیجی که مشکل‌های اساسی رو حل کرده و قابلیت شخصی سازی بالایی داره از انتخاب بازه‌ای تاریخ گرفته تا شخصی سازی نمایش تقویم، تازه ریسپانسیو هم هست!
این پکیج رو شهاب یزدی عزیز زحمتش رو کشیده که میتونید توی گیت هاب بهش استار بدید یا در صورت تمایل در روند توسعه بهش کمک کنید👌

توی لینک زیر میتونید دمو تقویم رو ببینید
🌐 https://shahabyazdi.github.io/react-multi-date-picker/fa/

#calendar #reactjs #reactjs_package

Channel | Group | YouTube

#Tips_N_Tricks
#javanoscript

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

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

#Fun

چرا نگفته بهش 😂😂😂
بفرست واسه کسایی که یا نگفتن بهت یا نگفتی بهشون🤦‍♂️🤣🤣

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

#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