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

Відкрити в Telegram

👈 اینجا جایی است که یاد می‌گیریم و ایده‌هایمان را به واقعیت تبدیل می‌کنیم و در نهایت با هم رشد می‌کنیم✨ 💬 Group : @IRdeveloperchat تبادل / تبلیغات : @ProgramersCafeSup 🫴 ♂️ مالک : @Ali_Rohany ♂️

Іран63 510 Технології та додатки26 469

2 787

Підписники

+924 години

+347 днів

+9530 день

655

Перегляди допису

~ 28424 години

~ 35248 годин

23.52%

Коефіцієнт залучення

~ 1

Дописів на день

Ads index

beta

Архів дописів

2 787

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

Anonymous voting

2 787

GoodNight😔 . . #Music Channel • @Cafe_Of_Code Group • @IRdeveloperchat

2 787

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

2 787

👾 کنترل تگ های 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

2 787

🔥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">
<title>Scale Example</title>
<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

2 787

Repost from هشتگ‌ تبلیغ تخصصی

🚨 می‌دونی کی به وب‌سایت‌ها رنگ و لعاب می‌ده؟ 🟢 این کار، کار برنامه‌نویس فرانت-انده که رویای یک سایت زیبا رو به واقعیت تبدیل کنه. ⚛️ برنامه‌نویس فرانت-اند با استفاده از HTML، CSS، Javascript، React JS و دیگر ابزارهایی که در اختیار داره، باعث می‌شه تا کاربر تجربه به‌یادموندنی از سایت داشته باشه. ⭐ اگر به این بازار کار علاقه‌مند هستی، این فرصت رو از دست نده👇 دانشکار داره یه بوت‌کمپ استخدامی برنامه‌نویسی فرانت-اند برگزار می‌کنه با: 🔸 ۱۹۰ ساعت آموزش پروژه‌-محور 🔸 ۹ استاد حرفه‌ای از شرکت‌های خوب 🔸 منتور حرفه‌ای اختصاصی 🔸 مدرک معتبر و کمک به استخدام ⌛ اگر قصد ورود به بازار کار برنامه‌نویسی فرانت داری، الان بهترین فرصته چون: 🔔 بوت‌کمپ فرانت دانشکار ۲۵٪ تخفیف ثبت‌نام زودهنگام داره. 🔗 برای دریافت مشاوره رایگان و ثبت‌نام روی لینک زیر کلیک کن: ➡️ httb.ir/gaN8c 📩 یا به آیدی پایین پیام بده: 💬 @daneshkar_support

2 787

✅ اگه دارید برنامه نویسی فرانت اند میخونید حتما این دوتا مقاله رو راجب به امنیت سمت کلاینت بخونید که همینجوری پناه بر خدایی نتایج api رو وسط کد نزارید👇 https://systemweakness.com/securing-the-frontend-a-practical-guide-for-developers-fd3b52029b6e https://medium.com/readytowork-org/frontend-security-best-practices-safeguarding-our-web-applications-5449de2800e1 #javascript #frontend #security Channel ° @Cafe_Of_Code Group ° @IRdeveloperchat

2 787

👾 دریافت آدرس آیپی اینترفیس در لینوکس: برای دریافت آدرس آیپی اینترفیس در لینوکس، میتوان از دو دستور ifconfig و ip استفاده کرد. برای اینکار لازم است تا شما به یک شبکه متصل باشید و پس از آن دستور زیر را در محیط ترمینال لینوکس خود وارد کنید: ✳️ ifconfig ✳️ ip a s بین دو دستور بالا تفاوت زیادی وجود ندارد اما در اکثر موارد دستور ifconfig نیاز به نصب به صورت دستی دارد و دستور ip به طور معمول در دیوایس های لینوکسی نصب است. پس از وارد کردن دستور ifconfig با خروجی تقریبا طولانی مواجه می شوید که مشخصات تمام اینترفیس های سیستم شما را نشان می دهد. نام اینترفیسی که با آن به شبکه متصل شده اید را پیدا کنید و سپس جهت مشاهده اطلاعات آن نام آن را در انتها دستور قرار بدهید. به این دستورات توجه کنید: ✳️ ifconfig wlan0 ✳️ ip a s wlan0 در دو دستور بالا ما از اینترفیس وایرلس استفاده کردیم که نام آن در اغلب توزیع ها wlan0 می باشد و نام اینترفیس متصل به کابل هم معمولا enp3s0 یا eth0 است. در زیر نمونه خروجی را از دو دستور بالا می بینیم. در خروجی های پایین آیپی بعد از کلمه inet نمایش داده شده است. #Network @Cafe_Of_Code

2 787

#This_is_javascript 🗿😁 🔆 اولویت اجرا شدن کد ها تو js در پشت صحنه و callstack اینجوریه که: ✅ اول کد های اسکوپ گلوبال اجرا میشن. ✅ بعد microtask queue که به عنوان مثال promise ها و داده هایی که fetch میشن در اون قرار میگیرن. ✅ و در نهایت callback queue که میشه به setTimeout اشاره کرد. #javascript #frontend Channel ° @Cafe_Of_Code Group ° @IRdeveloperchat

2 787

ساخت گیم ساده با pygame #python #pygame #Ah_sear Channel ° @Cafe_Of_Code Group ° @IRdeveloperchat

2 787

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

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

#programming #JavaScript Channel • @Cafe_Of_Code Group • @IRdeveloperchat

2 787

GoodNight✨️ . . Recommended: 1:10 #Music Channel • @Cafe_Of_Code Group • @IRdeveloperchat

2 787

👾 چطور رایانه ها مک آدرس ما را می دانند؟ به طور معمول رایانه ها از مک آدرس گیرنده با خبر نیستند و طی یک پیام همگانی از تمام رایانه های داخل شبکه می پرسند که چه کسی فلان مک آدرس را دارد؟ به من بگوید. نام این نوع پکت ها 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

2 787

Repost from N/a

بهترین کانال های برنامه نویسی 👩‍💻 https://t.me/addlist/o0vXuFHF1hdkNTE0

2 787

GoodNight✨️ . . Recommended: 1:10 #Music Channel • @Cafe_Of_Code Group • @IRdeveloperchat

2 787

📱 اگر دوره آموزشی رایگان فلاتر به صورت انلاین برگذار شود، در این دوره شرکت میکنم و ترجیح میدهم در پلتفرم .......... برگذار شود. « پلتفرم هایی که با پرچم ایران 🇮🇷 مشخص شده اند داخلی هستند و مصرف اینترنت نیم بها دارند »

Anonymous voting

2 787

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

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

2 787

Repost from هشتگ‌ تبلیغ تخصصی

🔥 بالاخره نوبت تابستون شد🏝 💯 اگه دنبال یه فکر بکر و یه ماجراجویی حسابی برای تابستون 1403 هستی، خوبه که بدونی مکتب شریف، بساطش رو برات مهیا کرده⛵️ 🎯 کافیه همین امروز یه سر به وب‌سایت مکتب بزنی تا ببینی حرفه‌ای‌ها، تابستونشون رو چجوری میگذرونن!🎯 🏐 پیش ‌ثبت‌نام و آزمون استعدادسنجی ➡️ 👨‍💻 و یا برای کسب اطلاعات بیشتر کافیه به آی‌دی ما پیام بدی! 🆔 @MaktabSharif_Admin ▪️▫️▪️▫️▪️▫️▪️▫️▪️▫️ 🌐 وبسایت |💬کانال تلگرام |🌐 اینستاگرام #استخدام_با_طعم_آموزش #برنامه_نویسی

2 787

Repost from هشتگ‌ تبلیغ تخصصی

💥 دوره آموزشی "ورود به دنیای تست نرم‌افزار" (دوره چهارم) 💯 در طی سه دوره قبلی، همکارهای جدیدی به شرکت ما پیوستن و این تجربه خوب باعث شد تا در اولین روز‌های تابستان امسال برای برگزاری چهارمین نوبت از این دوره آموزشی برنامه‌ریزی کنیم. اگه شما هم فارغ‌التحصیل رشته‌های مهندسی کامپیوتر، علوم کامپیوتر، ریاضیات، حسابداری یا مدیریت هستین و قصد دارین وارد دنیای تست نرم‌افزار بشین، این دوره‌ آموزشی رو از دست ندین. 💎 در این دوره، شما با اصول و مبانی تست نرم‌افزار آشنا می‌شین و مهارت‌های مورد نیازش رو آموزش می‌بینین. 🏅 در ضمن نفرات برتر دوره جدید نیز وارد فرآیند استخدام شرکت همکاران سیستم می‌شن و در صورت قبولی و جذب در شرکت، شهریه بهشون برگردونده می‌شه. 📆 آغاز دوره از ۱۰ تیرماه 🚨 همراه با ۱۵% تخفیف ویژه دانشجویان 💢 برای ثبت نام و کسب اطلاعات بیشتر می‌تونین با شماره 02184205111 تماس بگیرین یا به وبسایت مؤسسه آموزش مراجعه کنین. 🌐 education.systemgroup.net/courses/test-training-course ⬅️ 🌐 Linkedin |🌐 Instagram ➖➖➖➖➖➖

2 787

ما تو DevAcademy از تجربه های فنی و مصاحبه هامون تو دنیای #برنامه_نویسی میگیم . موقعیت های شغلی کاملا #ریموت داخلی و خارجی کمتر دیده شده #لینکدین با هم به اشتراک میذاریم و البته در کنار همه اینا، هر هفته #سوالات_الگوریتمی رو با هم حل می کنیم تا آماده #کد_چلنج انلاین باشیم. آدرس کانال: @DevAcaademy