با تو پیاده‌رو میشه هتل پنج ستاره!

- مسلک

#text


Channel • @Cafe_Of_Code

Group • @IRdeveloperchat

♾ زندگی تو مال خودته🤞✨

Channel • @Cafe_Of_Code

Group • @IRdeveloperchat

۲۳ ژوئن روز جهانی دختران مهندس مبارکه همه ی خانم هایی باشه که بلدن ریاضی و منطق رو با احساس و عاطفه همراه کنن🔥

خانوم مهندسا و اونایی که میخواین مهندس شین روزتون مبارک❤️

Channel • @Cafe_Of_Code

Group • @IRdeveloperchat

🔆مهارت هایی که مزیت محسوب میشن و یادگیری اونا میتونه چندین پله شما رو جلو بندازه ✨

💯 هر کدوم رو میتونید بعد مسلط شدن به جاوااسکریپت برید سراغش ✨

🎖 آموزش Webpack

🎖 آموزش WebSocket

🎖 آموزش GraphQL

🎖 آموزش Pwa

🎖 آموزش Canvas

#programming

Channel • @Cafe_Of_Code

Group • @IRdeveloperchat

⚡️Css Transform

⚡️ به معنایی (تغییر شکل دادن یا دگرگون کردن) که برای animation ها در css استفاده میشود برای تغییر شکل یا مکان شکل✨

سی اس اس transform مقادیری را از قبیل :-

None
Translate , TranslateY , TranslateX
Scale, scaleX , ScaleY
Skew , SkewX , SkewY

میگیرد و هر کدوم از این چهار تا یک خاصیت دارد مقدار پیشفرض transform همیشه None است.

🥇 Translate

محور y در دنیای وب برعکس دنیای ریاضی هست یعنی سمت بالای محور میشه y- و سمت پایین میشه +y اما در ریاضی فرق می‌کنه
اما محور x هیچ فرقی ندارد

خب حالا خود translate چیکار می‌کنه تغییر موقعیت شکل رو انجام میده

مثلا

.box{
 Transform: translateX(300px)
}

💥 دقت کنید که گفتم translateX 300px بمعنایی اینکه از روی محور x حرکت کنه شکل و چون قیمتی که ما دادیم مثبت هست پس می‌ره به سمت راست. و به همین صورت

و در قسمت محور y هم به همین شکل است ولی اگر قسمت منفی بدید می‌ره به سمت بالا اگر قیمت مثبت بدید می‌ره به سمت پایین

امیدوارم که فهمیده باشید❤️

خاصیت های بعدی را در پست های روزای بعد میگم


#css #html #animation #transform #translate

Channel • @Cafe_Of_Code

Group • @IRdeveloperchat

🖥  یه برنامه نویس باید نمونه کارهای خفنی داشته باشه و تو رزومه قرار بده💯

⁉️ حالا فکر کن سابقه کار نداره، نمونه کار از کجا بیاره؟

🔆  کافیه از سایت templatemonster ایده بگیره و چند نمونه کار خفن بزنه. همونا رو بذار تو رزومه؛ کار جمعِ

🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥

💎 سایت templatemonster ؛ بیش از 3 هزار قالب و تم وب خیره کننده داخلش قرار داده شده که میتونید ازشون الهام بگیرید و چند نمونه کار شاهکار بدید بیرون.

🔗 ورود به سایت :)

#programming #Site

Channel • @Cafe_Of_Code

Group • @IRdeveloperchat

نمی آید به چشمم هیچکس غیر از تو؛ این یعنی به لطف عشق تمرین میکنم یکتا پرستی را

- فاضل نظری

#text


Channel • @Cafe_Of_Code

Group • @IRdeveloperchat

⚡️یک نمونه کد امنیتی برای جلوگیری از حملات تزریق SQL (SQL injection) در زبان PHP به صورت ساده به شکل زیر است:

<?php
// اطلاعات اتصال به پایگاه داده
$servername = "localhost";
$username = "نام_کاربری";
$password = "رمز_عبور";
$dbname = "نام_پایگاه_داده";

// ایجاد اتصال
$conn = new mysqli($servername, $username, $password, $dbname);

// بررسی اتصال
if ($conn->connect_error) {
    die("Connection failed: " . $conn->connect_error);
}

// تابعی برای اعتبارسنجی و امن‌سازی ورودی‌ها
function secureInput($input) {
    global $conn;
    $input = htmlspecialchars($input);
    $input = $conn->real_escape_string($input);
    return $input;
}

// مثال استفاده از تابع برای جلوگیری از SQL injection
$userInput = secureInput($_POST['username']);
$passInput = secureInput($_POST['password']);

// استفاده از متغیرهای ایمن‌سازی شده در کوئری
$sql = "SELECT * FROM users WHERE username='$userInput' AND password='$passInput'";
$result = $conn->query($sql);

// بررسی نتیجه کوئری و ادامه کارهای مرتبط
if ($result->num_rows > 0) {
    // عملیات موفق
} else {
    // عملیات ناموفق
}

// بستن اتصال
$conn->close();
?>

این کد از تابع secureInput برای اعتبارسنجی و امن‌سازی ورودی‌ها استفاده می‌کند و از real_escape_string برای جلوگیری از تزریق SQL استفاده می‌نماید. همچنین، برای اتصال به پایگاه داده از PDO یا MySQLi به جای استفاده مستقیم از متغیرها پیشنهاد می‌شود.

#php #sql #mysql #injection #sql_injection


Channel ° @Cafe_Of_Code
Group ° @IRdeveloperchat

✨برنامه بررسی سرعت اینترنت با پایتون❤️

💥 هدف از ایجاد این برنامه، بررسی سرعت ارسال و دریافت اینترنت با پایتون است .

⚡️ در این برنامه، برای تست سرعت اینترنت از ماژول «speedtest» استفاده می‌شود .
برای نصب این بسته ، باید از دستور «pip install speedtest-cli» استفاده کرد.

import speedtest

speed= speedtest.speedtest()

download_speed=speed.downlaod()

upload_speed=speed.upload()

print( f' the download speed is{download_speed} ' )

print( f' the upload speed is{upload_speed} ' )

#programming #python

Channel ° @Cafe_Of_Code

Group ° @IRdeveloperchat

✨ مفهوم کلاژر (Closure) ✨

⚡️ کلاژر (Closure) در جاوااسکریپت یکی از مفاهیم پایه‌ای و مهم است که به شما اجازه می‌دهد تا داده‌ها را در یک تابع محصور کنید و حتی پس از اتمام اجرای تابعی که آن‌ها را ایجاد کرده، به آن داده‌ها دسترسی داشته باشید.

به عبارت دیگر، کلاژرها توابعی هستند که می‌توانند به متغیرهای تعریف شده در محدوده‌ی بیرونی خود دسترسی داشته باشند، حتی پس از آنکه تابع بیرونی اجرای خود را به پایان رسانده باشد.

💥 برای مثال:

function makeAdder(x) {
  return function(y) {
    return x + y;
  };
}

var add5 = makeAdder(5);
var add10 = makeAdder(10);

console.log(add5(2));  // نتیجه 7 خواهد بود
console.log(add10(2)); // نتیجه 12 خواهد بود

⚡️در این مثال، makeAdder یک تابع است که یک تابع دیگر را برمی‌گرداند. تابع برگشتی (که یک کلاژر است) به متغیر x که در محدوده‌ی makeAdder تعریف شده، دسترسی دارد. این امر به تابع برگشتی اجازه می‌دهد که حتی پس از اتمام اجرای makeAdder، همچنان به متغیر x دسترسی داشته باشد و بتواند با آن عملیات انجام دهد. این ویژگی کلاژرها باعث می‌شود که بتوانیم داده‌ها را در یک تابع "بسته‌بندی" کنیم و در عین حفظ امنیت و محدودیت دسترسی، آن‌ها را در دسترس نگه داریم.

#JavaScript #programming

Channel • @Cafe_Of_Code

Group • @IRdeveloperchat

چگونه متن مون رو رمز گذاری کنیم با JavaScript ❓❓

⚡️خب توی این پست می‌خوام که که بهتون بگم

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <noscript>Encryption Example</noscript>
  <link rel="stylesheet" href="styles.css">
</head>
<body>
  <div class="container">
    <h1>Encryption Example</h1>
    <textarea id="inputText" placeholder="Enter text to encrypt"></textarea>
    <button onclick="encryptText()">Encrypt</button>
    <p id="encryptedText"></p>
  </div>

  <noscript src="https://cdnjs.cloudflare.com/ajax/libs/crypto-js/4.1.1/crypto-js.min.js"></noscript>
  <noscript>
    function encryptText() {
      var key = CryptoJS.enc.Hex.parse('2b7e151628aed2a6abf7158809cf4f3c'); // تعریف کلید
      var iv = CryptoJS.enc.Hex.parse('3ad77bb40d7a3660a89ecaf32466ef97'); // تعریف بردار اولیه
      
      var plaintext = document.getElementById('inputText').value; // خواندن متن از ورودی
      
      var ciphertext = CryptoJS.AES.encrypt(plaintext, key, { iv: iv }); // رمزگذاری متن
      
      document.getElementById('encryptedText').textContent = "Encrypted Text: " + ciphertext.toString(); // نمایش متن رمزگذاری شده
    }
  </noscript>
</body>
</html>

ببنید اول یه textarea ساختیم که بیاد کاربر متنش رو بگه بعد یه باتن ساختیم با تابع encryptText.
بعد اومدیم فایل Cryptojs را با استفاده از لینک

https://cdnjs.cloudflare.com/ajax/libs/crypto-js/4.1.1/crypto-js.min.js

استفاده کردیم.

کد های JavaScriptهم که کامنت گذاری کردم

⚡️و تمام⚡️
#javanoscript

Channel ° @Cafe_Of_Code
Group ° @IRdeveloperchat

👾 ساخت آرایه در جاوا اسکریپت:

آرایه ها مجموعه ای از مقادیر هستند که مانند یک صف در یک متغیر قرار میگیرند و در آینده با صدا زدن آنها قابل دسترسی خواهند بود.

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

var name = [Value0 , Value1 , Value2 , Value3....];

فرمول بالا از ۴ قسمت تشکیل شده که در زیر هر کدام توضیح داده شده:

1️⃣ کلمه کلیدی var که اشاره به Variable دارد و در شروع مشخص می کند این مقدار قرار است ساخته شود.

2️⃣ قسمت دوم نام آرایه است که این نام به دلخواه قابل تغییر خواهد بود و در اینده برای اشاره به عناصر آرایه به کار می رود.

3️⃣ علامت = نشانگر مقداردهی در زبان های برنامه نویسی و زبان جاوا اسکریپت است.

4️⃣ در قسمت آخر مقادیر آرایه باید ذخیره شود. این مقدار ها به همه نوع داده ها قابل تنظیم است و محدودتی در آن وجود ندارد.

✅ نکته: یک آرایه می تواند بی نهایت عنصر از جنس های مختلف داشته باشد.

به این چند مثال توجه کنید:

var Names = ["Alireza", "Mohammad", "Hamid"  ]

var Prices = [1500, 2240 , 300 , 0 , "Not Available"]

برای دریافت مقادر داخل آرایه ها باید اندیس یا ایندکس ( Index ) آن ها را دانست. ایندکس ها از صفر شروع می شوند و در مثال اول Alireza دارای ایندکس صفر و Mohammad دارای ایندکس ۱ است.
برای چاپ نام Hamid باید اینگونه عمل کرد:

alert( Names[2] )


این کد نام Hamid را در یک آلرت به کاربر نمایش می دهد.

#JavaScript

Channel • @Cafe_Of_Code

Group • @IRdeveloperchat

معکوس کردن یک رشته در پایتون🔥

✨ ساده‌ترین روش برای معکوس کردن ترتیب کاراکترها در یک رشته متنی به صورت زیر است :

name = "George"
name[::-1]

#python #programming

Channel ° @Cafe_Of_Code

Group ° @IRdeveloperchat

🔥خواستم یه رهنمایی کنم تازه کار ها رو اگه تازه کارید و نیاز به مشاوره دارید تا آخر بخونید.🔥

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

شما وقتی که مثلاً مشخص کردید که چی رو دوست دارید میری از همون اشخاصی میپرسی که یچیزی می‌دونن‌ که مثلاً چه کامپیوتری بخرم یا از کدام زبان شروع کنم و اینا
به حرف همه گوش نکنید چون واقعا خیلی ها رهنمایی های میکنن که اصلا برای یک تازه کار خیلی سخته‌.
مثلا یکی میگه برای شروع وبسایت نویسی فرانت باید صد فی صد یه کامپیوتر قوی بخری مثلا باید 8GB رم و core 7 باشه.
خب این غلطه ❌برای رهنمایی آیا اون شخص توانا نایی خرید رو داره یا که نه
یا مثلاً میگه باید روزانه 5 تا 8 ساعت وقت بگذاری تا که در یک سال مثلا Html , Css JavaScript رو بفهمی😳 این هم غلطه❌

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

من وقتی که برنامه نویسی رو شروع کردم یه کامپیوتر بشدت پایین داشتم 2Gb رم داشت core 5 هم بود خوب من نمیگم تو هم برو همون رو بخر.
و من روزانه 1 تا 1.5 ساعت برای برنامه نویسی وقت میگذاشتم مدرسه هم میرفتم ولی خوب بعد از یک ماه من کلا مباحث Html , Css رو فهمیدم بعد هم یکم رفتم سمت python و JavaScript هر دو رو با هم میرفتم ولی خب اینم اشتباه من بود واقعا برام سخت بود ولی بعد از چند هفته python رو ول کردم رفتم سمت JavaScript و جاوااسکریپت رو فقط روزانه 1.5 ساعت تو سه ماه یاد گرفتم فقط JavaScript و بعد رفتم سمت PHP و python و فرم ورک و اینا
بعد از JavaScript یک سیستم 4Gb رو و core 5 و یک گیگ هم گرافیک خریدم‌.
و بعد از PHP و python هم رفتم یک سیستم 8Gb رم و core 5 خریدم و واقعا که خیلی خوب هم کار میده برای فرانت و بک. و تا الان هر سه کامپیوترم را دارم🫠

اگه که شما میخواهید وارد دنیایی وبسایت نویسی شوید یک سیستم پایه بخرید با روزانه چند ساعت وقت گذاشتن

#coputer #programming #guidance

Channel ° @Cafe_Of_Code

Group ° @IRdeveloperchat

🔥جلسه پنجم🔥

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

برای دیدن پست کلید کنید

خب توی این پست می‌خوام بهتون بگم چجوری مربع ، مثلث ، و مستطیل بسازیم خیلی راحت است

کد مربع

import pygame
import sys

# مقداردهی اولیه
pygame.init()
width, height = 800, 600
screen = pygame.display.set_mode((width, height))
pygame.display.set_caption('مربع')

# رنگ‌ها
white = (255, 255, 255)
black = (0, 0, 0)

# نقاشی روی صفحه
screen.fill(white)

#مربع
rect = pygame.Rect(300, 200, 200, 200)
pygame.draw.rect(screen, black, rect)

# نمایش صفحه
pygame.display.flip()

# حلقه اصلی برنامه
while True:
    for event in pygame.event.get():
        if event.type == pygame.QUIT:
            pygame.quit()
            sys.exit()

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

rect = pygame.Rect(300, 200, 200, 200)
pygame.draw.rect(screen, black, rect)

✨شما در ریاضی خواندید که تمام ضلع های یک مربع با هم مساوی است پس برای همه جهات یک قسمت را می‌دیم

کد مثلث:-
خب لازم نیست که بیام تمام کد را بگم فقط یک قسمت از کد را میگم که فقط بجای اندازه مربع پیست کنید

points = [(400, 100), (200, 400), (600, 400)]
pygame.draw.polygon(screen, black, points)

این سه قیمتی که دادم برای ضلع های مثلث اند

کد مستطیل :-
باز هم بجای کد اندازه مثلث این کد را بگذارید

rect = pygame.Rect(200, 150, 400, 200)
pygame.draw.rect(screen, black, rect)

ببنید چهار قیمت دادم که تمام جهات مستطیل را رسم میکنیم

🔥تمام🔥

اگه کدام مشکلی داشتید کامنت ها بگید

#جلسه_پنجم_پایگیم #پایگیم #پایتون
#python #part_5_pygame #pygame

channel ° @Cafe_Of_Code
Group ° @IRdeveloperchat

👾 چطور رایانه ها مک آدرس ما را می دانند؟
💥به طور معمول رایانه ها از مک آدرس گیرنده با خبر نیستند و طی یک پیام همگانی از تمام رایانه های داخل شبکه می پرسند که چه کسی فلان مک آدرس را دارد؟ به من بگوید

نام این نوع پکت ها ARP است
کلمه ARP مخفف عبارت Address Resolution Protocol است و وظیفه یافتن مک آدرس و آیپی مقصد را به عهده دارد.

آرپ بعد از پیدا کردن مک آدرس مقصد آن را در یک فضا مانند کش ذخیره می کند تا در آینده نیاز به دریافت مجدد آنها نداشته باشد برای مشاهده این فضای کش از دستور زیر استفاده کنید:

arp -a

این دستور خروجی مانند زیر به شما خواهد داد:

? (10.0.0.1) at 90:e2:fc:02:03:90 [ether] on wlan0

همانطور که مشخص است این پیام به ما می گوید 10.0.0.1 مک آدرس 90:e2:fc:02:03:90 را دارد و از طریق اینترفیس wlan0 قابل دسترسی است.

همانطور که می بینید این یک آیپی ورژن ۴ است. آیپی ها دو دسته ورژن ۴ و ورژن ۶ هستند که ورژن ۶ چندان محبوب نیست.

✳️ IPv4 : 10.0.0.1
✳️ IPv6 : 2001:db8:3333:4444:CCCC:DDDD:EEEE:FFFF

⚡️ تصویر بالا نمونه ای اژ پکت ارپ است که توسط وایرشارک کپچر شده.

#Network

channel ° @Cafe_Of_Code

GoodNight✨️
.
.
Recommended: 1:10

#Music


Channel • @Cafe_Of_Code

Group • @IRdeveloperchat

✨ شی گرایی در جاوا اسکریپت به چه معنا است؟

«برنامه نویسی شی‌گرا» (Object Oriented Programming Principles) نوعی الگو و شیوه تفکر است و به صورت کلی به معنای پرداختن به کدنویسی از جزء به کل است .

🙃 این یعنی برنامه ابتدا با استفاده از واحدهای کوچک ایجاد می‌شود و سپس این واحدهای کوچک با یکدیگر پیوند می‌خورند و برنامه اصلی و بزرگ‌تر را تشکیل می‌دهند. در برنامه نویسی شی گرا دو مفهوم اساسی «کلاس» (Class) و «شی» (Object) مدنظر هستند.

شی‌گرایی در جاوا اسکریپت و در سایر زبان‌های برنامه نویسی موجب ساده‌تر شدن فرآیند کدنویسی می‌شود .
مفاهیم شی گرایی به دنیای واقع نزدیک است

#programming #JavaScript

Channel • @Cafe_Of_Code

Group • @IRdeveloperchat