#react

مروری بر گذشته ریکت...

کلاس کامپوننت ها در React یکی از دو روش اصلی برای تعریف کامپوننت‌ها هستن. این کامپوننت‌ها به صورت کلاس‌هایی تعریف می‌شن که از کلاس React.Component ارث‌بری می‌کنن و به شما این امکان رو میدن تا از ویژگی‌های مختلفی مانند state و lifecycle methods بهره‌مند بشید 👌

هر چند گذشته ها گذشته و تقریبا میشه گفت کلاس کامپوننت ها به تاریخ پیوستن ولی به نظرم خوبه همچنان یه دیدگاهی نسبت بهشون داشته باشیم چون شاید توی کدبیس های قدیمی همچنان سرو کلشون پیدا بشه 🤝

مثال :

import React from "react";

class MyComponent extends React.Component {
  constructor(props) {
    super(props);
    this.state = {
      count: 0,
    };
  }

  render() {
    return (
      <div>
        <p>Count: {this.state.count}</p>
        <button onClick={() => this.setState({ count: this.state.count + 1 })}>
          Increase
        </button>
      </div>
    );
  }
}

export default MyComponent;

Channel | Group | YouTube

#Fun

اینو گذاشتم برای کسایی که تو مسیر یادگیری برنامه نویسی خسته شدن یا ناامید, خواستم بگم تنها نبودی و نیستی نا امیدی سراغ همه رفته تو این حرفه ولی اونایی برنده شدن که به ناامیدی غلبه کردن 💚

Channel | Group | YouTube

#VSCode_Extension

افزونه Import Cost برای Visual Studio Code یک ابزار مفید برای توسعه‌دهندگان وب است که به شما کمک می‌کند تا اندازه بسته‌های جاوااسکریپت و TypeScript را که وارد پروژه خود می‌کنید، به‌صورت فوری مشاهده کنید. 😍

این افزونه اندازه دقیق فایل‌های وارد شده (import) را در زمان توسعه به شما نمایش می‌دهد، بنابراین می‌توانید به‌سرعت ارزیابی کنید که کدام کتابخانه‌ها و بسته‌ها ممکن است باعث افزایش حجم نهایی فایل‌های شما بشن 😎

Channel | Group | YouTube

#api
#Tools

📣 افزونه REST Client برای Visual Studio Code یک ابزار قدرتمند است که به شما اجازه می‌دهد درخواست‌های HTTP را مستقیماً از داخل محیط vscode ارسال و مدیریت کنید. این افزونه برای توسعه‌دهندگان بسیار مفید است، زیرا به شما امکان می‌دهد APIها را تست کرده و نتایج را به‌صورت سریع و بدون نیاز به نرم افزار اضافی ببینید.
https://marketplace.visualstudio.com/items?itemName=humao.rest-client

⚠️البته مثل swager وpostman قدرتمند نیست ولی خب ...⚠️

Channel | Group | YouTube

#javanoscript


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


برخلاف سایر داده‌ها مثل String، Number و Object، سیمبل‌ها مقادیر منحصر به فرد دارن و هرگز با هم برابر نیستن.

مثال:

const symbol1 = Symbol('mySymbol');
const symbol2 = Symbol('mySymbol');

console.log(symbol1 === symbol2); // false

Channel | Group | YouTube

#Fun

وقتی کارفرما میگه خودم بلدم ولی وقت ندارم 😂😂


Channel | Group | YouTube

#nodejs

⁉️ این سوال خیلیاس که وقتی ری اکت رو یاد گرفتم برم سمت nodejs یا نه؟؟

👈 یا اصلا بصورت کلی یاد گرفتن نود جی اس برای برنامه نویس فرانت نیازه یا؟؟؟

📣سعی کردم تو این فایل PDF توضیح بدم📣

Channel | Group | YouTube

#nodejs

من فرانت کارم آیا نیازه که nodejs هم یاد بگیرم یا نه؟؟

یادگرفتنش برام خوبه یا نه؟

📣سعی کردم بصورت کوتاه جواب این سری سوالارو بدم📣

Channel | Group | YouTube

♨️ هوک useRouter در Nextjs چه کاربردی دارد؟
در پست قبلی با کامپوننت Link در Nextjs آشنا شدیم. امروز میخوایم در مورد هوک useRouter در نکست بدونیم و یادش بگیریم.
این هوک یکی از روش های ناوبری یا navigation در نکست هستش که میتونیم توی کلاینت کامپوننت ها ازش استفاده کنیم.
استفاده ازش هم خیلی آسونه ما میتونیم با متد push که داره کاربر رو به مسیر دلخواه هدایت کنیم یا میتونیم مسیری که الان داخلش هستیم رو بگیریم و هر چیزی که برای سیستم navigating لازمه رو داخل خودش داره.

#reactjs #nextjs

Channel | Group | YouTube

#Fun

دیگه وقتی چت جی پی تی هم نفهمه بهتره کلا برنامه نویسی رو بزاری کنار😂😂

Channel | Group | YouTube

سلام دوستان امیدوارم حالتون خوب باشه !

ما تصمیم گرفتیم که یک مسابقه برگزار کنیم تا سطح دانش خودمون رو از برنامه‌نویسی تحت وب و طراحی سایت محک بزنیم 😎

🏁 این مسابقه ۲ تا مرحله داره و با ۴ شرکت کننده برگزار میشه و شرکت کنندگان به دو تیم دو نفره تقسیم میشوند و با هم دیگه به صورت یک به یک مسابقه میدن و برنده هر کدوم از تیم ها به فینال این مسابقه راه پیدا میکنه ⚡

📌 توی هر مرحله ۲۰ تا سوال پرسیده میشه و شرکت کنندگان ۱۰ ثانیه فرصت دارند تا به سوال پاسخ بدن و هر کسی که به سوالات بیشتری پاسخ بده برنده میشه


1️⃣ مرحله اول آسونه نسبتا و با html, css قراره شروع بکنیم و ۲۰ تا سوال در مورد html و css به صورت ترکیبی پرسیده میشه و هر کسی که تعداد بیشتری از سوالات رو پاسخ بده برنده میشه، البته باید بگم که توی این مرحله قراره به اعماق html و css نفوذ کنیم 🔥

2️⃣ مرحله دوم مسابقه سخت تره و JavaScript هم وارد بازی میشه و اینجاس که میتونید دانش خودتون رو از زبان جاوااسکریپت محک بزنید 😉

3️⃣ حالا اگر شرکت کننده ها مساوی بشن وارد مرحله سوم میشیم که این قسمتش سخت تره و مرحله پایانیه و فعلا تاپیکش محرمانس ( اگر وارد مرحله سوم بشیم بهتون میگیم که به چه نحوی هستش )

🏆 و در نهایت در فینال این مسابقه قراره که برندگان دور اول دست به کد بشن و چالشی رو که براشون در نظر گرفتیم رو به بهترین شکل در مدت زمانی که تایین شده انجام بدن و اینجاست که برنده نهایی مشخص میشه
راستی داخل فینال این مسابقه قراره یه مهمان جدید به عنوان داور بهمون اضافه بشه 🤩

🎁 و اما قسمت مهم مسابقه که برای برنده یه هدیه ویژه در نظر گرفتیم و اونم ادیت یکی از ویدیو هاش به همراه تامنیل و یا کاور ویدیو به صورت رایگان هستش و علت انتخاب این هدیه رشد شخصی فرد هستش و ما میخوایم کمک کنیم به نفر اول تا بتونه اولین ویدیو اموزشی و ... خودش رو بسازه و اولین قدمش رو برای ورود به دنیای تولید محتوا برداره، البته اگر از قبل هم تولید محتوا میکنید که چه بهتر 😁

‍♀️نحوه برگزاری مسابقه هم آنلاین هست و داخل میت برگزار میشه و صرفا نیازه که با یک گوشی و یا دوربین دیگه از خودتون فیلم بگیرید در حین مسابقه به این دلیل که کیفیت کمرا توی میت خیلی خوب نیستش

❗️فصل اول این مسابقه با ۴ شرکت کننده برگزار میشه و ظرفیت باقی مونده محدود هستش و فقط ۳ نفر باقی مونده

اگر علاقه مند به شرکت کردن داخل این مسابقه هستید به آیدی زیر پیام بدید :
@MohammadTazaroie

برای آشنایی بیشتر با چنل ما میتونید محتوای چنل یوتوب رو از لینک زیر دنبال کنید 🤩
https://www.youtube.com/@coolycode

#موقت

کی باید امشب تا فردا صبح بیدار بمونه بابت امتحان؟ من بیچاره...

#Out_Of_IDE

تو این فایل PDF بصورت کوتاه و خلاصه وار گفتم که Database چیه و انواعشو رو گفتم.

دونستنش بصورت بیسیک برای فرانت کارا و بصورت ادونس یا حتی حرفه ای برای بک اند کارا واجبه

Channel | Group | YouTube

#Out_Of_IDE
دیتابیس چیه اصلا؟ چند نوعه؟ برای پروژمون از چه دیتابیسی استفاده کنم؟
📣با مطالعه این فایل دیدتون باز میشه نسبت به دیتابیسها📣

Channel | Group | YouTube

#javanoscript


پکیج jsPDF یکی از ابزارهای محبوب برای ایجاد فایل‌های PDF هستش.
این کتابخانه به برنامه نویس های وب اجازه میده تا به راحتی و بدون نیاز به سرور، فایل‌های PDF بسازن و دانلودش کنن.


نحوه نصب :

با استفاده از cdn :

<noscript src="https://cdnjs.cloudflare.com/ajax/libs/jspdf/2.5.1/jspdf.umd.min.js"></noscript>

استفاده از npm:

npm install jspdf --save

مثالی از jsPdf:

// ایجاد یک سند جدید PDF

var doc = new jsPDF();

// اضافه کردن یک متن به سند

doc.text("hello world!");

// ذخیره فایل PDF
doc.save("exampl.pdf");

Channel | Group | YouTube

#Fun

این داستان Blind Devs 😂😂

Channel | Group | YouTube

#VSCode_Extension

افزونه vscode-faker واسه Vscode هستش که بهتون اجازه میده دیتاهای جعلی (mock data) را به‌سرعت و به‌سادگی تو محیط کدنویسی تولید کنید. 😉
این افزونه با استفاده از کتابخانه محبوب Faker.js کار میکنه و واسه توسعه‌دهندهایی که نیاز به داده‌های تصادفی برای تست و توسعه دارن، خیلی جوابه

https://marketplace.visualstudio.com/items?itemName=deerawan.vscode-faker

Channel | Group | YouTube

#javanoscript
#electron

اگه نیاز به ساخت یک اپلیکیشن دسکتاپ دارید و میخواید با جاوااسکریپت اپلیکیشن دسکتاپ بسازید میتونید از الکترون جی اس استفاده کنید


این لایبرری توسط گیت هاب منتشر شده و میتونید برای لینوکس مک ویندوز خروجی بگیرید


زیاد مبحث پیچیده ای نداره و خیلی راحت میتونید یاد بگیرید


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


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


https://github.com/Silvershade1/desktop_app_text_to_voice




Channel | Group | YouTube

#Fun

از یه برنامه نویس نپرسین چخبر 😂😂

Channel | Group | YouTube

#Git

کسایی که تو نوشتن کامیت سردرگم میشن و همینجوری الکی یه چیزی مینویسن تا رد شه بره, خیلی تو اشتباهن 📣

فردا پس فردا میرن تو یه شرکتی و از سر عادت همچین کاری میکنن و یهو میبینن که صدای همه دراومد که آقا این چیه😂

این PDF پایینی رو بخونید و داشته باشید تا جلوی آبروریزی تو آینده رو بگیرین😍

Channel | Group | YouTube

#Git

🚀 کامیت زدن به صورت اصولی و استاندارد کمک می‌کنه که تاریخچه پروژه مرتب و خوانا باشه. یکی از استانداردهای معروف برای نوشتن پیام‌های کامیت، استاندارد Conventional Commits هستش 🚀

آقا هر چیزی یه اصولی داره همینجوری نیست که بیایم یه چیزی بنویسیم و پوش کنیم🫠

آبروی آدم میره😂

📣پس این فایل رو داشته باشین و بخونین و تمرین کنین📣

Channel | Group | YouTube