Deep Devs | فرانت اند | بک اند | جاوااسکریپت | برنامه نویسی | برنامه نویسی وب – Telegram
Deep Devs | فرانت اند | بک اند | جاوااسکریپت | برنامه نویسی | برنامه نویسی وب
9.19K subscribers
657 photos
354 videos
90 files
813 links
اگر با جاوااسکریپت مشکل داری، این چنل مخصوص خودته 🤝

دوبله بهترین دوره های جاوااسکریپت و ریکت دنیا رایگان:
https://news.1rj.ru/str/DeepDevs/2166

تبلیغات و تبادل نداریم

گروه اصلی برای پرسش و پاسخ:
@DeepDevsGpOriginal

گروه چت:
@InstaDevsGp
Download Telegram
پیشاپیش.. عیدتون مبارک..؟

آیا واقعا عیدی برای تبریک گفتن باقی مونده..؟
💔41👍27🔥4😎21
Console.log("Happy_Norooz_")
44❤‍🔥8😎21🔥1
const NowruzGreeting = () => <h1>Happy Nowruz 🌸!</h1>;


«عیدتون مبارک! بیایید سال جدید رو مثل کدی که بدون کامنت نوشته شده، پر رمز و راز شروع کنیم و فقط امیدوار باشیم کار کنه! 😂»
37👍5😎4😁1
🔗معرفی یک منبع بی‌نظیر برای عاشقای طراحی وب!


رفقا سلام عیدتون مبارک😊
سایت
Cloud Four پر از مقاله‌های آموزشی، ایده‌های خلاقانه‌ و تکنیک های زیاده که حسابی در ساخت وب سایت به کارتون میاد! 😎

🔰از طراحی واکنش‌گراگرفته،HTML,CSSو حتی جاوااسکریپت وهرچیزی که فکرشو بکنی!🛠🚀

🔰خلاصه اگه می‌خواید یه قدم جلوتر از بقیه باشید و به سمت حرفه ای ترشدن پیش برید، همین الآن لینک زیر ببین👇
🌐 [Cloud Four Thinks]

اگه ازش استفاده کردید و لذت بردید حتما تجربه تون رو بهمون بگید تا با هم بیشتر ازش یاد بگیریم! ❤️


#طراحی_وب #منبع_آموزشی #یادگیری_پیشرفته

Channel | Group | YouTube
🔥11👍102
🐧 انجمن‌علمی دانشکده‌ مهندسی‌کامپیوتر 🔥 امیرکبیر با همکاری 🤝 برگزار می‌کند 🐧

🐧 LinuxFest 🐧

🐧چهاردهمین دوره لینوکس‌فست🐧

ارائه👨‍🏫 کارگاه 🏇 مسابقه 🏇

🐧‌‌‌‌‌‌‌‌‌‌ اگه عاشق لینوکس، دنیای متن‌باز، هک، امنیت و کشف چیزای جدیدی، این ایونت دقیقا برای توئه!

📅 تاریخ برگزاری: 20 تا 22 فروردین ماه

‌‌📍 مکان: دانشگاه صنعتی امیرکبیر

🔉 اطلاعات بیشتر و ثبت نام: linux-fest.ir

Presented by : 🏫 🤝 🔥 🔥

⚫️🕸 Website ⚫️📱 X
⚫️⚫️ ⚫️ ⚫️ ⚫️ ⚫️ ⚫️ ⚫️ ⚫️ ⚫️
⚫️📱 Instagram ⚫️📱 Telegram
👍4
احمد رسولی_1404-1-16 (1).pdf
344.9 KB
سفر من از این قراره یک معمار فرانت اند باتجربه 3 سال در ساخت برنامه های کاربردی وب با کارایی بالا و شیوه های مدرن جاوا اسکریپت، با تمرکز قوی بر دسترسی و بهینه سازی عملکرد(مشتاق ایجاد تجربیات دیجیتالی که برتری فنی را با دید هنری ترکیب کنم... )
قویتر بودن از بهانه هایم و مهارت در یادگیری در کمترین زمان جنبه مثبت من

🌐https://darkcode-it.github.io/whoami/

🆔@Darkcodeit

#جویای_کار

Channel | Group | YouTube
❤‍🔥12👍7👀2🕊1
keyboard-shortcuts-windows_250409_130201.pdf
135.4 KB
🔰شورت کات های کاربردی و پرتکرار برای افزایش سرعت در هنگام کار با برنامه vscode
ویژه ویندوز
💻

#شورت_کات_کاربردی
#افزایش_سرعت

Channel | Group | YouTube
🔥8👍42🤝1
AmirMohamadKhani.pdf
721.2 KB
#جویای_کار
امیر محمد خانی هستم . نزدیک 2 سال هست درحال یادگرفتن برنامه نویسی فرانت اند هستم (react و next) دنبال پوزیشن کاری به صورت ریموت و پاره وقت(تهران) هستم
@AMIRIRPC
https://resume-nine-liard-62.vercel.app/
❤‍🔥114👍4😁1
📌 Bankers Rounding چیه؟

تا حالا به این فکر کردی که چرا توی پایتون:

round(2.5)  # خروجی: 2
round(3.5) # خروجی: 4

🤔 چرا 2.5 شده 2، ولی 3.5 شده 4؟

اینجاست که می‌رسیم به یه تکنیک خاص به نام Bankers Rounding یا همون Round Half to Even.

تعریف ساده:

وقتی عددی دقیقاً روی نیم (0.5) باشه، این روش اون رو به نزدیک‌ترین عدد زوج گرد می‌کنه.

📊 مثال‌ها:

round(2.5) → عدد زوج نزدیک‌تر = 2

round(3.5) → عدد زوج نزدیک‌تر = 4

round(4.5) → 4

round(5.5) → 6

🔍 چرا این کارو می‌کنه؟
برای اینکه در آمار و محاسبات عددی، وقتی همیشه رو به بالا گرد کنیم، خطای تجمعی ایجاد می‌شه. ولی Bankers Rounding با متعادل‌کردن گرد کردن به بالا و پایین، این خطا رو کاهش می‌ده.

💡 توی جاوااسکریپت چطوره؟
جاوااسکریپت همیشه 0.5 رو به بالا گرد می‌کنه:
Math.round(2.5)  // خروجی: 3
Math.round(3.5) // خروجی: 4

🔚 خلاصه:

Python (و بعضی زبان‌های دیگه مثل R و .NET): Round Half to Even

JavaScript و اکثر زبان‌ها: Round Half Up


Channel | Group | YouTube
👍23🔥13
This media is not supported in your browser
VIEW IN TELEGRAM
🎊این شما و این Anime.js v4

🔰از محبوب‌ترین کتابخونه‌های انیمیشن جاوااسکریپت، anime.js حالا به نسخه ۴ رسیده!

🔰اگه دنبال انیمیشن‌های جذابی برای پروژه هات، این نسخه برا توعه!😎🙂‍↔️


جدید و ماژولارAPI
انیمیشن‌های متصل به اسکرول
امکان درَگ کردن المان‌ها
ریسپانسیو و انعطاف‌پذیر
انیمیشن‌های افزایشی
پشتیبانی از WAAPI



🔗 سایت جدید:animejs.com

#animation #frontend

Channel | Group | YouTube
🔥10👍8🤯3
🔰بهترین کتابخانه‌های رایگان جاوااسکریپت برای نمایش PDF در وب اپلیکیشن‌ها:

1️⃣کتابخانه PDF.js (Mozilla)
سبک، سریع و مستقیم توی مرورگر اجرا می‌شه. با Vanilla JS، React، Vue و Angular سازگاره.

🔗 [GitHub]

2️⃣کتابخانه PDF-LIB
قابلیت ایجاد، تغییر و نمایش PDF داره. سمت کاربر (Client-side) اجرا می‌شه و برای ویرایش داینامیک عالیه.


🔗 [GitHub]

3️⃣کتابخانه React-PDF
مخصوص پروژه‌های React. مبتنی بر PDF.js هست و به‌عنوان یک کامپوننت React استفاده می‌شه. از زوم، جابه‌جایی بین صفحات و کلی ویژگی دیگه پشتیبانی می‌کنه.
🔗 [GitHub]

4️⃣کتابخانه ng2-pdf-viewer
بهترین گزینه برای Angular. قابلیت زوم، چرخش و ویژگی‌های دیگه داره و مبتنی بر PDF.js هست.

🔗 [GitHub]


گزینه عمومی و قدرتمند می‌خوایخب PDF.js عالیه!👌

#frontend #js #pdf

Channel | Group | YouTube
👍11❤‍🔥62👌1
چی گفتی ؟یه بار دیگه بگو؟
پاشو بریم فرانت اند دولوپر بشیم حاجی🤝😌


بک اند مکند سخته ولش کن انقدر فرانت اسونه که همه اش یک دستور ساده بیشتر نداره 😎😃
color:red;
margin:auto;

😂🥹💔🤣😭


Channel | Group | YouTube
😁44👍16🤯3💔3👀2💯1🤝1😡1
🌟 چطور یه پورتفولیو خفن برا خودمون بسازیم؟
یه سایت پورتفولیو که فقط یه رزومه آنلاین نیست، بلکه ویترین مهارت‌ها، تجربه‌ها و پروژه‌های توئه! پس باید جذاب، مرتب و حرفه‌ای باشه.

اطلاعات شخصی
-یه معرفی کوتاه و صمیمی از خودت
- سوابق تحصیلی و کاری
- یه عکس خوب یا آواتار جذاب

مهارت‌ها
-لیستی از تکنولوژی‌هایی که بلدی، مثل HTML، CSS، JavaScript، React، Vue و غیره
- سطح تخصصت رو مشخص کن (مبتدی، متوسط، حرفه‌ای)
- اگر مهارت‌های مکملی مثل طراحی UX/UI داری، حتماً اضافه کن

پروژه‌ها
-بهترین کارهات رو نمایش بده با توضیح مختصر
- تکنولوژی‌های استفاده شده و نقش خودت رو بنویس
- امکان فیلتر کردن پروژه‌ها رو اضافه کن

اطلاعات تماس
-لینک ایمیل، تلگرام یا راه‌های ارتباطی
- لینک شبکه‌های اجتماعی مثل GitHub، LinkedIn و توییتر

نکات مهم برای یه پورتفولیوی حرفه‌ای -طراحی سایت باید تمیز، زیبا و کاربرپسند باشه
- ریسپانسیو طراحی کن تا روی موبایل عالی دیده بشه
- از تصاویر باکیفیت و واضح استفاده کن
- مرتباً سایتت رو آپدیت کن تا همیشه بروز باشه

📌 نمونه‌ها:
1⃣ https://sarkar.fr
2⃣ https://henryheffernan.com

#Portfolio #resume

Channel | Group | YouTube
👍11❤‍🔥42
📊 دوست جدیدت برای ساخت نمودارهای جذاب و تعاملی! ApexCharts.js

📌برای نمایش داده‌ها، ApexCharts.js دقیقاً همون چیزیه که نیاز داری! این کتابخانه جاوا اسکریپت بهت کمک می‌کنه بدون دردسر، نمودارهای شیک و داینامیک بسازی.

🔹 چرا ApexCharts رو امتحان کنیم؟
انواع نمودارهای متنوع مثل خطی، ستونی، دایره‌ای، پراکندگی و…
طراحی واکنش‌گرا، بدون مشکل در موبایل و دسکتاپ
تنظیمات گسترده برای شخصی‌سازی نمودارها
امکان ترکیب چندین نمودار برای نمایش بهتر داده‌ها
کاملاً رایگان و متن‌باز – راحت ازش استفاده کن!
🔹 چند ابزار مکمل که تجربه کار با نمودارها رو بهتر می‌کنن:
یه گزینه عالی برای نمودارهای سبک و سریع Chart.js
برای نمودارهای پیچیده و سفارشی‌سازی‌شده D3.js
ابزار قدرتمند با قابلیت‌های متنوع Google Charts
🔗آدرس وب سایت
تجربه و پیشنهاد شما چیه؟🤔
#charts #Frontend
#JavaScript_library

Channel | Group | YouTube
👍174
💠کتابخانه Headless UI برای React رو یک سر بهش بزنید 🎉

ویژگی‌های هیجان‌انگیز و کاربردی:

🏗 موقعیت‌یابی داخلی انکر: حالا با ادغام Floating UI، دیگه نیازی به تنظیمات دستی نیست!

کامپوننت جدید چک‌باکس: یه چک‌باکس جدید و حسابی کارآمد به مجموعه اضافه شده!

📑 کامپوننت‌های فرم HTML: حالا می‌تونی فرم‌های HTML رو مستقیم و راحت‌تر استفاده کنی.

👀 بهبود تشخیص حالات hover، focus و active: کلی روی این قابلیت کار شده تا عملکردش بهتر و دقیق‌تر باشه.

📜 مجازی‌سازی لیست Combobox: لیست‌های Combobox حالا سریع‌تر و بهینه‌تر اجرا می‌شن.

🌐 وب‌سایت جدید و مستندات ارتقا‌یافته: وب‌سایت جدید کلی اطلاعات مفید داره و مستنداتش حسابی کامل‌تر شده!

📌 دوست داری بیشتر بدونی؟ این هم آدرس سایت 😉

#UI #React #Frontend

Channel | Group | YouTube
👍75