#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 نصب کنیم باید فیلترشکن بزنیم

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

#objects
#javanoscript

✅ متدهای کاربری برای آبجکتها

✅ بعضیهاش تو این پست توضیح داده شده
https://news.1rj.ru/str/DeepDevs/554

Channel | Group | YouTube

♨️ وب‌پک (Webpack) چیست؟ چرا باید ازش استفاده کنیم؟
فرض کنید یه اسکریپتی به پروژه اضافه کردید و توش از کتابخونه جی‌کوئری استفاده شده ولی چون اسکریپتتون رو بالا تر از ایمپورت جی‌کوئری ایمپورت کردید خطا گرفتید و کد اجرا نشده یا مرورگر کد جاوااسکریپت رو کش کرده و تغییراتی که توی کد دادید اعمال نمیشه.
تا حالا شده از یه قابلیت پیشرفته جاوااسکریپت بخواین استفاده کنید ولی نگران این هستین که همه مرورگر ها ساپورتش نکنن؟
حالا هرچی پروژه بزرگتر باشه مدیریت کردن اینجور مسائل هم سختتر میشه

💠 کار وب‌پک باندل (بسته‌بندی) و مدیریت کردن فایل های استایل، عکس، اسکریپت و فونت هستش یکی از مهمترین مزیت هاش پشتیبانی از پلاگین‌های مختلفه که کارهایی مثل مینیفای کردن یا تبدیل فایل های sass و less به css رو براتون انجام میده.

#reactjs #bundler #Tools

🌐 https://webpack.js.org

Channel | Group | YouTube

اولین برنامه نویس کامپیوتر, خانمی به نام آدا لاولیس بود. 💻👩‍💻 امروز روز جهانی دختران در فناوری اطلاعات و ارتباطات است! 🌟

🌹از طرف کانال به تمام خانمهای برنامه نویس و فعال در حوزه فناوری اطلاعات و ارتباطات تبریک میگم🌹