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

InstaDevs

1.13K subscribers

694 photos

436 videos

2 files

675 links

یه عده برنامه نویسیم، برنامه خاصیم نداریم

Download Telegram

About

Blog

Apps

Platform

1.13K subscribers

This media is not supported in your browser

VIEW IN TELEGRAM

آقا حتما از مدیا کوئری استفاده کردین ولی چقد سینتکس اش رو میشناسین؟🗿

👨‍💻 سینتکس مدیا کوئری یه روش استفاده از فرمت‌های خاص برای اعمال استایل‌ها بر اساس ویژگی‌های دستگاه کاربره که با استفاده از @media و شرط‌های مختلف، امکان اعمال استایل‌های مخصوص بر اساس اندازه صفحه نمایش، نوع دستگاه، وضوح تصویر و سایر ویژگی‌های مدیا رو فراهم میکنه.

پ.ن: تو تصویر هم یه مثال سینتکس‌ش و براتون گذاشتم، و هم یه انیمیشن از المنت رسپانسیو براتون قرار دادم😎
#CSS

Channel | Group | YouTube

👌8🔥1

839 views<𝘴𝘱𝘢𝘯 𝘥𝘢𝘵𝘢-𝘵𝘺𝘱𝘦="𝘩𝘶𝘮𝘢𝘯" 𝘰𝘯𝘴𝘩𝘰𝘸="𝘥𝘢𝘯𝘤𝘦()" 𝘴𝘵𝘺𝘭𝘦="𝘥𝘪𝘴𝘱𝘭𝘢𝘺: 𝘨𝘳𝘦𝘦𝘥!" ᴄʟᴀꜱꜱ="𝘱𝘴𝘺𝘤𝘩𝘰𝘭𝘰𝘨𝘺" >𝘈𝘭𝘪<𝘴𝘱𝘢𝘯 >, 06:05

This media is not supported in your browser

VIEW IN TELEGRAM

This media is not supported in your browser

VIEW IN TELEGRAM

برای پارت بعد آماده‌این؟😎
انیمیشن های کاربردی CSS پارت 3

#CSS

Channel | Group | YouTube

😎8👍3🔥2🍾1

736 views<𝘴𝘱𝘢𝘯 𝘥𝘢𝘵𝘢-𝘵𝘺𝘱𝘦="𝘩𝘶𝘮𝘢𝘯" 𝘰𝘯𝘴𝘩𝘰𝘸="𝘥𝘢𝘯𝘤𝘦()" 𝘴𝘵𝘺𝘭𝘦="𝘥𝘪𝘴𝘱𝘭𝘢𝘺: 𝘨𝘳𝘦𝘦𝘥!" ᴄʟᴀꜱꜱ="𝘱𝘴𝘺𝘤𝘩𝘰𝘭𝘰𝘨𝘺" >𝘈𝘭𝘪<𝘴𝘱𝘢𝘯 >, 16:58

This media is not supported in your browser

VIEW IN TELEGRAM

This media is not supported in your browser

VIEW IN TELEGRAM

👨‍💻 آقا یکی از چیزهایی که خیلی وقتا باهم اشتباهشون میگیریم، در واقع پوزیشن دهی fixed و sticky تو CSS هست.
👨‍💻به همین دلیلم تو این پست براتون با دوتا انیمیشن پوزیشن رو تو هر حالت مثال زدم.😎

#CSS

Channel | Group | YouTube

😎6🔥1

774 views<𝘴𝘱𝘢𝘯 𝘳𝘦𝘢𝘥𝘰𝘯𝘭𝘺 𝘥𝘢𝘵𝘢-𝘵𝘺𝘱𝘦="𝘩𝘶𝘮𝘢𝘯" 𝘰𝘯𝘴𝘩𝘰𝘸="𝘥𝘢𝘯𝘤𝘦()" 𝘴𝘵𝘺𝘭𝘦="𝘥𝘪𝘴𝘱𝘭𝘢𝘺: 𝘨𝘳𝘦𝘦𝘥!" ᴄʟᴀꜱꜱ="𝘱𝘴𝘺𝘤𝘩𝘰𝘭𝘰𝘨𝘺" >𝘈𝘭𝘪<𝘴𝘱𝘢𝘯 >, 09:16

This media is not supported in your browser

VIEW IN TELEGRAM

آقا یکم از خلاقیتتون تو برنامه نویسی رو به دنیای واقعی انتقال بدین، اتفاقات خوبی میفته😎👌

#meme_video

ترجمه:
آیا تو https هستی؟
چون بدون تو من فقط //:

Channel | Group | YouTube

🤣12🔥1😁1

782 views<𝘴𝘱𝘢𝘯 𝘳𝘦𝘢𝘥𝘰𝘯𝘭𝘺 𝘥𝘢𝘵𝘢-𝘵𝘺𝘱𝘦="𝘩𝘶𝘮𝘢𝘯" 𝘰𝘯𝘴𝘩𝘰𝘸="𝘥𝘢𝘯𝘤𝘦()" 𝘴𝘵𝘺𝘭𝘦="𝘥𝘪𝘴𝘱𝘭𝘢𝘺: 𝘨𝘳𝘦𝘦𝘥!" ᴄʟᴀꜱꜱ="𝘱𝘴𝘺𝘤𝘩𝘰𝘭𝘰𝘨𝘺" >𝘈𝘭𝘪<𝘴𝘱𝘢𝘯 >, 12:10

This media is not supported in your browser

VIEW IN TELEGRAM

😎 آقا این ویدیو میتونه یه ذهنیت خوبی برای کسایی که از تیلویند استفاده نکردن، بسازه.

👨‍💻 ابزاری که فقط یه سری کلاس یوتیلیتی آماده هست که با یه‌سری جزییات و فیچرهای خیلی ساده ولی بسیار کاربردی کار استایل دهی رو برامون خیییلی ساده تر میکنه 👌

#TailwindCSS

Channel | Group | YouTube

🍾14👍5🔥1

694 views<𝘴𝘱𝘢𝘯 𝘳𝘦𝘢𝘥𝘰𝘯𝘭𝘺 𝘥𝘢𝘵𝘢-𝘵𝘺𝘱𝘦="𝘩𝘶𝘮𝘢𝘯" 𝘰𝘯𝘴𝘩𝘰𝘸="𝘥𝘢𝘯𝘤𝘦()" 𝘴𝘵𝘺𝘭𝘦="𝘥𝘪𝘴𝘱𝘭𝘢𝘺: 𝘨𝘳𝘦𝘦𝘥!" ᴄʟᴀꜱꜱ="𝘱𝘴𝘺𝘤𝘩𝘰𝘭𝘰𝘨𝘺" >𝘈𝘭𝘪<𝘴𝘱𝘢𝘯 >, edited 17:52

This media is not supported in your browser

VIEW IN TELEGRAM

👨‍💻 پراپرتی ()Grayscale تو CSS باعث میشه که تصویر یه حالت خاکستری یا مبهم به خودش بگیره. این پراپرتی از مقادیر 0 تا 1 یا از 0% تا 100% متغییره

#CSS

Channel | Group | YouTube

🍾11👍1

774 views<𝘴𝘱𝘢𝘯 𝘳𝘦𝘢𝘥𝘰𝘯𝘭𝘺 𝘥𝘢𝘵𝘢-𝘵𝘺𝘱𝘦="𝘩𝘶𝘮𝘢𝘯" 𝘰𝘯𝘴𝘩𝘰𝘸="𝘥𝘢𝘯𝘤𝘦()" 𝘴𝘵𝘺𝘭𝘦="𝘥𝘪𝘴𝘱𝘭𝘢𝘺: 𝘨𝘳𝘦𝘦𝘥!" ᴄʟᴀꜱꜱ="𝘱𝘴𝘺𝘤𝘩𝘰𝘭𝘰𝘨𝘺" >𝘈𝘭𝘪<𝘴𝘱𝘢𝘯 >, edited 05:30

This media is not supported in your browser

VIEW IN TELEGRAM

تازه نوت برداری ام میکنم🗿💔

#meme_video

Channel | Group | YouTube

😁8🗿5👍1

773 views<𝘴𝘱𝘢𝘯 𝘳𝘦𝘢𝘥𝘰𝘯𝘭𝘺 𝘥𝘢𝘵𝘢-𝘵𝘺𝘱𝘦="𝘩𝘶𝘮𝘢𝘯" 𝘰𝘯𝘴𝘩𝘰𝘸="𝘥𝘢𝘯𝘤𝘦()" 𝘴𝘵𝘺𝘭𝘦="𝘥𝘪𝘴𝘱𝘭𝘢𝘺: 𝘨𝘳𝘦𝘦𝘥!" ᴄʟᴀꜱꜱ="𝘱𝘴𝘺𝘤𝘩𝘰𝘭𝘰𝘨𝘺" >𝘈𝘭𝘪<𝘴𝘱𝘢𝘯 >, edited 11:30

This media is not supported in your browser

VIEW IN TELEGRAM

🧑‍💻 آقا با اومدن ابزاری مثله فلکس باکس، علاوه بر اینکه کار دیزاین به طور کل متحول شد، قضیه ی رسپانسیو کردن وبسایتم شیرین تر گشت 😎

پ.ن: تو این پست یه مثال از رسپانسیو سازی یه لی‌آوت با استفاده از فلکس باکس قرار دادم👌

#CSS
#Flex_Box

Channel | Group | YouTube

👍16🔥5👏3

956 views<𝘴𝘱𝘢𝘯 𝘳𝘦𝘢𝘥𝘰𝘯𝘭𝘺 𝘥𝘢𝘵𝘢-𝘵𝘺𝘱𝘦="𝘩𝘶𝘮𝘢𝘯" 𝘰𝘯𝘴𝘩𝘰𝘸="𝘥𝘢𝘯𝘤𝘦()" 𝘴𝘵𝘺𝘭𝘦="𝘥𝘪𝘴𝘱𝘭𝘢𝘺: 𝘨𝘳𝘦𝘦𝘥!" ᴄʟᴀꜱꜱ="𝘱𝘴𝘺𝘤𝘩𝘰𝘭𝘰𝘨𝘺" >𝘈𝘭𝘪<𝘴𝘱𝘢𝘯 >, edited 17:00

یه رودمپ فرانتمون نشه؟😎
#General

Channel | Group | YouTube

😎17👍1

994 views<𝘴𝘱𝘢𝘯 𝘳𝘦𝘢𝘥𝘰𝘯𝘭𝘺 𝘥𝘢𝘵𝘢-𝘵𝘺𝘱𝘦="𝘩𝘶𝘮𝘢𝘯" 𝘰𝘯𝘴𝘩𝘰𝘸="𝘥𝘢𝘯𝘤𝘦()" 𝘴𝘵𝘺𝘭𝘦="𝘥𝘪𝘴𝘱𝘭𝘢𝘺: 𝘨𝘳𝘦𝘦𝘥!" ᴄʟᴀꜱꜱ="𝘱𝘴𝘺𝘤𝘩𝘰𝘭𝘰𝘨𝘺" >𝘈𝘭𝘪<𝘴𝘱𝘢𝘯 >, edited 06:12

👨‍💻آقا فایل readme از طرفی تو پروژه تون خیلی خوبه که باشه و از طرف دیگه ساختنش، حداقل برای من خیلی حوصله سر برع...💔

😎 این شد که گفتم این وبسایتو بهتون معرفی کنم که حسابی ساخت فایل readme رو براتون آسون کرده👌

<codes.learning/>

Channel | Group | YouTube

🏆6👍4🍾2

990 views<𝘴𝘱𝘢𝘯 𝘳𝘦𝘢𝘥𝘰𝘯𝘭𝘺 𝘥𝘢𝘵𝘢-𝘵𝘺𝘱𝘦="𝘩𝘶𝘮𝘢𝘯" 𝘰𝘯𝘴𝘩𝘰𝘸="𝘥𝘢𝘯𝘤𝘦()" 𝘴𝘵𝘺𝘭𝘦="𝘥𝘪𝘴𝘱𝘭𝘢𝘺: 𝘨𝘳𝘦𝘦𝘥!" ᴄʟᴀꜱꜱ="𝘱𝘴𝘺𝘤𝘩𝘰𝘭𝘰𝘨𝘺" >𝘈𝘭𝘪<𝘴𝘱𝘢𝘯 >, 05:51

آقا آخرین باری که اینجوری کد زدین کی بود؟
+ خودم همین بعد از ظهر دیروز😎😂

#meme

Channel | Group | YouTube

😁17👍3

782 views<𝘴𝘱𝘢𝘯 𝘳𝘦𝘢𝘥𝘰𝘯𝘭𝘺 𝘥𝘢𝘵𝘢-𝘵𝘺𝘱𝘦="𝘩𝘶𝘮𝘢𝘯" 𝘰𝘯𝘴𝘩𝘰𝘸="𝘥𝘢𝘯𝘤𝘦()" 𝘴𝘵𝘺𝘭𝘦="𝘥𝘪𝘴𝘱𝘭𝘢𝘺: 𝘨𝘳𝘦𝘦𝘥!" ᴄʟᴀꜱꜱ="𝘱𝘴𝘺𝘤𝘩𝘰𝘭𝘰𝘨𝘺" >𝘈𝘭𝘪<𝘴𝘱𝘢𝘯 >, 11:30

ابزارهای فوقالعاده کاربردی مارکت که از قضا پولی هستن، ولی تو این پست براتون همتای رایگان اونهارو آوردیم😎
<marketingHarry/>

Channel | Group | YouTube

🏆6👍2

824 views<𝘴𝘱𝘢𝘯 𝘳𝘦𝘢𝘥𝘰𝘯𝘭𝘺 𝘥𝘢𝘵𝘢-𝘵𝘺𝘱𝘦="𝘩𝘶𝘮𝘢𝘯" 𝘰𝘯𝘴𝘩𝘰𝘸="𝘥𝘢𝘯𝘤𝘦()" 𝘴𝘵𝘺𝘭𝘦="𝘥𝘪𝘴𝘱𝘭𝘢𝘺: 𝘨𝘳𝘦𝘦𝘥!" ᴄʟᴀꜱꜱ="𝘱𝘴𝘺𝘤𝘩𝘰𝘭𝘰𝘨𝘺" >𝘈𝘭𝘪<𝘴𝘱𝘢𝘯 >, 17:30

This media is not supported in your browser

VIEW IN TELEGRAM

کلیشه ایه بگم آنلی لجندز آندرستند؟🗿
لجندا بیاین تو کامنتا منتظریم😎

#meme

Channel | Group | YouTube

😎5🍾1

764 views<𝘴𝘱𝘢𝘯 𝘳𝘦𝘢𝘥𝘰𝘯𝘭𝘺 𝘥𝘢𝘵𝘢-𝘵𝘺𝘱𝘦="𝘩𝘶𝘮𝘢𝘯" 𝘰𝘯𝘴𝘩𝘰𝘸="𝘥𝘢𝘯𝘤𝘦()" 𝘴𝘵𝘺𝘭𝘦="𝘥𝘪𝘴𝘱𝘭𝘢𝘺: 𝘨𝘳𝘦𝘦𝘥!" ᴄʟᴀꜱꜱ="𝘱𝘴𝘺𝘤𝘩𝘰𝘭𝘰𝘨𝘺" >𝘈𝘭𝘪<𝘴𝘱𝘢𝘯 >, 05:30

اقا ساختار هر URL چیه؟
<Webstorm_tech/>

Channel | Group | YouTube

👍8🏆2

867 views<𝘴𝘱𝘢𝘯 𝘳𝘦𝘢𝘥𝘰𝘯𝘭𝘺 𝘥𝘢𝘵𝘢-𝘵𝘺𝘱𝘦="𝘩𝘶𝘮𝘢𝘯" 𝘰𝘯𝘴𝘩𝘰𝘸="𝘥𝘢𝘯𝘤𝘦()" 𝘴𝘵𝘺𝘭𝘦="𝘥𝘪𝘴𝘱𝘭𝘢𝘺: 𝘨𝘳𝘦𝘦𝘥!" ᴄʟᴀꜱꜱ="𝘱𝘴𝘺𝘤𝘩𝘰𝘭𝘰𝘨𝘺" >𝘈𝘭𝘪<𝘴𝘱𝘢𝘯 >, 11:30

داشتن رزومه برای برنامه نویس از نون شبم واجبتره 👨‍💻

با این سایت دیگه نگران ساخت رزومه‌ات نباش 😎

<codes.learning/>

Channel | Group | YouTube

😎6👍1

989 views<𝘴𝘱𝘢𝘯 𝘳𝘦𝘢𝘥𝘰𝘯𝘭𝘺 𝘥𝘢𝘵𝘢-𝘵𝘺𝘱𝘦="𝘩𝘶𝘮𝘢𝘯" 𝘰𝘯𝘴𝘩𝘰𝘸="𝘥𝘢𝘯𝘤𝘦()" 𝘴𝘵𝘺𝘭𝘦="𝘥𝘪𝘴𝘱𝘭𝘢𝘺: 𝘨𝘳𝘦𝘦𝘥!" ᴄʟᴀꜱꜱ="𝘱𝘴𝘺𝘤𝘩𝘰𝘭𝘰𝘨𝘺" >𝘈𝘭𝘪<𝘴𝘱𝘢𝘯 >, 17:31

👨‍💻 احتمالا اسم سایتایی مثله فرانت اند منتور و کدوارز رو برای تمرین برنامه نویسی شنیدین، امروز ولی میخوام یه وبسایت دیگه رو بهتون معرفی کنم که چالش هایی رو برای بیشتر از 60 تا زبان رو پشتیبانی میکنه
- از دستش ندین👌 -
آدرس وبسایت: exercism.io
<codes.learning/>

Channel | Group | YouTube

🏆7👍1

928 views<𝘴𝘱𝘢𝘯 𝘳𝘦𝘢𝘥𝘰𝘯𝘭𝘺 𝘥𝘢𝘵𝘢-𝘵𝘺𝘱𝘦="𝘩𝘶𝘮𝘢𝘯" 𝘰𝘯𝘴𝘩𝘰𝘸="𝘥𝘢𝘯𝘤𝘦()" 𝘴𝘵𝘺𝘭𝘦="𝘥𝘪𝘴𝘱𝘭𝘢𝘺: 𝘨𝘳𝘦𝘦𝘥!" ᴄʟᴀꜱꜱ="𝘱𝘴𝘺𝘤𝘩𝘰𝘭𝘰𝘨𝘺" >𝘈𝘭𝘪<𝘴𝘱𝘢𝘯 >, 05:31

This media is not supported in your browser

VIEW IN TELEGRAM

برنامه نویسا وقتی حوصلشون سر میره🗿

#meme

Channel | Group | YouTube

🔥6🗿2👀1

784 views<𝘴𝘱𝘢𝘯 𝘳𝘦𝘢𝘥𝘰𝘯𝘭𝘺 𝘥𝘢𝘵𝘢-𝘵𝘺𝘱𝘦="𝘩𝘶𝘮𝘢𝘯" 𝘰𝘯𝘴𝘩𝘰𝘸="𝘥𝘢𝘯𝘤𝘦()" 𝘴𝘵𝘺𝘭𝘦="𝘥𝘪𝘴𝘱𝘭𝘢𝘺: 𝘨𝘳𝘦𝘦𝘥!" ᴄʟᴀꜱꜱ="𝘱𝘴𝘺𝘤𝘩𝘰𝘭𝘰𝘨𝘺" >𝘈𝘭𝘪<𝘴𝘱𝘢𝘯 >, 11:30

بهترین کد ادیتور های آنلاین😎👌

<yashar.a.afshar/>

Channel | Group | YouTube

🍾9❤2👍2

681 views<𝘴𝘱𝘢𝘯 𝘳𝘦𝘢𝘥𝘰𝘯𝘭𝘺 𝘥𝘢𝘵𝘢-𝘵𝘺𝘱𝘦="𝘩𝘶𝘮𝘢𝘯" 𝘰𝘯𝘴𝘩𝘰𝘸="𝘥𝘢𝘯𝘤𝘦()" 𝘴𝘵𝘺𝘭𝘦="𝘥𝘪𝘴𝘱𝘭𝘢𝘺: 𝘨𝘳𝘦𝘦𝘥!" ᴄʟᴀꜱꜱ="𝘱𝘴𝘺𝘤𝘩𝘰𝘭𝘰𝘨𝘺" >𝘈𝘭𝘪<𝘴𝘱𝘢𝘯 >, 17:48