Deep Devs | فرانت اند | بک اند | جاوااسکریپت | برنامه نویسی | برنامه نویسی وب – Telegram
Deep Devs | فرانت اند | بک اند | جاوااسکریپت | برنامه نویسی | برنامه نویسی وب
9.19K subscribers
657 photos
354 videos
90 files
813 links
اگر با جاوااسکریپت مشکل داری، این چنل مخصوص خودته 🤝

دوبله بهترین دوره های جاوااسکریپت و ریکت دنیا رایگان:
https://news.1rj.ru/str/DeepDevs/2166

تبلیغات و تبادل نداریم

گروه اصلی برای پرسش و پاسخ:
@DeepDevsGpOriginal

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

@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
🔥9
Deep Devs | فرانت اند | بک اند | جاوااسکریپت | برنامه نویسی | برنامه نویسی وب
آقا سلام به همگی امیدوارم حالتون خوب باشه و امیدوارم که تعطیلات خوبی رو پشت سر گذاشته باشید 🤝 همین الان فصل نهم دوبله دوره ریکت جوناس هم رو براتون توی @DubDev گذاشتم ❤️ همونطور که قبلا هم گفته بودم و بهتون قول داده بودم، دوبله تقریبا یک سوم دوره رو کاملا…
This media is not supported in your browser
VIEW IN TELEGRAM
122 - Section Overview - Dubbed

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

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

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

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

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

Channel | Group | YouTube
🔥8❤‍🔥21👍1😎1
#Tips_N_Tricks
#nodejs

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

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

Channel | Group | YouTube
👍22🔥4
آقا از اونجایی که دوره ریکت هم داره دوبله میشه، ما تصمیم گرفتیم از این به بعد توی چنل تولید محتوا برای ریکت هم داشته باشیم 🔥

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

هر محتوایی هم نیاز داشتید تو این زمینه ها گذاشته بشه حتما توی گروهمون (@js_masters_gp) بهمون بگید ❤️
👍15❤‍🔥22🔥1
This media is not supported in your browser
VIEW IN TELEGRAM
#Fun

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

Channel | Group | YouTube
🔥205👍4
#Tips_N_Tricks
#javanoscript

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

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

Channel | Group | YouTube
👍26🔥2
حتما براتون پیش اومده توی پروژه‌ای نیاز بود یه Count down یا بخواین Idle بودن کاربر رو تشخیص بدید ولی برای اینا نیاز به یه هوک دارید که بعضی مواقع میتونه دردسر ساز باشه😉
خب پکیج useHooks این مشکل رو حل کرده!
این پکیج کلی هوک های کاربردی داره که میتونید ازشون استفاده کنید.

🌐 https://usehooks.com/

#hooks #reactjs #reactjs_package

Channel | Group | YouTube
❤‍🔥122👍2
#Fun

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

Channel
| Group | YouTube
👍42🤣13😁3🔥2
سلام رفقا 👋

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

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

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

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

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

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

#calendar #reactjs #reactjs_package

Channel
| Group | YouTube
🔥28👍21❤‍🔥1
#Tips_N_Tricks
#javanoscript

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

Channel | Group | YouTube
🔥19👍42👌2
#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
12👍2❤‍🔥1🔥1👌1
This media is not supported in your browser
VIEW IN TELEGRAM
#Fun

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

Channel | Group | YouTube
🤣27😁3👍1
چطوری یه پروژه 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
👍8
This media is not supported in your browser
VIEW IN TELEGRAM
#Out_Of_IDE

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

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

ایشون بن جوزف استوارت، محققی که جنبه‌های جذاب یادگیری هوش مصنوعی رو از لحاظ «پشت پرده کار با هوش مصنوعی» از فراتر از باورهارو بررسی میکنه و میتونید برید سرچ کنید.
Channel | Group | YouTube
👀10🤯3🫡3❤‍🔥2👍1
#Tips_N_Tricks
#javanoscript

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

Channel | Group | YouTube
👍16🔥2
#chrome_extension

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

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

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

Channel | Group | YouTube
👍13🔥1👌1
آقا دارم فصل 11 ریکت رو دوبله میکنم
یعنی با این فصل راحت سوالای استخدامی رو میتونید جواب بدید

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

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

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

خلاصه که باز هم مثل همیشه امیدوارم که از دوبله ها لذت ببرید و #بماند_به_یادگار ...
657❤‍🔥4👍4🔥1🕊1