Deep Devs | فرانت اند | بک اند | جاوااسکریپت | برنامه نویسی | برنامه نویسی وب

#Fun واقعا چرا اینجوریه🤣😅 فقط عاشق اون آخرین نفر شدم😂 Channel | Group | YouTube

#Fun حقیقتی در مورد بک اند دولوپرها😂😂 Channel | Group | YouTube

#NPM #NPX خلاصه وار بخوام بگم اینه که : ✅از npm برای نصب، مدیریت و کار با بسته های جاوا اسکریپت در پروژه های خودتون استفاده کنید. ✅از npx برای اجرای مستقیم بسته ها یا ابزارهای CLI بدون نیاز به نصب قبلی آنها استفاده کنید. ‼️نکته: این npx از نظر عملکردی به npm شبیه و در واقع از npm برای اجرای بسته ها در پس زمینه استفاده می کنه. استفاده از npx میتونه برای امتحان کردن بسته ها یا اجرای ابزارهای CLI بدون ایجاد تغییرات در پروژه ی شما مفید باشه. Channel | Group | YouTube

#Axios #javascript این Axios یه کتابخانه ی HTTP client هست که برای ارسال و دریافت درخواست های HTTP به طور ساده و کارآمد در برنامه های جاوا اسکریپت استفاده میشه. این کتابخانه به شما امکان میده تا با API های مختلف به راحتی ارتباط برقرار کنید و داده ها رو از سرور دریافت یا به سرور ارسال کنید. نحوه استفاده از Axios: اول نصب میکنیم.

npm install axios

بعد از نصب، میتونید از Axios در کد جاوا اسکریپت خودتون استفاده کنید:

import axios from 'axios';

// ارسال یه درخواست GET
axios.get('https://jsonplaceholder.typicode.com/posts/1')
  .then(response => {
    console.log(response.data);
  })
  .catch(error => {
    console.error(error);
  });

این فقط یه نمونه ی ساده از نحوه ی استفاده از Axios هست. Channel | Group | YouTube

#Fun اشتباه نکنید، هیچ مایی وجود نداره😎😎 Channel | Group | YouTube

#Fun کاربران لینوکس متفاوتن قبول دارین؟؟😂😂😂 Channel | Group | YouTube

♨️ پکیج احراز هویت در Next js یکی از مهمترین مسائل یک سایت بحث امنیت کاربران است اما گاها پیاده سازی روشی مطمئن و امن برای احراز هویت در Next js چالش برانگیز میشود. راه‌های زیادی برای طراحی این بخش وجود دارد که میتوان به صورتی دستی نیز اینکار را انجام داد ولی مستعد خطا و زمانبر خواهد بود. ما در Next js میتوانیم از پکیج Next Auth استفاده کنیم که بسیاری از پیچیدگی‌های این مسیر مثل سشن ها یا ورود و خروج را سادتر کرده و با راه حل‌های مناسب و یکپارچه‌ای را در دسترس ما قرار میدهد. 🌐 https://next-auth.js.org #reactjs #Tools #nextjs Channel | Group | YouTube

#pnpm ‼️بصورت کلی pnpm چیه : یه پکیج منیجر سریع و کارآمد برای جاوا اسکریپت ❗️و pnpm ( مخفف Performant Node Package Manager) یه مدیر بسته ی متن باز، سریع و کارآمد برای جاوا اسکریپت هست که به عنوان جایگزینی برای package manager های محبوب مثل npm و Yarn معرفی شده. مزایای استفاده از pnpm: ✅سرعت: pnpm از الگوریتم های کش و ذخیره سازی پیشرفته ای استفاده می کند که سرعت نصب و دانلود وابستگی ها رو به طور قابل توجهی افزایش میده. ✅کارآمدی: pnpm از فضای ذخیره سازی به طور کارآمدتری استفاده می کنه و از ایجاد نسخه های تکراری از وابستگی ها در پروژه های مختلف جلوگیری میکنه. ✅قابلیت اطمینان: pnpm با دقت زیادی طراحی و تست شده و از ثبات و پایداری بالایی برخورداره. ✅ سهولت استفاده: pnpm از رابط کاربری مشابه npm و Yarn استفاده می کنه و یادگیری و استفاده از اون برای توسعه دهندگان جاوا اسکریپت ساده است. Channel | Group | YouTube

#VSCode_Extension ✅ افزونه GitLens یک ابزار محبوب برای VS Code است که به شما کمک می‌کنه تا تاریخچه Git مخزن کدتون رو به طور مستقیم در ویرایشگر VS Code مشاهده و بررسی کنید. ✅ مزایا: به شما کمک می‌کنه تا بفهمید چه کسی کد رو تغییر داده، چه زمانی تغییر داده شده و چه تغییراتی ایجاد شده است. به شما کمک می‌کنه تا بین تعهدات مختلف Git به طور روان حرکت کنید. با طیف گسترده‌ای از ویژگی‌های اضافی مانند Tree View، مقایسه کد و ناوبری در شاخه‌ها ارائه میشه. https://marketplace.visualstudio.com/items?itemName=eamodio.gitlens Channel | Group | YouTube

♨️ پنج اشتباه رایج برنامه نویسان 💠 تمرینات کم و نامنظم برنامه نویسی نیاز به تمرینات مستمر و منظم و درستی داره تا بتونه مهارت شما رو افزایش بده (هیچ کس با کتاب خوندن راننده حرفه‌ای نشده) 💠 نداشتن هدف کاری و حرفه‌ای حرکت در دنیای برنامه نویسی بدون هدف مثل حرکت در کوهسان بدون چراغه ممکنه گم یا دلسرد بشید. باید هدف گذاری درستی داشته باشید و با تحقیق و مشورت از افراد آگاه در این حوزه هدف های درستی برای مسیر خودتون انتخاب کنید. 💠 کمال گرایی افراطی یکی از بزرگترین اشتباهات برنامه‌نویس های تازه کار و حتی حرفه‌ای توجه بیش از حد و اصرار بر جزئیات ریز و نادیده گرفتن مفاهیم کلی و اساسی هست (چه در انجام پروژه چه در پروسه یادگیری) 💠 کپی پیست بدون درک کد اگه کدی رو از هوش‌مصنوعی یا استک‌اورفلو کپی میکنی اول باید درکش کنی و یادش بگیری تا بتونی بعدا ازش در جای مناسبی دوباره استفاده کنی. 💠 پیچیده‌اش نکن یکی از اصول برنامه‌نویسی شکستن کدها و چالش‌های بزرگ به بخش‌های کوچیکتره که با اینکار میتونید خیلی راحتتر مشکل رو پیدا کنید یا اون چالش رو پشت سر بذارید #softskill #مهارت_نرم Channel | Group | YouTube

#Fun هفت، هشت، باقرزاده، ده ...😂😂 Channel | Group | YouTube

سلام بچه ها امیدوارم حالتون عالی باشه. اقا ما تصمیم گرفتیم یه بخشی رو بذاریم تحت عنوان #جویای_کار که اون دسته از عزیزان که دنبال کار میگردن رزومه هاشون رو بفرستن به من و من به صورت پست ماله یک عزیزی رو منتشر کنم توی کانال و شاید دیده بشه و بتونه کار بگیره. شرایط اینجوری هست که رزومه با فرمت pdf و وایینش یه متن به این شکل باشه: 👇👇👇👇👇👇👇👇 مثال: #جویای_کار امیر نوبری هستم, نزدیک 2 سال هست برنامه نویسی بک اند با nodejs انجام میدم و آشنا هستم با nestjs و دنبال پوزیشن کاری برای (جونیور بک اند) بصورت ریموت با همه جا ولی برای حضوری فقط در تهران و تبریز و ترکیه (بخاطر بلد بودن زبان ترکی استانبولی) هستم. آدرس لینکدین من لینک تلگرام من به این فرمت باشه و به id من ارسال بکنید تا بررسی کنم اگه مشکلی نداشت منتشر میکنم.

#quick_challenge خروجی این کد چی میشه؟؟؟ Channel | Group | YouTube

#quick_challenge خروجی این کد چی میشه؟؟؟ Channel | Group | YouTube

♨️ کتابخونه SWR چیست و چه کاربردی دارد؟ این کتابخونه یکی از بهترین و قدرتمندترین کتابخونه‌ها در زمینه 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

#Out_Of_IDE خوشبختی صرفاً مقصدی نیست که به آن می رسیم، بلکه سفری است که هر روز از طریق تمرین شکرگزاری، توجه و مهربانی نسبت به خود و دیگران آغاز می کنیم. در این لحظات کوچیک هستش که خوشبختی ما شکل میگیره🍾🍾 Channel | Group | YouTube