𝗖𝗢𝗢𝗟𝗬 𝗖𝗢𝗗𝗘 | کولی کد – Telegram
𝗖𝗢𝗢𝗟𝗬 𝗖𝗢𝗗𝗘 | کولی کد
6 subscribers
225 photos
77 videos
6 files
354 links
Download Telegram
#golden_sentence

جمله امروز یکم متفاوته ببینم کیا نکته رو میگیرن 😁

There are 10 types of people in this world, those who understand binary and those who don’t.
در این دنیا 10 نوع آدم وجود داره، کسانی که سیستم باینری رو می‌فهمند و کسانی که نمی‌فهمند.
Anonymous

🆔 Channel | Group | YouTube
This media is not supported in your browser
VIEW IN TELEGRAM
وقتی تازه html و css یادگرفتی 🆚 وقتی با جاوااسکریپت آشنا میشی

- چقد حق ؟؟؟ 🤣
#️⃣ #fun
🆔 Channel | Group | YouTube
This media is not supported in your browser
VIEW IN TELEGRAM
- داشتم ویدیو جدید رو ضبط میکردم که یهویی دیدم یکی از عزیزان حاضر در صحنه شروع کرد به خوندن :)

بعدش که قیافمو دیدم ترکیدم گفتم شماهم ببینید 🤣🤣🤣


🆔 Channel | Group | YouTube
𝗖𝗢𝗢𝗟𝗬 𝗖𝗢𝗗𝗘 | کولی کد
- داشتم ویدیو جدید رو ضبط میکردم که یهویی دیدم یکی از عزیزان حاضر در صحنه شروع کرد به خوندن :) بعدش که قیافمو دیدم ترکیدم گفتم شماهم ببینید 🤣🤣🤣 🆔 Channel | Group | YouTube
البته مهم اینه کار دراومد
🔸 توی ویدیو جدید بهتون یاد دادم چطوری میتونید رو دینو یا همون بازی دایناسوری که گوگل وقتی آفلاینی بهتون نشون میده چیت بزنید و یه جورایی مینی هکش کنید 😎🔥
🌐 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


زیر این پست بنویسید اگر تکنولوژی و دیوایس های هوشمند نباشن چه اتفاقاتی براتون می‌افته... ⁉️😁

گوشی موبایل، لپ‌تاپ، تبلت و ... هم حساب میشن

هر چیز سمی که به ذهنتون میرسه بگید 😂
میدونید آبجکت window توی جاوااسکریپت چیه و چیکار می‌کنه ؟
#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
میدونید فرق بین Framework و Libarary چیه ؟
تفاوت بین فریم‌ورک و لایبرری

🔸 کنترل و مدیریت جریان برنامه
فریم‌ورک : فریم‌ورک کنترل جریان اجرای برنامه رو در دست داره و کد شما رو به زمان و شیوه‌ای که تعیین کرده اجرا می‌کنه.

لایبرری : لایبرری به شما کنترل کامل بر جریان برنامه رو می‌ده و خودتون تصمیم می‌گیرید که چه زمانی و چگونه از لایبرری استفاده کنید.


🔸 ساختار و معماری 🌀
فریم‌ورک : فریم‌ورک‌ها معماری و چهارچوب مشخصی رو تحمیل می‌کنند و شما باید برنامه‌ی خودتون رو مطابق با اونها تنظیم کنید.

لایبرری: لایبرری‌ها بدون تحمیل ساختار خاص، مجموعه‌ای از ابزارها رو در اختیار شما قرار می‌دهند تا به دلخواه از اونها استفاده کنید.


🔸 انعطاف‌پذیری در توسعه  🔄
فریم‌ورک :ممکنه فریم‌ورک‌‌ها انعطاف‌پذیری شما رو محدود کنند چون باید از روش‌ها و الگوهای خاص اونها پیروی بکنید.

لایبرری : لایبرری‌ها به شما آزادی بیشتری می‌دن تا بتونید به روش دلخواه خودتون از اونها بهره‌برداری بکنید.


🔸 مقیاس‌پذیری و اندازه پروژه 📈
فریم‌ورک : فریم‌ورک‌ها برای پروژه‌های بزرگ و پیچیده طراحی شده‌اند که نیاز به ساختاردهی و مدیریت بهتر دارند.

لایبرری : لایبرری‌ها بیشتر برای انجام وظایف خاص و مشخص به کار می‌رن که ممکنه نیاز به مقیاس‌پذیری بالا نداشته باشند.


🔸 وابستگی و تأثیرات تغییر 🔗
فریم‌ورک : فریم‌ورک‌ها معمولاً بخش‌های زیادی از برنامه زو به خودشون وابسته می‌کنند و تغییر فریم‌ورک ممکنه نیاز به تغییرات زیادی در برنامه داشته باشه.

لایبرری : استفاده از لایبرری‌ها معمولاً به صورت مستقل است و تغییر یا حذف آنها تأثیر زیادی بر روی سایر بخش‌های برنامه ندارد.


جمع بندی
اینکه از فریم‌ورک یا لایبرری استفاده کنیم بستگی به نیاز پروژه‌ داره

- اگر پروژه‌ات بزرگه و نیاز به ساختار منظم و یکپارچه داری، فریم‌ورک بهتره چون کلیات کار رو مدیریت می‌کنه و بهت کمک می‌کنه سریع‌تر به نتیجه برسی.

- اگر پروژه‌ات کوچیک‌تره یا فقط نیاز به انجام یک وظیفه خاص رو داری، لایبرری بهتره چون بهت آزادی عمل بیشتری می‌ده تا فقط همون کاری که می‌خوای رو انجام بدی.


#️⃣ #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