#quick_challenge

یک چالش جذاب از یک شخص جذاب 😁

پ.ن: منظورم خودم نیستم

Channel | Group | YouTube

سلام رفقا

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

یه توضیح مختصر بدم: با جیسون سرور میتونید خیلی سریع، ساده و راحت API خودتون رو بسازید مخصوصا به درد کسایی میخوره که API مورد نظرشون رو برای پروژه هاشون پیدا نمیکنن 👌

مسئله مهم تر اینه که هیچ نیازی به داشتن دانش در مورد بک اند هم نداره، خلاصه لذت ببرید و لایک و ساب و اینارو هم که پیش فرض هست 😁

https://youtu.be/qqIXXGHIzdA

Channel | Group | YouTube

#Git #GitHub
شاید برای خیلیا پیش اومده که یه فایلی رو کامیت زدن و پوش کردن رفته رو گیتهاب ولی بعدا خواستن اون فایل رو ignore اش کنن ولی هرچی اسم اون فایل رو توی فایل .gitignore مینویسن و پوش میکنن نمیشه و بازم اون فایل میره روی گیتهاب.

👇👇👇👇راه حل مشکل👇👇👇👇

مرحله اول:

git rm --cached "file name"

مرحله دوم :

git commit -m "Remove file from Git tracking"

مرحله سوم:

git push origin <branch-name>

✅ و بعد اگه اسم اون فایل رو توی فایل .gitignore بنویسید و دوباره پوش کنید این کار انجام میشه.

Channel | Group | YouTube

♨️ یک ویدیو پلیر تمام عیار!
توی html درسته ما video پلیر پیشفرضی داریم که کارمون رو راه میندازه ولی بعضی وقتا نیاز به پلیر حرفه‌ای، جذاب و کاربردی داریم.

پکیج plyr یه ویدیو پلیر خوب برای وب هستش که اکثر نیازهامون رو برطرف میکنه و قابلیت شخصی سازی بسیار زیادی داره.
💢 این پکیج از پرتکل های استریم مثل hls و قابلیت چند زبانی و کلی قابلیت خفن دیگه پشتیبانی میکنه.
برای ریکت و بقیه فریمورک ها هم پلاگین داره😍
برای مشاهده قابلیت ها و استفاده ازش میتونید به گیت‌هابش یه سر بزنید

https://github.com/sampotts/plyr

#reactjs #Tools

Channel | Group | YouTube

#Fun

لینوکس از دور برای بعضیا خیلی سخته ولی وقتی باهاش رفیق باشی هیچ وقت بین راه نمیذاره تورو🤪😂

Channel | Group | YouTube

#Fun

ولی خدا وکیلی نکنید اینکارو😂
دیدم که میگم, طرف دیده از طریق vscode نتونسته ببره, رفته خودش دستی ریخته توی گیتهاب و سوال بود براش که این چرا خطا میده 🤯🤣

Channel | Group | YouTube

♨️ سوال مصاحبه‌ای: در ری‌اکت پارامترهای key چیکار می‌کنن و مزایای استفاده از اونا توی حلقه‌ها چیه؟
پارامتر key یه attribute خاص است وقتی به دردمون میخوره که بخوایم آرایه‌ای از المان ها رو ایجاد کنیم. این پارامتر رو باید به المان پدر به عنوان یه prop پاس بدیم.

این key ها به ری‌اکت در مواقع اضافه،حذف و یا آپدیت کردن المان لیست ها کمک میکنه.

اکثرا از id یا دیتای یونیک به عنوان key استفاده میکنند.
💠 پند شیخ: از ایندکس آرایه برای key استفاده نکنید
#reactjs #سوال_مصاحبه‌ای

Channel | Group | YouTube

این ویس در رابطه با سوال بالاست کامل توضیح دادم براتون که چه اتفاقی میافته لذت ببرید 👌

#arrays
#javanoscript

2 روش برای مرج کردن آرایه ها 💥

شما اگه روش دیگه ای بلدین تو کامنتها بگین ✅

Channel | Group | YouTube

#Tools

🤯خانوما و آقایون فرانت کار براتون یه ربات میخوام معرفی کنم که میتونید با استفاده ازش عکسهایی که میخوایین توی پروژه هاتون استفاده کنین رو بدین بهش و تقریبا بدون افت کیفیت با حجم کم تحویل بگیرین 😱

✅این ربات برای این کانال هست و اینکه میتونید درصد کیفیتش رو خودتون تعیین بکنید(کیفیت پیشنهادی ما 80 هست) و نسبت به کیفیت درخواستی حجمشو کم میکنه.✅

⚠️فقط حواستون باشه عکسهاتون رو بصورت فایل بهش بفرستین⚠️

🚦اگر هم مشکلی داشتین برید به قسمت راهنماش و اونجا بهتون یاد دادم🚦

https://news.1rj.ru/str/ImageComp_bot

Channel | Group | YouTube

#arrays
#javanoscript

✅ پیدا کردن بزرگترین و کوچکترین عدد آرایه در جاوااسکریپت با استفاده از این دوتا متد

Channel | Group | YouTube

#quick_challenge

خروجی چی میشه؟؟؟

Channel | Group | YouTube

سلام عصرتون بخیر همگی
ویدیوی بعدی ای که میخوام توی یوتیوب ضبط بکنم در مورد یه ابزار پرطرفداریه که قطعا اسمش رو خیلیاتون شنیدید:
Swiper js

این ابزار مناسب ساختن انواع و اقسام سوایپر های مختلف هست که میتونید چه توی ریکت چه توی جاوااسکریپت ازش استفاده بکنید و بسیار بسیار پرکاربرده 👌

اگر نکته خاصی مد نظرتون هست که میخواید توی ویدیو گفته بشه حتما کامنت کنید که توی ویدیو در موردش صحبت بکنم ❤️

Channel | Group | YouTube

#javanoscript #سوال_مصاحبه‌ای

✅ بچه ها تو این ریپازیتوری 25 مورد از

سوالهای استخدامی مهم در مورد جاوااسکریپت

رو جمع آوری کردم.
برید ببینید و استار بدید ⭐️
اگر هم سوالی بود که توی این ریپو ندیدید, خودتون بنویسید و ریکویست بدید منم بررسی کنم و اضافش کنم به ریپو 🤩

https://github.com/amirnobari/Employment-Questions

Channel | Group | YouTube

#Fun

وقتی۲تا سینیور کارو جمع میکنن،به روایت تصویر😂😂😂

Channel | Group | YouTube

امروز میخوایم در مورد هوک useRef باهم دیگه صحبت کنیم
این هوک در ری‌اکت برای ایجاد مرجع (Reference) به یه المان توی DOM یا یه متغیر دیگه استفاده میشه.

حالا چطوری ازش استفاده کنیم؟
موقع تعریف کردنش میتونیم بهش مقدار اولیه هم بدیم

const myRef = useRef("Megdar Avalie")

خب بیاین یه مثال کاربردی هم بزنیم تا کامل برامون جا بیفته:
فرض کنید میخوایم ارتفاع صفحه کاربر رو برحسب پیکسل به دست بیاریم پس لازمه به المان روت خودمون توی DOM دسترسی داشته باشیم و برای اینکار باید از useRef استفاده کنیم تا یه ارجاع یا Reference به اون المان ایجاد کنیم با اینکار میتونیم ارتفاع اون المان رو ازش بیرون بکشیم.

import { useEffect, useRef } from "react"

export default function App() {

  const myRootElement = useRef();

  useEffect(() => {
    console.log(
      "Height of Root Element:", myRootElement.current.offsetHeight
    );
  }, []);

  return (
    <div ref={myRootElement}>
      <h1> Deep Devs </h1>
      <span>Join to Channel for more tutorial </span>
    </div>
  );
}

Channel | Group | YouTube

#Tips_N_Tricks
#Npm

✅ بچه ها تو این ویدیو مشکل نصب نشدن پکیجها توی NPM بخاطر عدم وجود فولدر npm و ادد نبودن در قسمت متغییرهای محیطی ویندوز رو توضیح دادم و یاد دادم که چطور حلش کنید.



https://youtu.be/RbuLNJ5sNRM

Channel | Group | YouTube

یعنی چقدر بدبخت شدیم و کارمون به کجا رسیده که یه پکیج میخوایم از npm نصب کنیم باید فیلترشکن بزنیم

خدایا، حکمتتو شکر