کداکسپلور | CodeExplore

اندروید کارا اعلام حضور کنن 👋 #fun ☕️ @CodeExplore

دوستان برای مطالب و محتوایی که روزانه توی چنل قرار میگیره انرژی و زمان زیادی توسط دوستان توی تیم کد اکسپلور صرف میشه تا بهترین محتوا در دسترس شما قرار بگیره و کد اکسپلور منبع مفیدی برای شما باشه. شما با ری اکشن و فروارد پست ها میتونید از ما حمایت کنید تا ما بتونیم همیشه برای شما مطالب مفیدی رو قرار بدیم ⚡️ ☕️ @CodeExplore

Pyinstaller کتابخانه ای مختص به تبدیل فایل های پایتون به فایل های اجرایی به ساده ترین روش ممکن. اول باید کتابخونه رو نصب کنیم :

pip install pyinstaller

1.commands --name تعیین اسم خروجی

pyinstaller main.py --name main

--onefile خروجی فایل معمولا وابستگی داره ، این تمام وابستگی هارو داخل خود فایل اجرایی میذاره

pyinstaller main.py --onefile

--noconsole or --w برای برنامه های گرافیکی ( مثل tkinter ) خوشایند نیست  که ترمینال همراه صفحه گرافیکی باز بشه پس این گزینه باید فعال باشه

pyinstaller main.py --noconsole

2. pyinstallerGUI یه چیزی هم هست از همین پای اینستالر که همه این اپشن ها و به صورت یه محیط گرافیکی نسبتا قابل قبول ارائه میده و میتونین دانلود و اجرا کنین ☕️ @CodeExplore | </Ehsan>

⚡️اومدیم با یکی دیگه از آموزش های TailwindCss و قراره که چندین مباحث مختلف رو باهم بررسی کنیم حاشیه نریم و بریم لیست کلاس هارو ببینیم برای اینکه z-index رو تنظیم کنیم ده تا ده تا طبقه بندی داریم براش و خب اینطوری داخل تیلویند هستش:

z-0
z-10
z-20
...
z-50

برای تنظیم visibility هم اینارو داریم:

visible
invisible //hidden
collapse

👑اما خب برای اینکه دیسپلی یه تگ رو none کنیم چی؟ خیلی راحت بهش کلاس hidden بدین برای تنظیم overflow هم لیست زیر رو داریم:

overflow-auto
overflow-hidden
overflow-clip
overflow-visible
overflow-x-...
overflow-y-...

خب دوستان عزیز این پست برای این بود که یکم موارد متفرقه رو ببریم جلو، از پست های بعد قراره وارد مباحث جزئی تر بشیم شماهم خودتون این صفحه رو نگاه کنین جالبه برای دیسپلی ها: 🌐 https://tailwindcss.com/docs/display #tailwind #tailwind_11 ☕️ @CodeExplore

🚨🚨 آخرین مهلت استفاده از تخفیف بی‌سابقه دوره‌ها 🚨🚨 ⏳ ۳۵٪ تخفیف تکرارنشدنی دانشکار فقط تا آخر امروز برقراره! 📣 اگر به دنبال آموزشی هستی که از صفر مهارت رو یادت بده و تورو برای بازار کار آماده کنه، از این فرصت حتما استفاده کن! ⚡️ دوره‌ها و بوت‌کمپ‌های زیر تخفیف ویژه دارن: 🔸 بوت‌کمپ استخدامی Python - Django 🔹 بوت‌کمپ استخدامی Front-End 🔸 دوره آموزش و استخدام DataScience & Machine Learning 🔹 دوره آموزش و استخدام Data Analysis 🔗 برای ثبت‌نام اولیه و مشاوره رایگان روی لینک زیر کلیک کن👇 🌐 httb.ir/LMYLs ⬅️ ➖➖➖➖➖➖

چندتا کار که انجام دادنشون گوشیتون رو به فنا میده! ⚠️ پ.ن: گوشی خودم داره سر شارژ کردنای اضافه به فنا میره 🥲 #mobile ☕️ @CodeExplore

اندازه های مختلف به همراه کدشون برای طراحی رسپانسیو ✅ #css #responsive ☕️ @CodeExplore

😂😂 #fun ☕️ @CodeExplore

بزرگ ‌ترین خطر برای اکثر ما این نیست که هدف ما بیش از حد بالاست و ما آن را از دست می‌ دهیم، بلکه این است که خیلی پایین است و ما به آن دست می یابیم. " Michelangelo " @CodeExplore

سایت Searchcode این امکان رو به شما میده به سرعت به بیش از 75 میلیارد خط کد از پروژه های اوپن سورس مختلف دسترسی پیدا کنید 💡 ⚪️این سایت با پشتیبانی بیشتر از 70 زبان برنامه‌نویسی و جستجو بین میلیون‌ها فایل کد، به کاربران کمک میکنه تا نمونه کدها، الگوریتم‌ها و کتابخانه‌های مورد نیاز خودشون رو داشته باشن و از اونها توی پروژه هاشون استفاده کنن. با قابلیت‌های پیشرفته سرچ مثل فیلتر کردن بر اساس زبان برنامه‌نویسی یا نوع فایل، Searchcode ابزاری ارزشمند برای برنامه نویسا هستش. 🔗 https://searchcode.com #search #code ☕️ @CodeExplore

🔥خب خب بیاین باهم بریم ادامه TailwindCss رو یاد بگیریم ⚡️خب اول از همه باید بگم برای اینکه ما بیایم دیسپلی المنت رو grid کنیم فقط کافیه کلاس grid رو بهش بدیم بعد از اون دیگه خیلی راحت میتونیم ستون و ردیف هاشو تنظیم کنیم داخل تیلویند به صورت پیش فرض از 1 تا 12 در نظر گرفته شده برای ستون و ردیف ها ولی خب میتونین بیشتر و کمترش هم کنین که البته نیاز نیست خداییش خب برای اینکه شما بیاین ستون و ردیف هارو مشخص کنین این کلاس ها در اختیارتونه

grid-cols-1
grid-rows-1
grid-cols-2
grid-rows-2
....
grid-cols-12
grid-rows-12

البته نیاز نیست هردو رو باهم به کار ببرین صرفا لیست کردیم اینم بگم شما وقتی grid-rows هارو مشخص نکنین دیفالتش auto هست و خودش میگیره پس بنظرم ستون هارو مشخص کنین کافی باشه حالا دیگه تصمیم با خودتون حالا ما یه چیزی هم داریم به اسم span که میتونیم بگیم این المنت ما چند تا ستون یا ردیف رو مال خودش کنه ما برای ستون و ردیف ها یه سینتکس داریم براش فقط اسمش فرق داره این لیست رو دقت کنین:

col-span-1
row-span-1
col-span-2
row-span-2
....
col-span-12
row-span-12
col-span-full
row-span-full

✅و خب اینم میدونین که میتونیم نقطه شروع و پایان المنت هارو هم مشخص کنیم که از چه ستونی شروع بشن یا توی چه ستونی تموم بشن حالا هم ستون هم ردیف رو باهم میبینیم:

col-start-1
col-end-1
row-start-1
row-end-1
col-start-2
col-end-2
row-start-2
row-end-2
...
col-start-13
col-end-13
row-start-13
row-end-13

الان ما اینجا تا عدد 13 رو داریم، دلیلش رو نمیگم میخام ببینم کدومتون Css و مبحث Grid رو بلدین به من توی کامنتا بگین چرا با اینکه 12 تا ستون داریم، اینجا تا 13 زده؟🦦 خب یه مبحث دیگه راجب Grid Auto Flow هستش که خب مربوط به دیسپلی گرید میشه و این کلاس هارو براش داریم:

grid-flow-row
grid-flow-col
grid-flow-dense
grid-flow-row-dense
grid-flow-col-dense

داخل سیستم گرید، ما علاوه بر اینکه میتونیم تعداد ستون هارو مشخص کنیم، حتی میتونیم جدای از اون، بیایم بگیم هر ستون ما چه سایزی به صورت اتوماتیک بگیره: (هم ستون هم ردیف)

auto-cols-auto
auto-cols-min
auto-cols-max
auto-cols-fr

💎برای ردیف هم فقط cols رو با rows عوض کنین و اما مبحث مهم آخر که هم برای فلکس هستش هم گرید، فاصله بین ایتم هاس که همون gap هستش برای تنظیم gap، ما هم میتونیم از اندازه های تیلویند که قبلا یاد گرفتیم استفاده کنیم هم جهت محورش یعنی افقی یا عمودی یا هردو رو مشخص کنیم:

gap-1
gap-x-1
gap-y-1

📌و خب این قسمت و قسمت قبلی خیلی خیلی مهم بودن سعی کنین حتما تمرین کنین باهاشون #tailwind #tailwind_10 ☕️ @CodeExplore

📌یه سایت خفن آوردم برای فرانت کارای عزیز که باهاش اشکال خداییش نامنظم و در عین حال خوشگل و زیبا بسازین برای پروژه هاتون 🌐 https://www.blobmaker.app/ #site ☕️ @CodeExplore

سایت democoding 🪫 ✔️ این سایت بهتون کد های CSS و HTML آماده میده و میتونین ازش برای یادگیری،ایده پردازی و حتی کپی UI های خفن استفاده کنید. به طور خلاصه یک سایتی مثل codepen هست، البته بعضی از سورس کدها هم به همین سایت codepen وصل میشن 🔗 Democoding #democoding ☕️ @CodeExplore

درج مقادیر بین یک آرایه در جاوا اسکریپت ✌️ ✅تصور کنید که یک آرایه از اعداد، مشابه زیر دارید:

const arr = [0, 1, 2, 3, 5, 6, 7, 8];

⭐️حالا میخوایم 4 رو سر جای خودش توی آرایه اضافه کنیم، به راحتی می تونید این کار رو با استفاده از splice درArray’s prototype انجام بدین. syntax of the splice به شکل زیر هست:

arr.splice(index, itemsToDelete, item1ToAdd, item2ToAdd, ...)

برای اضافه کردن عدد 4 در index4 باید کد زیر رو اجرا کنین:

arr.splice(4, 0, 4);

آرایه به روز شده به شکل زیر هست:

[0, 1, 2, 3, 5, 6, 7, 8]

#javascript #js #trick #array ☕️ @CodeExplore

هعی #fun ☕️ @CodeExplore

روانشناسی رنگ ها 👀 میدونین که رنگ ها و تم ها چقدر توی طراحی نرم افزار و سایت ها مهمن ، این عکس کمکتون میکنه با توجه به نرم افزار رنگ های مناسبی انتخاب کنید😂 #color #theme ☕️ @CodeExplore

⚪️سایت Omatsuri یک جعبه ابزار برای web developer هاست که شامل ابزارهای مختلفی مثل Page dividers ،SVG compressor، Gradient generator و بسیاری از ابزار های دیگه هست و میتونه توی فرایند توسعه وب به شما کمک کنه. Omatsuri به صورت اوپن سورس ارائه شده و تمام ابزارهای اون به صورت رایگان قابل استفاده هستن. 🔗 https://omatsuri.app #web #developer #tools ☕️ @CodeExplore

⚡️سلام عزیزای دلم امروز اومدیم بازم چیزای جدیدی از TailwindCss یاد بگیریم توی این پست قصد داریم راجب flex و grid داخل تیلویند صحبت کنیم و خب شاید نشه توی یه پارت جمعش کرد 💥اول از همه با مبحث Flex شروع میکنیم و میریم که بررسی کنیم این عزیز دل چیا داره خب ما برای اینکه بخایم display یه المنت رو flex کنیم میام و کلاس flex رو بهش میدیم که خب واقعا واضحه اما نکته جالب برای نوشتن align-items و justify-content هستش که برای align-items ما فقط کلاس items رو مینویسیم و جلوش مقدارش رو، ولی برای justify-content از justify مثال رو باهم ببینیم:

<div class="flex align-center justify-center> 
</div> 

✅و خب برای مقادیرش این لیست پایین کمکتون میکنه:

justify-normal
justify-start
justify-end
justify-center
justify-between
justify-around
justify-evenly
justify-stretch
items-start
items-end
items-center
items-baseline
items-stretch

خب حالا ما داخل فلکس یه مبحثی داریم به اسم flex-basis که خب اینطوری استایل دهی میشه: basis-* که خب مقادیرش مثل همون واحد های اندازه تیلوینده که قبلا گفتیم و چیز خاصی نداره مثلا basis-20 🟡برای تغییر جهت و دایرکشن flex از لیست زیر به راحتی میتونین استفاده کنین:

flex-row
flex-row-reverse
flex-col
flex-col-reverse

نکته بعدی راجب flex-wrap هستش که اینم خب توضیح خاصی نداره خداییش چی بگم لیستش خدمتتون:

flex-wrap
flex-wrap-reverse
flex-nowrap

◀️برای خود مقادیر flex:

flex-1 // 1 1 0%
flex-auto // 1 1 auto
flex-initial // 0 1 auto
flex-none // none

◀️برای مقادیر flex-grow:

grow // flex-grow: 1;
grow-0 //flex-grow: 0;

‼️یه مبحثی هم داریم به اسم order که میاد اولویت بندی میکنه اون المنت ها و نحوه قرار گیری رو از order-1 تا order-12 داریم ولی برای اولین و اخرین هم دوتا order-first و order-last هستن که کارمون رو راحت میکنن اینم بگم دوستان اموزش تیلویند بر فرض این میره جلو که شما عزیزان Css رو بلدین و خب برای همین وقتی استایل هارو بلد باشین توضیح خاصی واقعا نمیتونم بدم چون خیلی از کلاس های تیلویند اصن با اسمشون معلومه چیکار میکنن ادامه مباحث که درباره گرید هست بره برای پست بعدی خسته نشین☕ #tailwind #tailwind_10 ☕️ @CodeExplore

برعکس کردن تکست در پایتون ⌨️ 🔴در واقع این قابلیت با استفاده از اسلایس کردن در پایتون به کار میره، که در آینده آموزشش رو میزاریم، فعلا در همین حد بدونید که شما میتونید به این شکل یک مجموعه(در این مثال یک استرینگ) رو قاچ قاچ کنید!

txt="CodeExplore"
print(txt[t1:t2:t3])

#در اینجا فرض میکنیم t1,t2,t3 همگی عدد صحیح هستند، t1 در واقع start رو مشخص میکنه و t2 مورد stop رو مشخص میکنه و آخری که t3 هستش step رو مشخص میکنه. 
#در واقع step میگه که با چه اندازه ای توی کاراکترا پیش بره، start نقطه شروع رو مشخص میکنه که پیشفرض 0 هست و stop هم نقطه پایان رو مشخص میکنه که پیشفرض شماره آخرین حرف کاراکتره

برگردیم به مثال خودمون، اینجا استپ رو منفی گذاشتیم تا به عقب بره، اینطوری تکست برعکس میشه:

a = "Hello World!"
print(a[::-1])

"""
!dlroW olleH
"""

#python #step #slice ☕️ @CodeExplore

💫 تو این تصویر کور دولوپرهای تیم Pydantic رو می بینید و بازم یک ایرانی دیگه تو یک تیم خفن. افتخار میکنیم که حسن رمضانی تو این تصویر می بینیم. حسن رمضانی سمت راستیه هست.✨ 🌐 گیت هاب حسن رمضانی 🖥 تجربه مهاجرت حسن رمضانی ( آلمان ) واسه همتون آرزوی موفقیت داریم و امیدوارم که بهترین ها براتون رقم بخوره:)💚 #developer #pydantic #library ☕️ @CodeExplore