🌐 https://news.1rj.ru/str/coolycodegap
رفقا این لینک گروهمون هستش اگر دوست داشتید جوین بشید و با بقیه بچه ها در ارتباط باشید و سوالاتونو بپرسید
ℹ️ راهنمای استفاده از ربات هوش مصنوعی
رفقا این لینک گروهمون هستش اگر دوست داشتید جوین بشید و با بقیه بچه ها در ارتباط باشید و سوالاتونو بپرسید
راستی یه ربات هوش مصنوعی هم اضافه کردیم که میتونید بهش دسترسی داشته باشید و هر سوالی که دارید ازش بپرسید
ℹ️ راهنمای استفاده از ربات هوش مصنوعی
#AI
#golden_sentence
💎 جمله طلایی امروز 💎
🔸I do not fear computers. I fear the lack of them.Isaac Asimov
من از کامپیوترها نمیترسم؛ از نبودن اون ها میترسم.
🆔 Channel | Group | YouTube
𝗖𝗢𝗢𝗟𝗬 𝗖𝗢𝗗𝗘 | کولی کد
#golden_sentence 💎 جمله طلایی امروز 💎 🔸I do not fear computers. I fear the lack of them. من از کامپیوترها نمیترسم؛ از نبودن اون ها میترسم. Isaac Asimov 🆔 Channel | Group | YouTube
#text
زیر این پست بنویسید اگر تکنولوژی و دیوایس های هوشمند نباشن چه اتفاقاتی براتون میافته... ⁉️😁
گوشی موبایل، لپتاپ، تبلت و ... هم حساب میشن
هر چیز سمی که به ذهنتون میرسه بگید 😂
#WhatsThat #javanoscript #window
●● آبجکت window چیه و چه کار هایی برای ما انجام میده ؟ ●●
آبجکت window یک global object هستش که درواقع نماینده پنجره فعلی مرورگریه که اسکریپت شما در حال اجراست و یه جورایی میشه گفت که این window مثل مدیر ساختمونه که همه اتاقا و وسایل رو کنترل میکنه.
1️⃣ مدیریت تبهای مرورگر
میتونی با window.open یه تب جدید باز کنی یا با window.close یه تب رو ببندی.
let myWindow = window.open("https://example.com")
// بستن تب باز شده بعد از 5 ثانیه
setTimeout(() => {
myWindow.close();
}, 5000);2️⃣ دسترسی به ابعاد پنجره
میتونی با window.innerWidth و window.innerHeight بفهمی اندازه فعلی پنجره فعلی چقدره. این خیلی به دردت میخوره وقتی میخوای سایز یه عنصر رو نسبت به اندازه صفحه تنظیم کنی.
let width = window.innerWidth;
let height = window.innerHeight;
let myDiv = document.getElementById("myDiv");
myDiv.style.width = (width / 2) + "px";
// نصف عرض پنجره
myDiv.style.height = (height / 3) + "px";
// یک سوم ارتفاع پنجره
3️⃣ ذخیره اطلاعات کاربر در LocalStorage
با window.localStorage میتونی اطلاعات کاربر رو ذخیره کنی که حتی بعد از بستن و باز کردن مرورگر هم باقی بمونه. مثلا یه کاربر میتونه تم سایت رو عوض کنه و بعداً همون تم دوباره براش لود بشه.
// ذخیره اطلاعات
window.localStorage.setItem("theme", "dark");
// خوندن اطلاعات
let theme = window.localStorage.getItem("theme");
console.log("تم انتخاب شده: " + theme);
// پاک کردن اطلاعات
window.localStorage.removeItem("theme");
4️⃣ کنترل URL
با window.location میتونی آدرس URL رو بخونی یا عوض کنی. مثلا کاربر رو به یه صفحه دیگه هدایت کنی.
// خوندن آدرس فعلی صفحه
console.log("آدرس فعلی: " + window.location.href);
// هدایت کاربر به صفحه دیگه
window.location.href = "https://example.com";
// تغییر قسمتی از URL بدون لود مجدد صفحه
window.location.hash = "section1"; // کاربر رو به بخش مشخصی از صفحه هدایت میکنه
5️⃣ تعامل با کاربر از طریق آلرتها
میتونی با window.alert() یه پیام پاپآپ به کاربر نشون بدی یا با window.prompt() ازش چیزی بپرسی.
// نمایش پیام ساده
window.alert("به وبسایت ما خوش آمدید!");
// پرسیدن سوال از کاربر
let name = window.prompt("اسمت چیه؟");
console.log("اسمی که کاربر وارد کرده: " + name);
// گرفتن تأییدیه از کاربر
let result = window.confirm("آیا مطمئن هستید که میخواهید ادامه دهید؟");
if (result) {
console.log("کاربر ادامه داد");
} else {
console.log("کاربر لغو کرد");
}
✅ در کل همه اینها یسری از قابلیت های پر کاربرد آبجکت window بودن، به زودی یه پست دیگه درست میکنم تا متد های بیشتری از window رو بررسی کنیم
🌐 مشاهده داکیومنت window
🆔 Channel | Group | YouTube
MDN Web Docs
Window - Web APIs | MDN
The Window interface represents a window containing a DOM document; the document property points to the DOM document loaded in that window.
𝗖𝗢𝗢𝗟𝗬 𝗖𝗢𝗗𝗘 | کولی کد
سلام دوستان شبتون بخیر راستش ما در حال اسباب کشی هستیم و این چند وقته خیلی شلوغ بودم فردا و پسفردا ام روز اسباب کشی هست سر همون امروز نرسیدیم پست دوم رو به موقع بزاریم ولی خب با این شرایط هم هر روز پست داریم و پر قدرت قراره بریم جلو مرسی که همراهمون هستین…
اسباب کشی ما هم با عکس سمت چپی از خونه قبلی به اتمام رسید و در اتفاقات جدید با عکس سمت راستی از خونه به سمتون وا شد
بریم که بترکونیم 🚀❤️
بریم که بترکونیم 🚀❤️
دوست دارید بعد از اینکه میز کار و وسایل رو چیدیم آنباکس کنم خونه و محیط کار جدید رو براتون ؟ 😂
Anonymous Quiz
0%
اره برو تو کارش ببینیم چه برایمان آورده ای 😎
0%
نه بابا بزار کدمونو بزنیم 🥲
0%
صرفا علاقه مندم از انگشت شست برای کلیک کردن استفاده کنم 👍
0%
گزینه ۳ ولی به جای انگشت شست از اشاره استفاده میکنم ☝️
●● تفاوت بین فریمورک و لایبرری ●●
🔸 کنترل و مدیریت جریان برنامه ⚡
🔸 ساختار و معماری 🌀
🔸 انعطافپذیری در توسعه 🔄
🔸 مقیاسپذیری و اندازه پروژه 📈
🔸 وابستگی و تأثیرات تغییر 🔗
✅ جمع بندی
#️⃣ #framework #libarary #vs
🆔 Channel | Group | YouTube
🔸 کنترل و مدیریت جریان برنامه ⚡
فریمورک : فریمورک کنترل جریان اجرای برنامه رو در دست داره و کد شما رو به زمان و شیوهای که تعیین کرده اجرا میکنه.
لایبرری : لایبرری به شما کنترل کامل بر جریان برنامه رو میده و خودتون تصمیم میگیرید که چه زمانی و چگونه از لایبرری استفاده کنید.
🔸 ساختار و معماری 🌀
فریمورک : فریمورکها معماری و چهارچوب مشخصی رو تحمیل میکنند و شما باید برنامهی خودتون رو مطابق با اونها تنظیم کنید.
لایبرری: لایبرریها بدون تحمیل ساختار خاص، مجموعهای از ابزارها رو در اختیار شما قرار میدهند تا به دلخواه از اونها استفاده کنید.
🔸 انعطافپذیری در توسعه 🔄
فریمورک :ممکنه فریمورکها انعطافپذیری شما رو محدود کنند چون باید از روشها و الگوهای خاص اونها پیروی بکنید.
لایبرری : لایبرریها به شما آزادی بیشتری میدن تا بتونید به روش دلخواه خودتون از اونها بهرهبرداری بکنید.
🔸 مقیاسپذیری و اندازه پروژه 📈
فریمورک : فریمورکها برای پروژههای بزرگ و پیچیده طراحی شدهاند که نیاز به ساختاردهی و مدیریت بهتر دارند.
لایبرری : لایبرریها بیشتر برای انجام وظایف خاص و مشخص به کار میرن که ممکنه نیاز به مقیاسپذیری بالا نداشته باشند.
🔸 وابستگی و تأثیرات تغییر 🔗
فریمورک : فریمورکها معمولاً بخشهای زیادی از برنامه زو به خودشون وابسته میکنند و تغییر فریمورک ممکنه نیاز به تغییرات زیادی در برنامه داشته باشه.
لایبرری : استفاده از لایبرریها معمولاً به صورت مستقل است و تغییر یا حذف آنها تأثیر زیادی بر روی سایر بخشهای برنامه ندارد.
✅ جمع بندی
اینکه از فریمورک یا لایبرری استفاده کنیم بستگی به نیاز پروژه داره
- اگر پروژهات بزرگه و نیاز به ساختار منظم و یکپارچه داری، فریمورک بهتره چون کلیات کار رو مدیریت میکنه و بهت کمک میکنه سریعتر به نتیجه برسی.
- اگر پروژهات کوچیکتره یا فقط نیاز به انجام یک وظیفه خاص رو داری، لایبرری بهتره چون بهت آزادی عمل بیشتری میده تا فقط همون کاری که میخوای رو انجام بدی.
#️⃣ #framework #libarary #vs
🆔 Channel | Group | YouTube
𝗖𝗢𝗢𝗟𝗬 𝗖𝗢𝗗𝗘 | کولی کد
●● تفاوت بین فریمورک و لایبرری ●● 🔸 کنترل و مدیریت جریان برنامه ⚡ فریمورک : فریمورک کنترل جریان اجرای برنامه رو در دست داره و کد شما رو به زمان و شیوهای که تعیین کرده اجرا میکنه. لایبرری : لایبرری به شما کنترل کامل بر جریان برنامه رو میده و خودتون…
اگه از پستامون خوشتون میاد شیر و ریاکشن یادتون نره چون بهمون انرژی میده تا روز به روز پستای بیشتر و با کیفیت تری بزاریم 🚀❤️
#XSS #dompurify
💎 معرفی لایبرری قدرتمند Dompurify 💎
لایبرری DomPurify ابزاری فوقالعاده قدرتمند برای تصفیه محتوای HTML و جلوگیری از حملات XSS هستش و باهاش میتونید محتوای ورودی کاربر رو به شکلی ایمن و تمیز پردازش کنید و تمامی عناصر مخرب رو حذف کنید.
این لایبرری با مرورگرها و محیطهای جاوااسکریپتی سازگاره و میتونید بدون نگرانی از بروز مشکلات امنیتی، از HTML داینامیک توی برنامههای خودتون استفاده کنید.🌐 مشاهده داکیومنت Dompurify
نمونه استفاده 🚀
DOMPurify.sanitize('<img src=x onerror=alert(1)//>');
// becomes <img src="x">🆔 Channel | Group | YouTube
#golden_sentence
💎 جمله طلایی امروز 💎
🔸Bad programmers worry about the code. Good programmers worry about data structures and their relationships.Linus Torvalds
برنامهنویسای ضعیف بیشتر نگران کد و چگونگی نوشتن اون هستند، در حالی که برنامهنویسای خوب تمرکز خودشون رو به روی ساختارهای دادهای و روابط بین اونها قرار میدن.
🆔 Channel | Group | YouTube
#javanoscript #geolocation
💎 گرفتن لوکیشن کاربر با جاوااسکریپت 💎
با استفاده از Geolocation API در جاوااسکریپت میتونید به سادگی موقعیت جغرافیایی کاربر رو دست بیارید و توی بخش های مختلف ازش استفاده کنید.
این API به شما اجازه میده با دریافت اجازه از کاربر، عرض و طول جغرافیایی دقیقش رو به دست بیارید.
نمونه کد 🚀
navigator.geolocation.getCurrentPosition((position) => {
console.log(`
Lat:${position.coords.latitude},
Long:${position.coords.longitude}
`);
});🌐 مثال استفاده در پروژه واقعی
🆔 Channel | Group | YouTube
𝗖𝗢𝗢𝗟𝗬 𝗖𝗢𝗗𝗘 | کولی کد
#javanoscript #geolocation 💎 گرفتن لوکیشن کاربر با جاوااسکریپت 💎 با استفاده از Geolocation API در جاوااسکریپت میتونید به سادگی موقعیت جغرافیایی کاربر رو دست بیارید و توی بخش های مختلف ازش استفاده کنید. این API به شما اجازه میده با دریافت اجازه از کاربر،…
اگر دوست داشتید با ریاکشناتون بهمون انرژی بدید 🔥❤️
رفقا یکی از اعضای گروهمون یه نکته ای گفت گفتم براتون بزارم
+ من خودم با این مسئله واقعا موافقم، البته تو بیشتر مواقع این مورد توسط افراد تازه کار صدق می کنه، به دلیل تجربه کمی که دارند ممکنه یسری جاها تمرکز و وقتشون رو بزارن روی یک سری قسمتایی که واقعا شاید اونقدر مهم نباشه، البته لازم به ذکر هستش که کیفیت کد همیشه باید خوب باشه و تا حد ممکن فیچر کامل بشه ولی در جهت رفت نیاز اون پروژه و تسکی که داره
اگر نقدی دارید در این مورد یا میخواید نکته ای اضافه کنید زیر همین پست میتونید بگید تا بقیه دوستان هم استفاده کنند
+ من خودم با این مسئله واقعا موافقم، البته تو بیشتر مواقع این مورد توسط افراد تازه کار صدق می کنه، به دلیل تجربه کمی که دارند ممکنه یسری جاها تمرکز و وقتشون رو بزارن روی یک سری قسمتایی که واقعا شاید اونقدر مهم نباشه، البته لازم به ذکر هستش که کیفیت کد همیشه باید خوب باشه و تا حد ممکن فیچر کامل بشه ولی در جهت رفت نیاز اون پروژه و تسکی که داره
مثلا یه کامپوننت image uploader جنرال قراره توسعه بدید و ۲ روز هم تایم تسکتونه، بیاید برنامه ریزی کنید براش، مثلا اگر یک روز گذشته و هنوز درگیر ظاهرشید و میبینید یسری جاها داره اذیت میکنه مشکلی نیست دقیقا اون چیزی که توی طرحه باشه، شما به یه حد خوبی برسونید ظاهرش رو و حالا اگر اون انیمیشن اپلودم براش نزدید اوکیه روز دوم وقتتونو بزارید سر منطق این کامپوننت
اگر نقدی دارید در این مورد یا میخواید نکته ای اضافه کنید زیر همین پست میتونید بگید تا بقیه دوستان هم استفاده کنند
🔸 اگر از فرآیند حوصله سر بر ساخت md یا همون Mark Down برای پروفایلتون توی گیت هاب خسته شدید از این سایت استفاده کنید
🌐 مشاهده وبسایت
🔗 مشاهده نمونه
#️⃣ #website #git
🆔 Channel | Group | YouTube
این سایت توی چند تا استپ ساده یه پروفایل جذاب و خفن برای گیت هابتون آماده میکنه 🚀
🌐 مشاهده وبسایت
🔗 مشاهده نمونه
#️⃣ #website #git
🆔 Channel | Group | YouTube
This media is not supported in your browser
VIEW IN TELEGRAM
برگه تقلب برنامه نویسی تو مشتته 😍😎
🌀 اگر داری برنامه نویسی یادمیگری یا دوسداری خیلی سریع و ساده با زبان ها و تکنولوژی های مختلف برنامه نویسی کار کنی این سایت مخصوص خودته
🌐 آدرس سایت: Quickref.me
#️⃣ #website #document
🆔 Channel | Group | YouTube
🌀 اگر داری برنامه نویسی یادمیگری یا دوسداری خیلی سریع و ساده با زبان ها و تکنولوژی های مختلف برنامه نویسی کار کنی این سایت مخصوص خودته
تقریبا اکثر زبان ها و ابزارهارو پوشش میده و خیلی ساده و سریع میتونید به مبحث دلخواهتون دسترسی پیدا کنید
🌐 آدرس سایت: Quickref.me
#️⃣ #website #document
🆔 Channel | Group | YouTube