Dev Perfects
40 subscribers
9.23K photos
1.26K videos
468 files
13K links
بخوام خیلی خلاصه بگم
این کانال میاد مطالب کانالای خفن تو حوزه تکنولوژی و برنامه نویسی رو جمع میکنه

پست پین رو بخونید
https://t.iss.one/dev_perfects/455


ارتباط:
https://t.iss.one/HidenChat_Bot?start=936082426
Download Telegram
Forwarded from DevAcademy
شرکت
گلرنگ_سیستم
برای پست کارشناس توسعه دهنده

فرانت_اند
به صورت قرارداد ساعتی/پاره وقت
استخدام
میکند.

- جنسیت بدون تفاوت
- دارای حداقل 3 سال تجربه کار عملی و پروژه هایی جهت بررسی فنی.
- تسلط کامل به
#React

#HTML
,
#CSS
,
#Bootstrap
,
#Javascript

- دارای تجربه کار به صورت
#Teamwork

- توانایی حضور حداقل 2 روز کاری در هفته در محل شرکت.

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

[email protected]

https://people.golrang.com/jobs/2728/%DA%AF%D9%84%D8%B1%D9%86%DA%AF-%D8%B3%DB%8C%D8%B3%D8%AA%D9%85_-%DA%A9%D8%A7%D8%B1%D8%B4%D9%86%D8%A7%D8%B3-%D8%AA%D9%88%D8%B3%D8%B9%D9%87-%D9%81%D8%B1%D8%A7%D9%86%D8%AA-%D9%85%D8%AD%D8%B5%D9%88%D9%84%D8%A7%D8%AA-%D8%AA%D8%AD%D8%AA-%D9%88%D8%A8_2024-08-21



💻@DevAcaademy
💬@DevAcademyGroup
Forwarded from کداکسپلور | CodeExplore (Koorosh)
لینک بی عمل در جاوااسکریپت ✌️

⚡️با این کد میتونید یک لینک درست کنید که دقیقا هیچکاری نمیکنه، نه صفحه جدیدی باز میکنه، نه هشتگی توی url میزاره و نه هیچی.
<a href="javascript:void(0);">Click Me!</a>


#html #js #javascript #trick
☕️ @CodeExplore
Please open Telegram to view this post
VIEW IN TELEGRAM
Forwarded from کداکسپلور | CodeExplore (Aqa Reza)
⚡️تگ <canvas> توی HTML مثل یه صفحه نقاشی خالیه که باهاش می‌تونی هرچی دلت می‌خواد بکشی. البته خودش چیزی نشون نمی‌ده؛ باید با جاوااسکریپت (یه زبان برنامه‌نویسی که توی وب استفاده می‌شه) بهش بگی چی بکشه.

◀️ ویژگی‌های مهم:
- عرض و ارتفاع (width و height): اینا اندازه صفحه نقاشیت رو مشخص می‌کنن. اگه نذاری، خودش یه اندازه پیش‌فرض داره (300 در 150 پیکسل).
- جاوااسکریپت: با جاوااسکریپت می‌تونی روی این صفحه نقاشی خط بکشی، دایره و مستطیل بکشی، یا حتی عکس بذاری.

یه مثال ساده:
<!DOCTYPE html>
<html>
<body>

<canvas id="myCanvas" width="200" height="100" style="border:1px solid #000000;">
مرورگر شما از تگ Canvas پشتیبانی نمی‌کند.
</canvas>

<script>
var canvas = document.getElementById("myCanvas");
var ctx = canvas.getContext("2d");

// کشیدن یه مستطیل قرمز
ctx.fillStyle = "#FF0000";
ctx.fillRect(20, 20, 150, 75);
</script>

</body>
</html>

اینجا یه صفحه نقاشی به اندازه 200 در 100 پیکسل درست کردیم و با جاوااسکریپت توش یه مستطیل قرمز کشیدیم. این کارها رو با چند خط کد ساده انجام دادیم.

👀 کجاها می‌تونیم ازش استفاده کنیم؟
- کشیدن نمودارها و گراف‌ها
- رسم شکل‌های دو‌بعدی
- انیمیشن‌های ساده
- بازی‌های تحت وب

#canvas #html #js
☕️ @CodeExplore
Please open Telegram to view this post
VIEW IN TELEGRAM
آموزش ساخت پاپ‌آپ با HTML بدون استفاده از جاوااسکریپت

🔸 ویژگی Popover یکی از امکانات جدید HTML هستش که در نسخه HTML 6 معرفی شده. این اتریبیوت به شما اجازه می‌ده تا بدون نیاز به استفاده از جاوااسکریپت یا پلاگین‌های اضافی به سادگی پاپ‌آپ ایجاد کنید.

نحوه استفاده 🚀
<div popover id="mydiv">
<h2>من تایتلم</h2>
<hr>
<p>حال کن اینم از پاپ‌اور شما 😎</p>
<button popovertarget="mydiv" popovertargetaction="hide">فشار بده جهت بستن</button>
</div>

<button popovertarget="mydiv">فشار بده جهت باز شدن</button>


🌐 مشاهده داکیومنت popover

🔻 نمونه کد آنلاین

#️⃣ #html #popover

🚀 @coolycode
آقاییم برنامه نویسه

آقاییش :


با این عکس کلی میم میشه ساخت، بعدیو شما بگید 🙂😂


بهترین میم و میزارم تو چنل 💛

#️⃣ #html #fun

🗨️ 𝗖𝗛𝗔𝗡𝗡𝗘𝗟  |  𝗚𝗥𝗢𝗨𝗣
Forwarded from کدنویس یکروزه (𝕻𝖊𝖉𝖗𝖆𝖒 𝕽𝖆𝖍𝖎𝖒𝖎)
Media is too big
VIEW IN TELEGRAM
برنامه‌ی سریع با کوپایلوت

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

#javascript #html
Forwarded from کدنویس یکروزه (𝕻𝖊𝖉𝖗𝖆𝖒 𝕽𝖆𝖍𝖎𝖒𝖎)
مدیریت-هزینه.htm
32.2 KB
اَپلیکیشن مدیریت هزینه ها
امنیت مضاعف و سه زبانه!

   توقع خودم رو از اپلیکیشن تک صفحه (SPA) بالا بردم که بدون رفرش صفحه یعنی بدون Server  و اینجا حتا بدون دیتابیس امن قراره کار کنه! کنجکاوی هم نگذاشت دست از سر هوش مصنوعی بسیار قدرتمند چینی به نام Deep Seek بردارم.
بنابراین برنامه‌ی دفتر تلفن پیشرفته رو که خودش نوشته بود بهش دادم و در قالب یک برنامه ی جدید برای «ثبت هزینه‌های ماهانه» این تغییرات رو ازش خواستم:
- اپلیکیشن سه زبانه: فارسی، انگلیسی و چینی!
- رمز عبور Hash یا رمزنگاری شده تا از لوکال استوریج داخل مرورگر قابل مشاهده نباشه!
- لیست هزینه ها از گران به ارزان یا برعکس قابل سورت و مرتب سازی!
- جمع مبلغ خریدها محاسبه و در زیر جدول هزینه‌ها.

  بله حدود ۶۰۰ خط کد پیچیده رو در ۵ دقیقه نوشت گذاشت جلوم! در حالی که قبل از این برنامه‌ی ساده و ۵۰ خطی محاسبه‌ی شارژ ساختمان رو یک ساعت طول کشید با کلی دیباگ و سرچ بنویسم!

ابزارهای مرتبط:
تبدیل وب به EXE
تبدیل وب به APK

#javascript  #html 
تاس سه بُعدی فقط با CSS

با این برنامه‌ی بسیار جالب که فقط با اسکریپت CSS بسیار هنرمندانه‌ تاس های واقعی را شبیه سازی کرده می توان بدون صدا تخته نرد هم بازی کرد!
برای چرخش تاس ها و انیمیشن نرم اونها هم از جاوااسکریپت استفاده شده.
کدنویسی با هوش مصنوعی DeepSeek

#javascript #css #html
Forwarded from 🎄 یک برنامه نویس تنبل (The Lazy 🌱 Raymond)
🔶 با تگ <hr> می توانید برای جدا کردن <option> استفاده کنید.

<select>
<option>1</option>
<option>2</option>
<hr>
<option>3</option>
<option>4</option>
<hr>
<option>5</option>
<option>6</option>
</select>


#HTML

@TheRaymondDev
Forwarded from Gopher Academy
🔵 عنوان مقاله
TableWriter 1.1: Render Rich Text-Based Tables

🟢 خلاصه مقاله:
جدول‌نویسی TableWriter 1.1 یک کتابخانه چندمنظوره برای رندر کردن جدول‌های متنیِ خوانا در قالب‌های مختلف است. خروجی‌های استاندارد مانند ASCII، Unicode، Markdown و HTML را پوشش می‌دهد و برای ترمینال‌های رنگی نیز مناسب است؛ بنابراین برای ابزارهای خط فرمان، گزارش‌ها و مستندسازی انتخابی کاربردی محسوب می‌شود. تمرکز آن بر انعطاف‌پذیری و خوانایی است تا با تنظیم چینش، فاصله‌ها و مرزبندی، داده‌های متفاوت را به شکلی منظم نمایش دهد. README این پروژه با مثال‌های فراوان، شروع کار را سریع و بی‌دردسر می‌کند.

#TableWriter #ASCII #Unicode #Markdown #HTML #Terminal #CLI #OpenSource

🟣لینک مقاله:
https://golangweekly.com/link/174651/web


👑 @gopher_academy