#VSCode_Extension

✅ افزونه Prettier یه ابزار فرمت‌دهنده خودکار کد هست که به شما کمک می‌کنه تا کد خودتون رو به طور خودکار با یه سبک فرمت کد سازگار فرمت کنید. این ابزار برای زبان‌های مختلف برنامه‌نویسی از جمله جاوااسکریپت، تایپ‌اسکریپت، CSS، HTML، JSON، مارک‌داون و YAML پشتیبانی می‌کنه.

https://marketplace.visualstudio.com/items?itemName=esbenp.prettier-vscode

Channel | Group | YouTube

این از ویس اول هشتگ #English امیدوارم لذت ببرید و بعد از یه مدت خیلی آرشیو خفنی بشه 👌

#Out_Of_IDE

خوشبختی صرفاً مقصدی نیست که به آن می رسیم، بلکه سفری است که هر روز از طریق تمرین شکرگزاری، توجه و مهربانی نسبت به خود و دیگران آغاز می کنیم. در این لحظات کوچیک هستش که خوشبختی ما شکل میگیره🍾🍾
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

#quick_challenge

خروجی این کد چی میشه؟؟؟

Channel | Group | YouTube

سلام بچه ها امیدوارم حالتون عالی باشه.
اقا ما تصمیم گرفتیم یه بخشی رو بذاریم تحت عنوان #جویای_کار
که اون دسته از عزیزان که دنبال کار میگردن رزومه هاشون رو بفرستن به من و من به صورت پست به ترتیب ماله یک عزیزی رو منتشر کنم توی کانال و شاید دیده بشه و بتونه کار بگیره.

شرایط اینجوری هست که رزومه با فرمت pdf و وایینش یه متن به این شکل باشه:
👇👇👇👇👇👇👇👇
مثال:

#جویای_کار

امیر نوبری هستم, نزدیک 2 سال هست برنامه نویسی بک اند با nodejs انجام میدم و آشنا هستم با nestjs
و دنبال پوزیشن کاری برای (جونیور بک اند) بصورت ریموت با همه جا ولی برای حضوری فقط در تهران و تبریز و ترکیه (بخاطر بلد بودن زبان ترکی استانبولی) هستم.

آدرس لینکدین من

لینک تلگرام من

به این فرمت باشه و به این ایدی: @softwareenginer_developer ارسال کنید.

#Fun

هفت، هشت، باقرزاده، ده ...😂😂

Channel | Group | YouTube

♨️ پنج اشتباه رایج برنامه نویسان

💠 تمرینات کم و نامنظم
برنامه نویسی نیاز به تمرینات مستمر و منظم و درستی داره تا بتونه مهارت شما رو افزایش بده (هیچ کس با کتاب خوندن راننده حرفه‌ای نشده)

💠 نداشتن هدف کاری و حرفه‌ای
حرکت در دنیای برنامه نویسی بدون هدف مثل حرکت در کوهسان بدون چراغه ممکنه گم یا دلسرد بشید. باید هدف گذاری درستی داشته باشید و با تحقیق و مشورت از افراد آگاه در این حوزه هدف های درستی برای مسیر خودتون انتخاب کنید.

💠 کمال گرایی افراطی
یکی از بزرگترین اشتباهات برنامه‌نویس های تازه کار و حتی حرفه‌ای توجه بیش از حد و اصرار بر جزئیات ریز و نادیده گرفتن مفاهیم کلی و اساسی هست (چه در انجام پروژه چه در پروسه یادگیری)

💠 کپی پیست بدون درک کد
اگه کدی رو از هوش‌مصنوعی یا استک‌اورفلو کپی میکنی اول باید درکش کنی و یادش بگیری تا بتونی بعدا ازش در جای مناسبی دوباره استفاده کنی.

💠 پیچیده‌اش نکن
یکی از اصول برنامه‌نویسی شکستن کدها و چالش‌های بزرگ به بخش‌های کوچیکتره که با اینکار میتونید خیلی راحتتر مشکل رو پیدا کنید یا اون چالش رو پشت سر بذارید

#softskill #مهارت_نرم

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

#جویای_کار

فيض هستم توسعه دهنده بشکل فول استک اما فوکس اصلی و تجربه کاری من در بخش فرانت اند هستش. من حدودی دو سال میشه که به ری اکت جی اس پروژه انجام میدم و دارم تبدیل به سینیور  دیویلپر میشم. با تایپ اسکریپت، نکست جی اس و ریداکس آشنایی کامل دارم و به دنبال یک موقعیت شغلی در پوزیشن جونیور و به شکل ریموت هستم.

آدرس لینکدین من
آدرس تلگرام من

🚦دوستان هرکی میخواد رزومش دیده بشه به این فرمت بفرسته به این ایدی : @AmirNobari🚦


Channel | Group | YouTube

#pnpm

‼️بصورت کلی pnpm چیه : یه پکیج منیجر سریع و کارآمد برای جاوا اسکریپت

❗️و pnpm ( مخفف Performant Node Package Manager) یه مدیر بسته ی متن باز، سریع و کارآمد برای جاوا اسکریپت هست که به عنوان جایگزینی برای package manager های محبوب مثل npm و Yarn معرفی شده.

مزایای استفاده از pnpm:

✅سرعت: pnpm از الگوریتم های کش و ذخیره سازی پیشرفته ای استفاده می کند که سرعت نصب و دانلود وابستگی ها رو به طور قابل توجهی افزایش میده.
✅کارآمدی: pnpm از فضای ذخیره سازی به طور کارآمدتری استفاده می کنه و از ایجاد نسخه های تکراری از وابستگی ها در پروژه های مختلف جلوگیری میکنه.
✅قابلیت اطمینان: pnpm با دقت زیادی طراحی و تست شده و از ثبات و پایداری بالایی برخورداره.
✅ سهولت استفاده: pnpm از رابط کاربری مشابه npm و Yarn استفاده می کنه و یادگیری و استفاده از اون برای توسعه دهندگان جاوا اسکریپت ساده است.

Channel | Group | YouTube

♨️ پکیج احراز هویت در Next js
یکی از مهمترین مسائل یک سایت بحث امنیت کاربران است اما گاها پیاده سازی روشی مطمئن و امن برای احراز هویت در Next js چالش برانگیز میشود. راه‌های زیادی برای طراحی این بخش وجود دارد که میتوان به صورتی دستی نیز اینکار را انجام داد ولی مستعد خطا و زمانبر خواهد بود.
ما در Next js میتوانیم از پکیج Next Auth استفاده کنیم که بسیاری از پیچیدگی‌های این مسیر مثل سشن ها یا ورود و خروج را سادتر کرده و با راه حل‌های مناسب و یکپارچه‌ای را در دسترس ما قرار میدهد.

🌐 https://next-auth.js.org

#reactjs #Tools #nextjs

Channel | Group | YouTube

#Fun

کاربران لینوکس متفاوتن قبول دارین؟؟😂😂😂

Channel | Group | YouTube

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

Channel | Group | YouTube

#Axios
#javanoscript
این 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

#جویای_کار

مجید خورشیدیان هستم. دارای بیش از 4 سال تجربه در زمینه توسعه بک‌اند با استفاده از Node.js هستم. طی این مدت، غالبا با فریمورک‌های Express.js و Nest.js و انواع دیتابیس‌های SQL و NoSQL کار کرده‌ام. همچنین، تجربیات کوتاهی در زمینه Python و PHP نیز داشته‌ام.

در حال حاضر، من علاقه‌مند به یافتن یک فرصت شغلی جدید هستم و می‌توانم به صورت حضوری، ریموت و یا پروژه‌ای با شما همکاری کنم. آماده‌ام تا در تیم شما شرکت کرده و بهبود فرآیندهای توسعه را به عهده بگیرم.

My Telegram
My Linkedin
My Github


Channel | Group | YouTube

#NPM
#NPX
خلاصه وار بخوام بگم اینه که :
✅از npm برای نصب، مدیریت و کار با بسته های جاوا اسکریپت در پروژه های خودتون استفاده کنید.
✅از npx برای اجرای مستقیم بسته ها یا ابزارهای CLI بدون نیاز به نصب قبلی آنها استفاده کنید.

‼️نکته:

این npx از نظر عملکردی به npm شبیه و در واقع از npm برای اجرای بسته ها در پس زمینه استفاده می کنه.
استفاده از npx میتونه برای امتحان کردن بسته ها یا اجرای ابزارهای CLI بدون ایجاد تغییرات در پروژه ی شما مفید باشه.

Channel | Group | YouTube

#Fun

حقیقتی در مورد بک اند دولوپرها😂😂

Channel | Group | YouTube

#Fun

واقعا چرا اینجوریه🤣😅

فقط عاشق اون آخرین نفر شدم😂

Channel | Group | YouTube