http.pdf
89 KB
✅حتما خوب یاد بگیرید که بعدا تو مصاحبه کاری هم بدرد میخوره 👌
✅اولین سوال از من موقع استخدام این بود که بگو ببینم اصلا API چیه؟ و چه متدهایی داره؟ 🧐
Channel | Group | YouTube
✅اولین سوال از من موقع استخدام این بود که بگو ببینم اصلا API چیه؟ و چه متدهایی داره؟ 🧐
Channel | Group | YouTube
👍21🔥6❤2
1_updated_API.pdf
119.9 KB
✅ 6 مدل یا نوع از نحوه درخواست زدن (API)توی javanoscript که دونستنش برای شما ضروری هستش👌
Channel | Group | YouTube
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
یکی از کارهایی که وقت فرانتکار ها رو میگیره طراحی کامپوننت هایی مثل Modal ها یا نوتیفیکیشن و امثالهم هستش. حالا راه حل این مشکل استفاده از یه کتابخونه UI هستش تا بتونیم از کامپوننتهای آماده اون توی پروژهمون استفاده کنیم.
همونطور که میدونید کتابخونه های زیادی برای اینکار هست ولی میشه گفت معروفترینش Ant Design هست که شاید بشناسیدش
این کتابخونه تقریبا همه کامپوننتهای لازم برای طراحی وب رو در اختیار شما قرار میده از button بگیر تا message و input پس میتونید توی پنلهای ادمین یا هر پروژه دیگهای ازش استفاده کنید.
💠 میتونید تو آدرس زیر مثالهایی از کامپوننتهای زیباش ببینید...👌
🔅 اگر شما هم کتابخونه UI خوبی میشناسید و ازش استفاده میکنید توی کامنت یا گروه بهمون بگید
🌐 https://ant.design/components/overview
#reactjs #nextjs #packages #Tools
Channel | Group | YouTube
❤🔥11👍4❤2😡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
🚀 افزونه 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🔥2❤1
#Resume
☢️ بچه ها میخوام برای دوستایی که سردرگم موندن تو رزومه نویسی و نمیدونن چه اصولی رو باید رعایت کنن یه ریپازیتوری معرفی کنم.
✅ تو این ریپو میتونید ببینید تمام باید ها و نبایدها توی رزومه رو.
⚠️حتما انتشار بدید شاید یکی نیازش بشه و بشیم واسط کار خیر⚠️
https://github.com/ManiMozaffar/awesome-resumes
Channel | Group | YouTube
☢️ بچه ها میخوام برای دوستایی که سردرگم موندن تو رزومه نویسی و نمیدونن چه اصولی رو باید رعایت کنن یه ریپازیتوری معرفی کنم.
✅ تو این ریپو میتونید ببینید تمام باید ها و نبایدها توی رزومه رو.
⚠️حتما انتشار بدید شاید یکی نیازش بشه و بشیم واسط کار خیر⚠️
https://github.com/ManiMozaffar/awesome-resumes
Channel | Group | YouTube
👍7❤3🔥2❤🔥1🤝1
رفقا سلام و شب بخیر ❤️
آقا یه کاری رو میخوایم استارت بزنیم توی چنل تحت عنوان هشتگ #English و همونطور که میتونید حدس بزنید برای زبانه
از اونجایی که بسیار زبان حائز اهمیته، من میخوام در حد توانم تو همین چنل بهتون آموزش زبان انگلیسی بدم اما به چه شکل؟
ببینید نمیخوام روی مباحث تخصصی و ... کار کنم چون اصلا اینطوری امکانش هم نیست اما کاری که قراره انجام بشه اینه که میخوام سعی بکنم که درک مطلبتون رو ببرم بالا
که وقتی یه متنی به انگلیسی میبینید بتونید بخونید، اگر یه ویدیویی زبان انگلیسی باشه بتونید بعد یه مدت درکش کنید و خودتون بفهمید چی میگه 👌
حالا چطور قراره این کارو انجام بدم، من هر چند شب یه بار یه ویدیو به انگلیسی میفرستم که سعی میکنم زیرنویس انگلیسی داشته باشه (حالا از یوتیوب و اینستاگرام و ...) هم ویدیوهای مرتبط با برنامه نویسی و هم ویدیوهای غیر مرتبط با برنامه نویسی و میام بعدش متنش رو مینویسم و داخل یه ویس قشنگ بهتون توضیح میدم چی داره میگه طرف، نه اینکه صرفا معنی بشه، سعی میکنم قشنگ توضیح بدم که ساختار جملات و اصطلاحاتی که استفاده شدن و ... چیه
بعد از یه مدت قشنگ یه آرشیو خیلی خفنی در میاد که خیلی میتونه بهتون کمک بکنه توی یادگیری زبان، قطعا اولش براتون سخته درک ویدیوهایی که میفرستم
اما بهتون قول میدم سه ماه، فقط سه الی شیش ماه این آرشیو رو دنبال بکنید و کارایی که توی این ویدیو توضیح دادم رو انجام بدید، سطح زبانتون چندین پله بالا میاد
حتی اگر شما هم ویدیوهایی داشتید و براتون جالب بودن و به زبان انگلیسی بودن میتونید برام بفرستید اونارو هم بررسی کنیم
اگر پایه هستید و دوست دارید که این کار شروع بشه، یه🔥 بکوبید
آقا یه کاری رو میخوایم استارت بزنیم توی چنل تحت عنوان هشتگ #English و همونطور که میتونید حدس بزنید برای زبانه
از اونجایی که بسیار زبان حائز اهمیته، من میخوام در حد توانم تو همین چنل بهتون آموزش زبان انگلیسی بدم اما به چه شکل؟
ببینید نمیخوام روی مباحث تخصصی و ... کار کنم چون اصلا اینطوری امکانش هم نیست اما کاری که قراره انجام بشه اینه که میخوام سعی بکنم که درک مطلبتون رو ببرم بالا
که وقتی یه متنی به انگلیسی میبینید بتونید بخونید، اگر یه ویدیویی زبان انگلیسی باشه بتونید بعد یه مدت درکش کنید و خودتون بفهمید چی میگه 👌
حالا چطور قراره این کارو انجام بدم، من هر چند شب یه بار یه ویدیو به انگلیسی میفرستم که سعی میکنم زیرنویس انگلیسی داشته باشه (حالا از یوتیوب و اینستاگرام و ...) هم ویدیوهای مرتبط با برنامه نویسی و هم ویدیوهای غیر مرتبط با برنامه نویسی و میام بعدش متنش رو مینویسم و داخل یه ویس قشنگ بهتون توضیح میدم چی داره میگه طرف، نه اینکه صرفا معنی بشه، سعی میکنم قشنگ توضیح بدم که ساختار جملات و اصطلاحاتی که استفاده شدن و ... چیه
بعد از یه مدت قشنگ یه آرشیو خیلی خفنی در میاد که خیلی میتونه بهتون کمک بکنه توی یادگیری زبان، قطعا اولش براتون سخته درک ویدیوهایی که میفرستم
اما بهتون قول میدم سه ماه، فقط سه الی شیش ماه این آرشیو رو دنبال بکنید و کارایی که توی این ویدیو توضیح دادم رو انجام بدید، سطح زبانتون چندین پله بالا میاد
حتی اگر شما هم ویدیوهایی داشتید و براتون جالب بودن و به زبان انگلیسی بودن میتونید برام بفرستید اونارو هم بررسی کنیم
اگر پایه هستید و دوست دارید که این کار شروع بشه، یه
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥164👍5⚡3💔1
Deep Devs | فرانت اند | بک اند | جاوااسکریپت | برنامه نویسی | برنامه نویسی وب
رفقا سلام و شب بخیر ❤️ آقا یه کاری رو میخوایم استارت بزنیم توی چنل تحت عنوان هشتگ #English و همونطور که میتونید حدس بزنید برای زبانه از اونجایی که بسیار زبان حائز اهمیته، من میخوام در حد توانم تو همین چنل بهتون آموزش زبان انگلیسی بدم اما به چه شکل؟ ببینید…
این پیام برسه به ۱۰۰ تا 🔥 استارت میخوره هشتگ #English
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥68
گیت و گیتهاب.pdf
45.5 KB
💥بچه های تازه کار گیت و گیت هاب رو خواهشا جدی بگیرید و همراه با آموزش زبان برنامه نویسیتون یادش بگیرید,چون توی دنیای واقعیه کاری 100 در 100 یکی از واجبات هست💥
Channel | Group | YouTube
Channel | Group | YouTube
👍16🔥3❤2
#VSCode_Extension
✅ افزونه Prettier یه ابزار فرمتدهنده خودکار کد هست که به شما کمک میکنه تا کد خودتون رو به طور خودکار با یه سبک فرمت کد سازگار فرمت کنید. این ابزار برای زبانهای مختلف برنامهنویسی از جمله جاوااسکریپت، تایپاسکریپت، CSS، HTML، JSON، مارکداون و YAML پشتیبانی میکنه.
https://marketplace.visualstudio.com/items?itemName=esbenp.prettier-vscode
Channel | Group | YouTube
✅ افزونه Prettier یه ابزار فرمتدهنده خودکار کد هست که به شما کمک میکنه تا کد خودتون رو به طور خودکار با یه سبک فرمت کد سازگار فرمت کنید. این ابزار برای زبانهای مختلف برنامهنویسی از جمله جاوااسکریپت، تایپاسکریپت، CSS، HTML، JSON، مارکداون و YAML پشتیبانی میکنه.
https://marketplace.visualstudio.com/items?itemName=esbenp.prettier-vscode
Channel | Group | YouTube
🔥8👍3❤🔥2❤1
Deep Devs | فرانت اند | بک اند | جاوااسکریپت | برنامه نویسی | برنامه نویسی وب
رفقا سلام و شب بخیر ❤️ آقا یه کاری رو میخوایم استارت بزنیم توی چنل تحت عنوان هشتگ #English و همونطور که میتونید حدس بزنید برای زبانه از اونجایی که بسیار زبان حائز اهمیته، من میخوام در حد توانم تو همین چنل بهتون آموزش زبان انگلیسی بدم اما به چه شکل؟ ببینید…
This media is not supported in your browser
VIEW IN TELEGRAM
آقا دم همه کسایی که 🔥 🔥 زدید گرم
از امشب هشتگ #English رو استارت میزنیم🔥
حتما اول ویدیو رو نگاه کنید، سعی کنید هر چقدر میتونید خودتون درک کنید بعد ویس رو گوش کنید
چون ویدیوی اوله یه سری توضیحات اولیه میدم شاید یه ذره ویس طولانی بشه و امیدوارم که بعد از یه مدت آرشیو خفنی ازش در بیاد:
متن ویدیو:
Focus and fail fast. Learn quickly. Try something new.
Faster you fail and learn, the faster you succeed.
You actually learn to succeed by failing.
You know, Thomas J. Watson's famous line,
if you want to increase your rate of success,
you must double your rate of failure,
because success lies on the far side of failure.
Channel | Group | YouTube
از امشب هشتگ #English رو استارت میزنیم
حتما اول ویدیو رو نگاه کنید، سعی کنید هر چقدر میتونید خودتون درک کنید بعد ویس رو گوش کنید
چون ویدیوی اوله یه سری توضیحات اولیه میدم شاید یه ذره ویس طولانی بشه و امیدوارم که بعد از یه مدت آرشیو خفنی ازش در بیاد:
متن ویدیو:
Focus and fail fast. Learn quickly. Try something new.
Faster you fail and learn, the faster you succeed.
You actually learn to succeed by failing.
You know, Thomas J. Watson's famous line,
if you want to increase your rate of success,
you must double your rate of failure,
because success lies on the far side of failure.
Channel | Group | YouTube
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥41👍5👌5❤3❤🔥1
Deep Devs | فرانت اند | بک اند | جاوااسکریپت | برنامه نویسی | برنامه نویسی وب
آقا دم همه کسایی که 🔥 🔥 زدید گرم از امشب هشتگ #English رو استارت میزنیم 🔥 حتما اول ویدیو رو نگاه کنید، سعی کنید هر چقدر میتونید خودتون درک کنید بعد ویس رو گوش کنید چون ویدیوی اوله یه سری توضیحات اولیه میدم شاید یه ذره ویس طولانی بشه و امیدوارم که بعد از…
این از ویس اول هشتگ #English امیدوارم لذت ببرید و بعد از یه مدت خیلی آرشیو خفنی بشه 👌
🔥21❤7👍2
This media is not supported in your browser
VIEW IN TELEGRAM
#Out_Of_IDE
خوشبختی صرفاً مقصدی نیست که به آن می رسیم، بلکه سفری است که هر روز از طریق تمرین شکرگزاری، توجه و مهربانی نسبت به خود و دیگران آغاز می کنیم. در این لحظات کوچیک هستش که خوشبختی ما شکل میگیره🍾🍾
Channel | Group | YouTube
خوشبختی صرفاً مقصدی نیست که به آن می رسیم، بلکه سفری است که هر روز از طریق تمرین شکرگزاری، توجه و مهربانی نسبت به خود و دیگران آغاز می کنیم. در این لحظات کوچیک هستش که خوشبختی ما شکل میگیره🍾🍾
Channel | Group | YouTube
👍5❤3🔥3
♨️ کتابخونه SWR چیست و چه کاربردی دارد؟
این کتابخونه یکی از بهترین و قدرتمندترین کتابخونهها در زمینه Data Fetching هستش که هر روز داره محبوب تر میشه.
خود SWE یه هوک کاربردی داره به اسم useSWR که کار رو ساده و راحت میکنه. قابلیت های زیادی مثل کش کردن داده ها اعتبار سنجی مجدد، pagination، Preloading و ... داره که واقعا برای پروژه های بزرگ و متوسط بسیار کاربردیه
💠 چطوری ازش استفاده کنیم؟
در کد بالا آرگما اول key هستش که معمولا خود API Endpoint رو میدیم یا هر اسمی که دوست داریم. (با این کلید کش میکنه)
آرگمان دوم fetcher هست که یه فانکشن async میگیره و عملیات دریافت داده رو انجام میده که دو تا مقدار بر میگردونه که اولی data هستش که اطلاعات دریافت شده از سرور رو شما میشه میشه و دومی هم error هستش که اگه اروری باشه مقدار دهی میشه
🔅 شما از چه کتابخونه ای برای Data fetching استفاده میکنید؟ تجربیاتتون رو با ما در کامنت ها یا در گروه به اشتراک بذارید...
🌐 https://swr.vercel.app
#reactjs #nextjs
Channel | Group | YouTube
این کتابخونه یکی از بهترین و قدرتمندترین کتابخونهها در زمینه Data Fetching هستش که هر روز داره محبوب تر میشه.
خود SWE یه هوک کاربردی داره به اسم useSWR که کار رو ساده و راحت میکنه. قابلیت های زیادی مثل کش کردن داده ها اعتبار سنجی مجدد، pagination، Preloading و ... داره که واقعا برای پروژه های بزرگ و متوسط بسیار کاربردیه
💠 چطوری ازش استفاده کنیم؟
const { data, error } = useSWR(key, fetcher); در کد بالا آرگما اول key هستش که معمولا خود API Endpoint رو میدیم یا هر اسمی که دوست داریم. (با این کلید کش میکنه)
آرگمان دوم fetcher هست که یه فانکشن async میگیره و عملیات دریافت داده رو انجام میده که دو تا مقدار بر میگردونه که اولی data هستش که اطلاعات دریافت شده از سرور رو شما میشه میشه و دومی هم error هستش که اگه اروری باشه مقدار دهی میشه
🔅 شما از چه کتابخونه ای برای Data fetching استفاده میکنید؟ تجربیاتتون رو با ما در کامنت ها یا در گروه به اشتراک بذارید...
🌐 https://swr.vercel.app
#reactjs #nextjs
Channel | Group | YouTube
👍6