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
♨️ بدون توجه به تجربه طراحی خود، وب سایت های زیبایی بسازید.
این شعار کتابخونه Next UI برای react هست که زیبایی، سرعت و مدرنیته رو در یک قالب ارائه میده
این کتابخونه انیمیشن‌های خیلی نرم و جذابی داره. اکثر کامپوننت هایی که نیاز دارید از دکمه های زیبا گرفته تا modal های ریسپانسیوش در خودش جای داده.
اگه دنبال این نیستید که دونه دونه کامپوننت ها رو خودتون بزنید یا نیاز به کامپوننت های کاستوم ندارید این کتابخونه میتونه روند توسعه رو سریع تر کنه.
با شخصی سازی بالایی که داره میتونید کامپوننت هاش رو باب میل خودتون کنید.

💠 راستی از Next js هم به خوبی پشتیبانی میکنه...

🔅 پس منتظر چی هستید برید یه بار تستش کنید و از قابلیت هاش لذت ببرید.

🌐 https://nextui.org

#reactjs #packages #ui_library

Channel | Group | YouTube
👍17🔥3❤‍🔥2
This media is not supported in your browser
VIEW IN TELEGRAM
#Fun

درک نیاز مشتری کاریه که هر کسی نمیتونه انجام بده باید مترجم داشته باشه 😂😂

Channel | Group | YouTube
😁13🤣4👍3🆒2
This media is not supported in your browser
VIEW IN TELEGRAM
#Out_Of_IDE
⚠️ویدیوی ساده اما مهم⚠️

از آنجایی که انسان‌ها 🔟 تا انگشت دارند، سیستم عددی که برای شمارش از آن استفاده می‌کنند، در مبنای 🔟 هستش.

Channel | Group | YouTube
8👍3🔥1🤣1
♨️ قابلیت SSG چیست و چه کاربردی دارد؟
قابلیت SSG یا همون Static Site Generation برای صفحاتی که استاتیک هستند و قرار نیست اطلاعاتشون بعدا تغییر کنه مورد استفاده قرار میگیرند. در این صورت در زمان build پروژه اطلاعات رو دریافت و اون صفحه رو به صورت استاتیک برامون ساخته میشه و دیگه لازم نیست هر بار که کاربر صفحه رو باز میکنه اون صفحه ساخته بشه و هم زمان لود و هم فشار به سرور کمتر میشه.
💠 پس باید برای صفحات و پروژه هایی ازش استفاده بشه که محتواش قرار نیس عوض بشه مثل صفحات تماس با ما یا درباره ما. در حالت SSG چون صفحه ما قبلا بیلد شده موتورهای جستجو به راحتی قادر به بررسی صفحات ما خواهند بود.

#nextjs #reactjs

Channel | Group | YouTube
👌14
#Tools

21 ابزار کاربردی برای تمام ضمینه ها 💥💥

Channel | Group | YouTube
🤯5🔥3👍2
#Git
⚠️دستورات گیت پارت اول ⚠️


git clone <repository URL>
git clone https://github.com/example/repository.git

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

دستور git clone: دستوری برای کپی کردن یک مخزن
این <repository URL>: آدرس مخزن مورد نظر برای کپی کردن.

git pull
git pull origin main

با استفاده از این دستور، تغییرات جدید از مخزن اصلی را به مخزن محلی خودتان بر می‌دارید.

دستورgit pull: دستور برای به‌روزرسانی تغییرات از مخزن اصلی
و origin main: نام remote و نام شاخه‌ی مورد نظر برای به‌روزرسانی

git branch
git branch -a

این دستور لیست تمام شاخه‌های موجود در مخزن را نمایش می‌دهد.
دستورgit branch: دستوری برای مدیریت شاخه‌ها در گیت
و -a: گزینه‌ای برای نمایش تمام شاخه‌ها (شامل همه‌ی remote و local ها)

☑️اگر دوست دارید بازم از این
دستورات بذارم 👍و انتشار بدید⭐️

Channel | Group | YouTube
👍204
♨️ نقشه گنج برنامه‌نویسان
وبسایت roadmap یه ایده عالیه که اومده نقشه راه مباحث مختلف مثل فرانت‌اند، بک‌اند و devops و ... رو تو خودش جا داده و این لیست هر روز داره تکمیل تر میشه.
پس اگه شما هم میخواین وارد حوزه‌ای از برنامه‌نویسی بشید ولی نمیدونید از کجا باید شروع کنید و کجا برید این سایت بهترین راهنمای شما برای یافتن گنج خواهد بود.👌

🌐 https://roadmap.sh

#Tools #Out_Of_IDE

Channel | Group | YouTube
❤‍🔥11🕊3👍21🔥1
#api
⚠️در HTTP، برای ارسال اطلاعات از فرم‌ها، از متدهای مختلفی استفاده می‌شود.⚠️
ولی بعضی از دوستان یا بلد نیستن یا موندن برای ارسال کدوم اطلاعات از کدوم متد هاش استفاده کنن 😭😭😭😭

براش یه فایل PDF درست کردم هم میتونید یاد بگیرید هم به عنوان برگه تقلب همیشه همراهتون داشته باشید🥳🥳🥳🥳

اگه خوشتون اومد راههای حمایت رو خودتون بلدید و لطفا انجام بدید 🫠🫠🫠

Channel | Group | YouTube

👇👇👇👇👇👇👇👇👇👇👇👇👇👇👇👇👇👇👇👇
🔥153❤‍🔥3👍2
http.pdf
89 KB
حتما خوب یاد بگیرید که بعدا تو مصاحبه کاری هم بدرد میخوره 👌
اولین سوال از من موقع استخدام این بود که بگو ببینم اصلا API چیه؟ و چه متدهایی داره؟ 🧐

Channel | Group | YouTube
👍21🔥62
#api
بچه ها براتون باز یه چیت شیت درست کردم که 6 نوع مختلف از درخواست های API رو توی جاوااسکریپت توضیح و یاد میده . معایب و مزیتهای هر کدوم رو میگم😱
2 موردش توی عکس نیست و توی فایل PDF گذاشتم براتون 💥

Channel | Group | YouTube
👇👇👇👇👇👇👇👇👇👇👇👇👇👇
10❤‍🔥1🔥1
1_updated_API.pdf
119.9 KB
6 مدل یا نوع از نحوه درخواست زدن (API)توی javanoscript که دونستنش برای شما ضروری هستش👌

Channel | Group | YouTube
16👍2🔥2
♨️ یه کتابخونه UI همه کاره
یکی از کارهایی که وقت فرانت‌کار ها رو میگیره طراحی کامپوننت هایی مثل Modal ها یا نوتیفیکیشن و امثالهم هستش. حالا راه حل این مشکل استفاده از یه کتابخونه UI هستش تا بتونیم از کامپوننت‌های آماده اون توی پروژه‌مون استفاده کنیم.
همونطور که میدونید کتابخونه های زیادی برای اینکار هست ولی میشه گفت معروف‌ترینش Ant Design هست که شاید بشناسیدش
این کتابخونه تقریبا همه کامپوننت‌های لازم برای طراحی وب رو در اختیار شما قرار میده از button بگیر تا message و input پس میتونید توی پنل‌های ادمین یا هر پروژه دیگه‌ای ازش استفاده کنید.
💠 میتونید تو آدرس زیر مثال‌هایی از کامپوننت‌های زیباش ببینید...👌
🔅 اگر شما هم کتابخونه UI خوبی میشناسید و ازش استفاده میکنید توی کامنت یا گروه بهمون بگید

🌐 https://ant.design/components/overview

#reactjs #nextjs #packages #Tools

Channel | Group | YouTube
❤‍🔥11👍42😡2🔥1
#VSCode_Extension

🚀 افزونه JavaScript Booster برای VS Code🚀

مزایای استفاده از JavaScript Booster:

1️⃣افزایش بهره‌وری: با خودکارسازی وظایف تکراری مانند تبدیل var به const یا let، ادغام اعلان و مقداردهی اولیه، و حذف عبارات if-else اضافی، میتونید زمان و تلاش خودتون رو صرف نوشتن کد جدید و خلاقانه بکنید.
2️⃣ بهبود خوانایی کد: JavaScript Booster با ارائه پیشنهادات فرمت کد، نظارت بر کد و refactor کد، به شما کمک می‌کنه تا کد خودتون را به گونه‌ای بنویسید که خوندن درک اون برای خودتون و دیگران آسان‌تر باشه.
3️⃣کاهش خطا: با شناسایی و رفع خطاهای رایج JavaScript، JavaScript Booster به شما کمک می‌کنه تا از نوشتن کد ناپایدار و مستعد اشکال جلوگیری کنید.

https://marketplace.visualstudio.com/items?itemName=sburg.vscode-javanoscript-booster

Channel | Group | YouTube
👍13🔥21
#Resume
☢️ بچه ها میخوام برای دوستایی که سردرگم موندن تو رزومه نویسی و نمیدونن چه اصولی رو باید رعایت کنن یه ریپازیتوری معرفی کنم.
تو این ریپو میتونید ببینید تمام باید ها و نبایدها توی رزومه رو.
⚠️حتما انتشار بدید شاید یکی نیازش بشه و بشیم واسط کار خیر⚠️

https://github.com/ManiMozaffar/awesome-resumes

Channel | Group | YouTube
👍73🔥2❤‍🔥1🤝1
رفقا سلام و شب بخیر ❤️

آقا یه کاری رو میخوایم استارت بزنیم توی چنل تحت عنوان هشتگ #English و همونطور که میتونید حدس بزنید برای زبانه
از اونجایی که بسیار زبان حائز اهمیته، من میخوام در حد توانم تو همین چنل بهتون آموزش زبان انگلیسی بدم اما به چه شکل؟

ببینید نمیخوام روی مباحث تخصصی و ... کار کنم چون اصلا اینطوری امکانش هم نیست اما کاری که قراره انجام بشه اینه که میخوام سعی بکنم که درک مطلبتون رو ببرم بالا
که وقتی یه متنی به انگلیسی میبینید بتونید بخونید،‌ اگر یه ویدیویی زبان انگلیسی باشه بتونید بعد یه مدت درکش کنید و خودتون بفهمید چی میگه 👌

حالا چطور قراره این کارو انجام بدم، من هر چند شب یه بار یه ویدیو به انگلیسی میفرستم که سعی میکنم زیرنویس انگلیسی داشته باشه (حالا از یوتیوب و اینستاگرام و ...) هم ویدیوهای مرتبط با برنامه نویسی و هم ویدیوهای غیر مرتبط با برنامه نویسی و میام بعدش متنش رو مینویسم و داخل یه ویس قشنگ بهتون توضیح میدم چی داره میگه طرف، نه اینکه صرفا معنی بشه،‌ سعی میکنم قشنگ توضیح بدم که ساختار جملات و اصطلاحاتی که استفاده شدن و ... چیه

بعد از یه مدت قشنگ یه آرشیو خیلی خفنی در میاد که خیلی میتونه بهتون کمک بکنه توی یادگیری زبان،‌ قطعا اولش براتون سخته درک ویدیوهایی که میفرستم

اما بهتون قول میدم سه ماه، فقط سه الی شیش ماه این آرشیو رو دنبال بکنید و کارایی که توی این ویدیو توضیح دادم رو انجام بدید،‌ سطح زبانتون چندین پله بالا میاد

حتی اگر شما هم ویدیوهایی داشتید و براتون جالب بودن و به زبان انگلیسی بودن میتونید برام بفرستید اونارو هم بررسی کنیم

اگر پایه هستید و دوست دارید که این کار شروع بشه،‌ یه 🔥 بکوبید
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥164👍53💔1