NEW BOT Телеграм, страница

کافه برنامه نویسان | 𝗣𝗿𝗼𝗴𝗿𝗮𝗺𝗲𝗿s 𝗖𝗮𝗳𝗲

🔥Css Transform Scale 🔥

⚡️در CSS، Transform این امکان را فراهم می‌کند که عناصر HTML را تغییر اندازه دهیم. برای این کار می‌توان از پراپرتی transform: scale() استفاده کرد. این پراپرتی اندازه اولیه عنصر را تغییر داده و آن را بزرگتر یا کوچکتر می‌کند.

استفاده از scale():
- برای تغییر همه ابعاد از scale() استفاده می‌شود. برای مثال transform: scale(2); عرض، ارتفاع و عمق عنصر را دو برابر می‌کند.
- برای تغییر اندازه در جهت افقی یا عمودی می‌توان از scaleX() و scaleY() استفاده کرد. به عنوان مثال transform: scaleX(2); اندازه عرض عنصر را دو برابر می‌کند و transform: scaleY(0.5); ارتفاع عنصر را به نصف کاهش می‌دهد.

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<noscript>Scale Example</noscript>
<style>
    .scaled {
        width: 100px;
        height: 100px;
        background-color: lightblue;
        transform-origin: 50% 50%;
    }

    .scaled:hover {
        transform: scale(1.5); /* تغییر همه ابعاد */
    }

    .scale-x {
        transform: scaleX(2); /* افزایش عرض دو برابر */
    }

    .scale-y {
        transform: scaleY(0.5); /* کاهش ارتفاع به نصف */
    }

</style>
</head>
<body>

<div class="scaled">Hover to scale</div>
<div class="scaled scale-x">ScaleX</div>
<div class="scaled scale-y">ScaleY</div>

</body>
</html>

در این مثال، با هاور کردن روی عنصر اول (.scaled)، اندازه آن با ضریب 1.5 افزایش می‌یابد. عناصر دوم و سوم نیز با استفاده از کلاس‌های scale-x و scale-y به ترتیب عرض و ارتفاع را تغییر می‌دهند.
#css #transform #scale

#Ah_sear

Channel° @Cafe_Of_Code
Group° @Irdeveloperchat

❤8

499 viewsAnonymous, 13:30

کافه برنامه نویسان | 𝗣𝗿𝗼𝗴𝗿𝗮𝗺𝗲𝗿s 𝗖𝗮𝗳𝗲

👾 کنترل تگ های HTML با جاوا اسکریپت:

برای ساخت صفحات پویا یا Dynamic باید از زبان های فرانت اند مانند جاوا اسکریپت استفاده کنید. صفحات پویا صفحاتی هستند که محتوای آن ها با انتخاب های کاربر نغییر می کند.

به عنوان مثال ما می خواهیم صفحه ای بسازیم که به کاربر سلام کند؛‌ برای این کار باید یک ورودی نام برای کاربر بسازیم.

<input type="text" placeholder="Name" name="text" class="input" , id="userName">

در اینجا ما یک ورودی با آیدی userName ساختیم که کاربر نام خود را وارد می کند.

سپس باید مقدار دریافت شده را با Hello جمع کنیم و در یک تگ دیگر نمایش دهیم.
برای اینکار ابتدا یک تگ نتیجه (‌ Result ) میسازیم و به آن آیدی lblResult را اختصاص می دهیم.

<h2 id="lblResult"></h2>

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

 function sayHello()

{
    var result = document.getElementById("lblResult");
    var userName = document.getElementById("userName").value;
    return "Hello" + userName + ", Welcome.";
}

حالا باید دکمه نمایش نتیجه را بسازیم و به آن یک رویداد (‌ Event ) اختصاص بدهیم تا هنگامی که کاربر کلیک کرد نتیجه در تگ lblResult نمایش داده شود.

 <button type="button" onclick="sayHello()">Say Hello</button>

اکنون این صفحه آماده است. کاربر پس از وارد کردن نام خود شاهد پیام زیر خواهد بود:

Hello name , Welcome.

برای دریافت سورس به قسمت کامنت های پست سر بزنید.

#JavaScript

Channel • @Cafe_Of_Code

Group • @IRdeveloperchat

🔥7

689 viewsAlireza Hasanzadeh, 16:30

کافه برنامه نویسان | 𝗣𝗿𝗼𝗴𝗿𝗮𝗺𝗲𝗿s 𝗖𝗮𝗳𝗲

🔴امروز 1 July ، روز جهانی جوک گفتن .

+شمام تو کامنتا جوک بگید

❤5😍2💔1

581 viewsAli, 17:59

کافه برنامه نویسان | 𝗣𝗿𝗼𝗴𝗿𝗮𝗺𝗲𝗿s 𝗖𝗮𝗳𝗲

Miam Pishet Dadash

EpiCure

GoodNight✨️

#Music

Channel • @Cafe_Of_Code

Group • @IRdeveloperchat

❤5

611 views!ᴇʀғᴀɴ⁰¹, edited 20:25

کافه برنامه نویسان | 𝗣𝗿𝗼𝗴𝗿𝗮𝗺𝗲𝗿s 𝗖𝗮𝗳𝗲

مفهموم 24/ در آدرس IP چیست؟

Anonymous Quiz

20%

تعداد IP رزرو شده

25%

حداکثر تعداد IP قابل استفاده

52%

تعداد بیت‌های استفاده شده در SubnetValue

استفاده از کلاس B

👨‍💻6

100 voters543 views!ᴇʀғᴀɴ, 16:13

کافه برنامه نویسان | 𝗣𝗿𝗼𝗴𝗿𝗮𝗺𝗲𝗿s 𝗖𝗮𝗳𝗲

💠هاب چیست؟

- هاب به وسیله ای در شبکه گفته می شود که برای متصل کردن چند گره ( Node ) یا رایانه به هم استفاده می شود.

- هاب ها دیگر در شبکه های امروزی استفاده نمی شوند چرا که معایب زیادی از نظر امنیتی و از نظر پرفورمنس داشتند.

🔰هاب ها هنگامی که یک پکت به آنها می رسد، آن پکت را به تمام رایانه های متصل به خود ارسال می کند و رایانه مقصد آن پکت را دریافت می کند و سایر دستگاه ها آن را Drop می کنند.

● این موضوع مشکلات زیادی را به وجود می آورد. مثلا اگر پکت را کامپیوتر A برای کامپیوتر D ارسال کند، این پکت را کامپیوتر های B و C نیز می بینند که این موضوع از نظر امنیتی بسیار بد است همچنین ترافیک بسیار زیادی هم ایجاد می کند.

● این موضوع می تواند تصادف پکت ها را هم ایجاد کند، فرض کنید کامپیوتر A و B هم زمان یک پکت را ارسال کنند، این موضوع باعث می شود تا بین پکت ها Collision ایجاد شود و از بین بروند.

🔺️نکته: سرعت هاب ها بین ۱۰ مگابیت تا ۱۰۰ مگابیت خواهد بود و این مقدار به ندرت به بالاترین حد خود می رسد.

پست های مرتبط روز های آینده

#Network

Channel • @Cafe_Of_Code

Group • @IRdeveloperchat

❤5👨‍💻3

592 views!ᴇʀғᴀɴ, edited 17:02

کافه برنامه نویسان | 𝗣𝗿𝗼𝗴𝗿𝗮𝗺𝗲𝗿s 𝗖𝗮𝗳𝗲

امروز ۱۳ تیرماه ، روز ملی دماونده.❤️‍🔥

🔥7❤2

434 viewsAli, 10:02

کافه برنامه نویسان | 𝗣𝗿𝗼𝗴𝗿𝗮𝗺𝗲𝗿s 𝗖𝗮𝗳𝗲

👾 سوییچ ها و مقایسه آن ها با هاب :

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

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

این جدول شماره پورت و مک آدرس متصل به آن را ذخیره دارد ،
به این مثال توجه کنید:

            MAC                  |                 Port Number
 10:bf:48:82:c9:4e       |                          1
 7c:dd:90:57:9d:dc      |                          2

اما شاید پکتی ارسال شود که سوییچ نداند مقصد کجاست، آن موقع تکلیف چیست؟
در این موارد سوییچ پکت را بین تمام نود های شبکه پخش می کند ( Broadcast ).

💥مثلا به پکت زیر نگاه کنید :

Source Address (MAC) => 10:bf:48:82:c9:4e 
Destination Address (MAC) => 7c:dd:90:57:9d:dc

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

Source Address (MAC) => 10:bf:48:82:c9:4e 
Destination Address (MAC) => FF:FF:FF:FF:FF:FF

البته راه هایی برای شنود اینگونه شبکه ها وجود دارد، مثلا هکر خود را به جای DHCP جا می زند یا آنقدر درخواست با MAC ادرس های مختلف می فرستد تا جدول پر شود، در این هنگام سوییچ مانند هاب عمل می کند و پکت را به همه می فرستد.

👨‍💻 مزایا Switch نسبت به Hub :

✅ سرعت بالا تر ( تا ۱۰ گیگابیت بر ثانیه )

✅ ترافیک کمتر نسبت به هاب

✅ کالیژن (‌ Collision ) کمتر

#Network

Channel • @Cafe_Of_Code

Group • @IRdeveloperchat

❤4👨‍💻3

509 viewsArshya, 10:30

کافه برنامه نویسان | 𝗣𝗿𝗼𝗴𝗿𝗮𝗺𝗲𝗿s 𝗖𝗮𝗳𝗲

🔥Css Transform Skew 🔥

⚡️قابلیت skew, skewX و skewY در CSS Transform امکان انحراف یک عنصر را در محور X یا Y فراهم می‌کند. این خاصیت‌ها به شما امکان می‌دهند تا یک عنصر را به صورت ناسازگار به سمت راست یا چپ (skewX یا skewY) یا به صورت مورب (skew) دور بزنید.

استفاده از این خاصیت‌ها به صورت زیر است:

استفاده از skew :

.element {
  transform: skew(30deg, 20deg);
}

در این مثال ،
عنصر .element با ۳۰ درجه به سمت راست و با ۲۰ درجه به سمت پایین مورب می‌شود.

استفاده از skewX :

.element {
  transform: skewX(30deg);
}

در این مثال، عنصر ، element ۳۰ درجه به سمت راست مورب می‌شود.

و استفاده از skewY:

.element {
  transform: skewY(20deg);
}

در این مثال، عنصر ، element ۲۰ درجه به سمت پایین مورب می‌شود.

#css #transform #skew

#Ah_sear

Channel ° @Cafe_Of_Code
Group ° @Irdeveloperchat

❤9

590 viewsAnonymous, 13:30

کافه برنامه نویسان | 𝗣𝗿𝗼𝗴𝗿𝗮𝗺𝗲𝗿s 𝗖𝗮𝗳𝗲

0:13

This media is not supported in your browser

VIEW IN TELEGRAM

✅ AJAX Call:

هنگامی که ما از XMLHttpRequest به جای Promise ها در تسک های asynchronous استفاده می کنیم، یک سری توابع بازگشتی ایجاد می کند که به آن callback hell می گویند.

✨ این نه تنها خواندن کد را سخت‌تر می‌کند و قابلیت نگهداری کمتری دارد، بلکه هندل کردن خطاها را برای ما سخت‌تر می‌کند🛠️

#javanoscript #frontend

Channel ° @Cafe_Of_Code

Group ° @IRdeveloperchat

❤5🔥2

625 viewsArshya, 16:30

کافه برنامه نویسان | 𝗣𝗿𝗼𝗴𝗿𝗮𝗺𝗲𝗿s 𝗖𝗮𝗳𝗲

👾 سابنت یا زیر شبکه چیست؟

رایانه ها برای ارسال پکت به یکدیگر نیاز دارند تا دقیقا در یک شبکه باشند ،
اما سوال این است چگونه مشخص می شود در یک شبکه اند؟

سابنت هادر آیپی ها و پکت ها وجود دارند تا تایید کنند دو رایانه در یک شبکه هستند و امکان ارسال پیام به شبکه های دیگر را ندارند.

💥 سابنت ها ساختاری شبیه به این دارند :

⚡️ 255.255.255.0

فرض کنید
کارفرما از شما می خواهد رایانه های طبقه اول را از رایانه های طبقه دوم جدا کنید، برای این کار شما به سابنت ها نیاز دارید.

سابنت ها در ساختار باینری بهتر قابل درک خواهند بود؛ اما این مورد با متن قابل توضیح نیست. به زودی یک ویدیو جهت توضیح مبحث سابنت ها خواهم ساخت.

این توضیحات برای تئوری می تواند کافی باشد. به زودی به صورت عملی با آن آشنا خواهیم شد.

#Network

Channel • @Cafe_Of_Code

Group • @IRdeveloperchat

❤5

542 viewsAli, 10:30

کافه برنامه نویسان | 𝗣𝗿𝗼𝗴𝗿𝗮𝗺𝗲𝗿s 𝗖𝗮𝗳𝗲

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

Anonymous Poll

Other تو کامنت ها بگید

❤6

136 voters483 viewsAnonymous, 13:30

کافه برنامه نویسان | 𝗣𝗿𝗼𝗴𝗿𝗮𝗺𝗲𝗿s 𝗖𝗮𝗳𝗲

☄️ فرق cookie و session

👈 کوکی‌ها و نشست‌ها دو مفهوم خیلی مهم در توسعه وب هستند که برای مدیریت اطلاعات کاربر در زمان تعامل با وب‌سایت‌ها استفاده میشه

اگر یه توضیح خلاصه وار بخوام بدم :

کوکی‌ها داده‌ ها رو سمت کاربر ذخیره می‌کنه، در حالی که نشست‌ها داده‌ها را در سمت سرور ذخیره می‌کنه.

#frontend #backend

Channel ° @Cafe_Of_Code

Group ° @IRdeveloperchat

❤4😍2

652 viewsAli, 16:31

کافه برنامه نویسان | 𝗣𝗿𝗼𝗴𝗿𝗮𝗺𝗲𝗿s 𝗖𝗮𝗳𝗲

Taghdir

Shadmehr Aghili

GoodNight✨️

#Music

Channel • @Cafe_Of_Code

Group • @IRdeveloperchat

❤5

686 views!ᴇʀғᴀɴ, 17:30

کافه برنامه نویسان | 𝗣𝗿𝗼𝗴𝗿𝗮𝗺𝗲𝗿s 𝗖𝗮𝗳𝗲

کدام گزینه مثالی از Firewall نیست؟

Anonymous Quiz

در ورود و خروج ساختمان

123 voters601 views!ᴇʀғᴀɴ, 09:30

کافه برنامه نویسان | 𝗣𝗿𝗼𝗴𝗿𝗮𝗺𝗲𝗿s 𝗖𝗮𝗳𝗲

You Dont Know JS - CodeExplore.pdf

5.4 MB

🔆 به دوستانی که به سطح خوبی توی جاوااسکریپت رسیدن حتما پیشنهاد میکنم کتاب زیر رو بخونید 👇

📚 نام کتاب : You Dont Know Js
📝 نویسنده: Kyle Simpson

✅ داستان نوشتن این کتاب برای این شخص از جایی شروع شد که تو یکی از بزرگترین مصاحبه هاش توی یک شرکت تاپ ردش کردن به این دلیل :

« شما به اندازه کافی جاوااسکریپت را نمیدانید »

⚠️ به مبتدی ها توصیه نمیکنم برای خوندنش چون درک مطالبش نیاز به دید نسبتا خوبی از js داره.

#frontend #javanoscript

Channel ° @Cafe_Of_Code

Group ° @IRdeveloperchat

❤6

1.04K viewsArshya, edited 15:20

کافه برنامه نویسان | 𝗣𝗿𝗼𝗴𝗿𝗮𝗺𝗲𝗿s 𝗖𝗮𝗳𝗲

امروز روز جهانی بوس هست،
تبریک میگم به مردم ایران که جلیلی رو بوسیدن گذاشتن کنار😁

#Fun #News

🤣11❤3💔2

598 viewsAli, edited 12:04

کافه برنامه نویسان | 𝗣𝗿𝗼𝗴𝗿𝗮𝗺𝗲𝗿s 𝗖𝗮𝗳𝗲

بخشی در CPU برای تحلیل و اجرای دستورات و انجام عملیات ریاضی و منطقی

Anonymous Quiz

👨‍💻6

136 voters527 views!ᴇʀғᴀɴ, 12:31

کافه برنامه نویسان | 𝗣𝗿𝗼𝗴𝗿𝗮𝗺𝗲𝗿s 𝗖𝗮𝗳𝗲

🔥جلسه ششم پایگیم🔥

ما در جلسه قبلی فهمیدیم که چگونه مثلث ، مربع و مستطیل بسازیم

⚡️در این جلسه میخواهم بهتون بگم چجوری یک عنصر یا یک شی رو در حرکت قرار دهیم

import pygame
import sys

pygame.init()

width = 800
height = 600
window = pygame.display.set_mode((width, height))
pygame.display.set_caption("مربع حرکت از سمت راست به چپ و از چپ به راست")

black = (0, 0, 0)
white = (255, 255, 255)

x = width - 50
y = height // 2 - 25

clock = pygame.time.Clock()

while True:
    for event in pygame.event.get():
        if event.type == pygame.QUIT:
            pygame.quit()
            sys.exit()

    window.fill(black)
    pygame.draw.rect(window, white, (x, y, 50, 50))


    if x >= 0:
        x -= 5
    else:
        x = width - 50

    pygame.display.update()
    clock.tick(30)

🏅 طبق همیشه اول کتابخانه رو امپورت میکنیم بعد اندازه صفحه و رنگ صفحه را مشخص میکنیم
🏅 بعداً هم میایم اندازه مربع رو میگیم
🏅 نکته مهم اینجاست

if x >= 0:
        x -= 5
    else:
        x = width - 50

🏅 ما در این قسمت مربع را از سمت راست به چپ و برعکس به حرکت در می‌آوریم

clock.tick(30)

در این قسمت هم ما ساعت رو مشخص میکنیم برای حرکت مربع

🏅 کد بالا رفتن و پایین اومدن مربع و برعکس
لازم نیست که بیام کل کد رو بگم فقط یک قسمتش رو میگم

if y <= height - 50:
        y += 5
    else:
        y = 0

فقط کافیه این کد را در لاین آخر به جای حرکت سمت چپ به راست پیست کنید

و میتونید اندازه ها رو تغییر دهید

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

#جلسه_ششم_پایگیم #پایتون #پایگیم

#part_6_pygame #pygame #python

Channel ° @Cafe_Of_Code
Group ° @Irdeveloperchat

❤9

653 viewsAnonymous, 13:34

کافه برنامه نویسان | 𝗣𝗿𝗼𝗴𝗿𝗮𝗺𝗲𝗿s 𝗖𝗮𝗳𝗲

👾 تعریف متغیر در زبان PHP:

برای تعریف متغیر در زبان PHP تنها نیاز است تا نام متغیر خود را در نظر بگیرید و پشت آن یک علامت $ اضافه کنید.
در زبان PHP پیچیدگی های تعریف Data Type دیگر مشاهده نمی شود.

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

⚡️ $name = value ⚡️

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

1️⃣ علامت $ نماد متغیر در زبان PHP است و هنگام تعریف و هنگام فراخوانی باید استفاده شود .

2️⃣ نام متغیر بعد از علامت $ می آید و در آینده با این نام متغیر قابل فرا خوانی خواهد بود .

3️⃣ علامت = نماد مقدار دهی در اکثر زبان ها و زبان PHP است .

4️⃣ در قسمت آخر شما می بایست مقدار متغیر خود را قرار بدهید. در آینده بعد از فرا خوانی متغیر این مقدار برگردانده می شود .

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

✨ $name = "Alireza";
✨ $age = 15;

برای فراخوانی متغیر ها نیز باید نام آن هارا با $ صدا زد.

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

echo $name;

برای تعریف متغیر های ثابت باید از روش زیر استفاده کرد :

define("name" , "value");

✅ نکته : متغیر های ثابت فقط یکبار مقدار دهی می شوند و در آینده فقط فراخوانی می شوند و امکان مقدار دهی مجدد ندارند.

1️⃣ تابع define برای تعریف متغیر ثابت استفاده می شود.

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

3️⃣ در ورودی دوم باید مقدار متغیر را در قالب دلخواه خود ارسال کنیم .

به این مثال دقت کنید :

define("loggedIn" , true)

#PHP

Channel • @Cafe_Of_Code

Group • @IRdeveloperchat

❤8

627 viewsArshya, 16:30

کافه برنامه نویسان | 𝗣𝗿𝗼𝗴𝗿𝗮𝗺𝗲𝗿s 𝗖𝗮𝗳𝗲

ما از شدت مهربونیامون دل آدمای دورمون و میزنیم
نه از شدت بدیامون؛

#text

Channel • @Cafe_Of_Code

Group • @IRdeveloperchat

❤12

567 views!ᴇʀғᴀɴ, edited 18:32

About

Blog

Apps

Platform