#Fun

✅ سعی کنید مهارت های مدیریت پروژه رو توی خودتون افزایش بدین و هوشمندانه کار کنید 💥

Channel | Group | YouTube

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

@MehrshadHeisenberg3

#Tips_N_Tricks
#Git
✅معرفی fast-forward only در Git
این fast-forward only یک گزینه در git pull است که به شما امکان می‌دهد بدون ایجاد commit جدید، تغییرات شاخه بالادستی را در شاخه فعلی خود ادغام کنید.

✅از fast-forward only زمانی استفاده می‌کنید که:

شاخه فعلی شما از شاخه بالادستی جلوتر باشد.
می‌خواهید تاریخچه commitها را خطی نگه دارید.
مثال:

git checkout master
git merge --ff-only feature

✅در برخی موارد، حتی اگر شاخه فعلی شما از شاخه بالادستی شما جلوتر باشد، git pull --ff-only ممکن است با خطا مواجه شود.

برای مثال، اگر شاخه بالادستی شما شامل commitهای جدیدی باشد که در شاخه فعلی شما وجود ندارد، git pull --ff-only با خطا مواجه خواهد شد.

در این موارد، می‌توانید از گزینه‌های دیگری مانند git pull --rebase استفاده کنید.
✅نکات:
قبل از استفاده از git pull --ff-only، باید از این موضوع اطمینان حاصل کنید که شاخه فعلی شما از شاخه بالادستی شما جلوتر است.
در مواردی که git pull --ff-only با خطا مواجه می‌شود، می‌توانید از گزینه‌های دیگر مانند git pull --rebase استفاده کنید.
Channel | Group | YouTube

122 - Section Overview - Dubbed

و اما بریم سراغ فصل جدید از دوبله دوره ریکت جوناس...

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

دوبله کامل این فصل به زودی در اختیار تمام عزیزانی که تهیه کردن قرار خواهد گرفت ✌️

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

#React | #Jonas_Schmedtmann | #S11 | #E01 | #Course

Channel | Group | YouTube

#Tips_N_Tricks
#nodejs

✅امروز میخوام براتون تفاوت بین Authentication و Authorization رو بگم :
اگه بک اند کار هستین احتمالا این دو عبارت رو در بحث امنیت زیاد شنیده باشین ولی حس کنید یکی هستن 🤷‍♂️
1️⃣و Authentication: عملیاتی هست که در اون بررسی میشه آیا کاربری که میخواهد وارد سایت شود وجود دارد یا نه همون احراز هویت هست که بسته به نوع سایت میتونه چک کردن یوزرنیم پسورد یا ارسال کد به موبایل و ایمیل باشه و....

2️⃣ و این Authorization:عملیاتی که در اون سطح دسترسی افراد مشخص میشه مثلا در یک سایت فقط ادمین میتواند به بخش لیست یوزر ها وارد شود و اطلاعات تمام افراد سایت راببیند و یک کاربر عادی نباید بتواند وارد چنین بخشی شود که این ایجاد محدودیت کار همین عملیات است.
💥مثلا در express با middleware ها این موضوع را هندل میکنیم

Channel | Group | YouTube

آقا از اونجایی که دوره ریکت هم داره دوبله میشه، ما تصمیم گرفتیم از این به بعد توی چنل تولید محتوا برای ریکت هم داشته باشیم 🔥

پست ها با این هشتگ ها دسته بندی میشن:
#javanoscript
#nodejs
#nestjs
#typenoscript
#reactjs
#nextjs

هر محتوایی هم نیاز داشتید تو این زمینه ها گذاشته بشه حتما توی گروهمون (@js_masters_gp) بهمون بگید ❤️

#quick_challenge

نتیجه چی میشه؟؟؟

Channel | Group | YouTube

#Fun

✅ یعنی واژه ی تیم ورک اگه آدم بود میشد اینا😁😁
✅بنظرم واژه ی تیم ورک تو ایران خیلی کم رنگ هست😭

Channel | Group | YouTube

#Tips_N_Tricks
#javanoscript

⚠️حالت سخت گیرانه (use strict)با اعمال قوانین سختگیرانه تر به شناسایی خطاهای رایج کدنویسی کمک می کند.⚠️

دوستان از این بعد سعی میکنم هر روز یک پست در مورد جلوگیری از خطاها و اشتباهات رایج در جاوا اسکریپت براتون پست بذارم 💣

Channel | Group | YouTube

حتما براتون پیش اومده توی پروژه‌ای نیاز بود یه Count down یا بخواین Idle بودن کاربر رو تشخیص بدید ولی برای اینا نیاز به یه هوک دارید که بعضی مواقع میتونه دردسر ساز باشه😉
✅ خب پکیج useHooks این مشکل رو حل کرده!
این پکیج کلی هوک های کاربردی داره که میتونید ازشون استفاده کنید.

🌐 https://usehooks.com/

#hooks #reactjs #reactjs_package

Channel | Group | YouTube

#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