Deep Devs | فرانت اند | بک اند | جاوااسکریپت | برنامه نویسی | برنامه نویسی وب – Telegram
Deep Devs | فرانت اند | بک اند | جاوااسکریپت | برنامه نویسی | برنامه نویسی وب
9.19K subscribers
657 photos
354 videos
90 files
813 links
اگر با جاوااسکریپت مشکل داری، این چنل مخصوص خودته 🤝

دوبله بهترین دوره های جاوااسکریپت و ریکت دنیا رایگان:
https://news.1rj.ru/str/DeepDevs/2166

تبلیغات و تبادل نداریم

گروه اصلی برای پرسش و پاسخ:
@DeepDevsGpOriginal

گروه چت:
@InstaDevsGp
Download Telegram
#Tools

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

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

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

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

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

Channel | Group | YouTube
❤‍🔥7👍5🔥3🤯1
This..
Is just the beginning..

#موقت
🔥31💔6🆒3😁2👌2👍1🤣1👀1
#Out_Of_IDE

تایپهای خطا توی جاوااسکریپت 😎

اگه چیزی جا افتاده شما بگید 🫠

Channel | Group | YouTube
7🔥2👌2
♨️ چرا در ریکت از مقدار index در متد map برای key استفاده نمیکنیم؟
شاید خیلی جاها دیدید یا خودتون از index به عنوان یک شناسه منحصر به فرد برای key در متد map استفاده کردید ولی اینکار اصلا از هیچ لحاظی درست نیس و ممکنه باگ‌هایی رو به وجود بیاره.
چون اگر ترتیب آیتم ها تغییر کنه (مثلا sort انجام بشه) ری‌اکت توی رندر به مشکل میخوره. بهترین مقدار برای key میتونه مقادیری باشه که بک‌اند میان و یونیک هستند مثل id یا امثالهم.
مثلا میخواین لیست محصولاتی که از بک اند میاد رو توی لیستی نشون بدید میتونید از id محصول برای key استفاده کنید چون یونیک هستش.

🔆 شما چه مقادیری برای key استفاده میکنید؟ اگر توصیه در این زمینه دارید با ما در گروه یا کامنت به اشتراک بذارید...
#reactjs #nextjs

Channel | Group | YouTube
👍144
This media is not supported in your browser
VIEW IN TELEGRAM
#Fun

تلفظ صحیح فقط این 😂😂

بفرست واسه دوستای تازه کارت 😄

خودم که عاشق CSS شدم 🤪

Channel | Group | YouTube
🤣21😁4😡2👍1
یه ویدیو گذاشته بودم برای #English

یه ویس خیلی پرمحتوا هم براش گرفتم شد ۲۵ دقیقه کلی مطالب آموزنده گفته بودم

دستم خورد پرید..

فردا براتون میزارمش اگر دوباره دستم نخوره نپره
💔17🤝3👍2
1715980168824 (1).pdf
4.3 MB
#Out_Of_IDE

🚀 تو این فایل PDF نشون دادم که توی سایت NETFLIX از چه زبانها و فریمورکها و چه ابزارها و دیتابیسهایی استفاده شده که این سایت بالا اومده 🚀

Channel | Group | YouTube
👍3👌3🤯2
#nodejs

دوس دارین وب سرور خودتون رو داشته باشید؟این دستورات رو دنبال کنید:
1️⃣ اکسپرس رو نصب کنید
npm install express

2️⃣یک فایل به نام server.js ایجاد کنید و کد زیر رو بذارین داخلش:
const express = require('express');
const path = require('path');
const app = express();
const PORT = 3000;

// مسیر پوشه‌ای که فایل‌های استاتیک شما در آن قرار دارند
const publicDirectoryPath = path.join(__dirname, 'public');

// استفاده از فایل‌های استاتیک در پوشه public
app.use(express.static(publicDirectoryPath));

// شروع به گوش دادن به پورت مشخص شده
app.listen(PORT, () => {
console.log(`Server is running on http://localhost:${PORT}`);
});

3️⃣یک پوشه به نام public ایجاد کنید و فایل‌های HTML، CSS و JavaScript خودتون رو بذارین توش.

4️⃣سرور خودت رو ران کن:
node --watch server.js

مرورگرو باز کنید و به آدرس http://localhost:3000 بروید تا پروژی خودتون رو ببینید.

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

Channel | Group | YouTube
👍10❤‍🔥42🔥1
#Fun

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


Channel | Group | YouTube
🤣34👍7😁3
This media is not supported in your browser
VIEW IN TELEGRAM
به قسمت دوم از هشتگ #English خوش اومدید و قراره از همین ویدیوی کمتر از یک دقیقه ای کلی مطلب بهتون یاد بدم اما اول خودتون سعی کنید متنش رو تحلیل بکنید:

They did a study of 50 owners of companies, and they asked them,
what is the very best time management or business tool that you've ever discovered?
49 out of the 50 held up yellow writing pads, sort of like this.
And this is what they did. This is how they planned their day.
They made a list to do this.
Today, they wrote down everything they had to do.
They always work from a list.
If you don't work from a list, it's very much like taking your hands off the wheel of your car,
going down a winding road in the mountains.
What happens is your life's going to go on,
and you're instantly going to start doing irrelevant and unimportant and useless things.
And at the end of the day, you'll be exhausted and you'll accomplish nothing.
Now, I know this doesn't apply to anybody here.

Channel | Group | YouTube
❤‍🔥7🔥3🆒2👍1
#English

می‌دونم طولانیه ولی قول میدم از گوش دادنش پشیمون نمیشید

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

در رابطه با یه سری نکات vocabulary هم صحبت شده امیدوارم لذت ببرید ❤️

Channel | Group | YouTube
🔥15❤‍🔥2🆒2
#Fun

این داستان برنامه نویس هپی 😂🤪

Channel | Group | YouTube
💔17🤣5😎2🤝1
#Fun

دو تا باگ دیگه هم بهش اضافه شد😂😂

Channel | Group | YouTube
🤣28😁3😎3
برای ایجاد یک توکن تصادفی در Node.js،میتونیم از راههای زیادی استفاده کنیم.یکی از محبوب‌ترین پکیج‌ها برای این کار jsonwebtoken هست.

ابتدا پکیج jsonwebtoken را نصب میکنیم:
npm install jsonwebtoken

بعدش, کد زیر رو برای ایجاد یک توکن تصادفی استفاده میکنیم:
const jwt = require('jsonwebtoken');

// یک کلید محرمانه برای امضای توکن (می‌تواند هر رشته‌ای باشد)
const secretKey = 'your_secret_key';

// تابعی برای ایجاد یک توکن
function generateToken(user) {
// اطلاعات کاربر که می‌خواهید در توکن ذخیره کنید
const payload = {
id: user.id,
username: user.username
};

// ایجاد توکن با زمان انقضا (1 ساعت)
const token = jwt.sign(payload, secretKey, { expiresIn: '1h' });

return token;
}

مثال استفاده ازش :
const user = {
id: 1,
username: 'exampleUser'
};

const token = generateToken(user);
console.log('Generated Token:', token);

این کد یک توکن JWT ایجاد میکنه که شامل اطلاعات کاربره و برای یک ساعت معتبره(میتونید کم یا زیادش کنید).
📣از (secret key) مراقبت باشین📣
Channel | Group | YouTube
👍81🤯1
nkysaMoradi (3).pdf
117.1 KB
#جویای_کار


نکیسا مرادی هستم ،به دنبال کار آموزی فرانت-اند برای تهران یا به صورت ریموت هستم

@Naku12sss

Channel | Group | YouTube
🔥5🕊2