با استفاده از این سایت میتونید Blob های منحصر به فرد و یونیک بسازید طبق چیزی که خودتون نیاز دارید و برای پروژه هاتون استفاده کنید.
خروجی رو هم میتونید به شکل SVG و یا کد بگیرید.
#frontend #blob
Please open Telegram to view this post
VIEW IN TELEGRAM
www.blobmaker.app
Blobmaker - Make organic SVG shapes for your next design
Make organic SVG shapes for your next design. Modify the complexity, contrast, and color, to generate unique SVG blobs every time.
⚡13❤🔥2🔥2
" آلن دو باتن "
#motivational
Please open Telegram to view this post
VIEW IN TELEGRAM
❤🔥26🔥5⚡1
#پست_پیشنهادی
Please open Telegram to view this post
VIEW IN TELEGRAM
restorePhotos.io
Face Photo Restorer
Restore your old photos and keep the memories alive.
❤🔥12⚡2🔥1
با استفاده از این سایت میتونین وکتور ها و svg های قشنگ و خفن با رنگ بندی های کاستوم برای پروژه هاتون استفاده کنین و خیلی زیبا و با کیفیتن
https://undraw.co/illustrations
Please open Telegram to view this post
VIEW IN TELEGRAM
unDraw
Illustrations | unDraw
Browse the complete unDraw collection of open-source illustrations. Find and customize the perfect illustration for your next project or website.
❤🔥12⚡3🔥1
python
python%%10
python 3.12
pycharm
py file
sl file
من میخوام ریجکسی رو بنویسم که اولش py داشته باشه و در ادامه میتونه هرچیزی داشته باشه (هم فضای خالی، هم نماد، هم هرچیز دیگه ایی)
من یه ریجکس ساده مینویسم با استفاده از w\ ، که فرقشو با نقطه ببینید:
/py\w*/img
python, python, python, pycharm, py
/py.*/img
python , python%%10, python 3.12, py file
a, an, and, on, android
برای اینکه مشخص کنیم یه کارکتر اختیاریه (وجود داره یا نه) از نماد ? استفاده میکنیم:
/an?\w*/g
a, an, and, android
بزارید بازم متنو تغییر بدم (نزاریدم خودم تغییر میدم
amirroox(Dani) Score: 1000
amin Score: 0
amirMasood Score: 999
korosh Score: 90
Agha Reza Score: 55
flani Score: 6
ما میخوایم ریجکسی رو بنویسیم که اسم افراد به همراه امتیازشون رو برای ما برگردونه ، البته یه شرط داریم ، و اونم اینه که ، اونایی رو برگردونه که امتیاز 2 ، 3 و 4 رقمی دارن (امتیاز تک رقمی نمیخوایم
حالا با این تفاسیر بریم ریجکسو بنویسیم:
/.* Score: \d{2,4}/img
amirroox(Dani) Score: 1000, amirMasood Score: 999, korosh Score: 90, Agha Reza Score: 55
توی ریجکس بالا {2,4} رو میبینید ، قبلا در مورد حالت {n} صحبت کرده بودیم که معنیه تعداد رو میداد ، حالا وقتی کاما میزاریم ، یعنی یه رنج مشخص میکنیم! یعنی تعداد ما 2 تا 4 باشه
همچنین توجه داشته باشید که داخل آکولاد هیچ فضای خالی نباید وجود داشته باشه
aab, abb, acb, adb, aeb, agb, akb, alb
/a[abcd]b/g
/a(a|b|c|d)b/g
aab , abb, acb, adb
خب ، چه چیز جدیدی یاد گرفتیم؟ هنوز هیچی
اگه توجه کرده باشید a,b,c,d توی حروف الفبا ، پشت هم قرار گرفتن ، ریجکس هم برای هندل کردن همچین چیزایی بهتون کمک میکنه!
بجای نوشتن ریجکس بالا، میتونید از ریجکس پایین کمک بگیرید:
/a[a-d]b/g
aab , abb, acb, adb
/a[1-5]b/g
ریجکس بالا ، کلماتی رو انتخاب میکنه که اولشون a ، آخرشون b و بینشون اعداد 1 تا 5 باشه (مثلا اینارو قبول میکنه: a2b, a4b و اینارو قبول نمیکنه: a7b, a9b)
آموزش امروزمونم تموم شد
روز خوبی داشته باشید
#regex #regular_expression
#regex_6
Please open Telegram to view this post
VIEW IN TELEGRAM
⚡16❤🔥3🔥2
آموزش تعریف متغیر در CSS 🔵
💻 احتمالا توی زبان های دیگه دیدید که متغیر تعریف میکنن و توش مقادیر مهم(یا شایدم بی اهمیت)ای رو میزارن، سی اس اس کار های عزیز هم بالاخره نیاز به دسته بندی دقیق کدشون دارن و وقتی تصمیم گرفتن تم سایت رو یک دست ریزی بکشن،لازم نباشه برن ctrl f بزنن و در به در دنبال اون کد رنگی بگردن و تغییرش بدن! کد زیر کمکتون میکنه توی سی اس اس متغیر تعریف کنید:
#css #trick #variable
☕️ @CodeExplore
:root {
--main-bg-color: coral;
--main-text-color: white;
}
body {
background-color: var(--main-bg-color);
color: var(--main-text-color);
}
#css #trick #variable
Please open Telegram to view this post
VIEW IN TELEGRAM
⚡20❤🔥3🔥2
دوتا منبع کاربردی و مفید برای یادگیری برنامه نویسی وب و اندروید همراه با مدرک معتبر که میتونید ازشون برای یادگیری برنامه نویسی استفاده کنید.
🔗 https://web.dev/learn
🔗 https://developer.android.com/courses
#web #android
☕️ @CodeExplore
#web #android
Please open Telegram to view this post
VIEW IN TELEGRAM
⚡8❤🔥3🔥1
این زبان یکی از محبوب ترین زبان های برنامه نویسیه که 25 ساله بین ماس! حالا میخایم باهم یکم بررسیش کنیم
البته هر زبانی یسری معایب هم داره دیگه..
#java
Please open Telegram to view this post
VIEW IN TELEGRAM
❤🔥13⚡3🔥1
یه زبان برنامه نویسی بازمانده، شیءگرا ، قابلیت های امن با عملکرد بالا
یه زبان برنامه نویسی اجباری، چند الگویی و کامپایل شدس
یه زبان برنامه نویسی سطح بالا، عملکرد بالا در محاسبات فنی
این یکی بر پایه جاواس و برای برنامه نویسی متقابل و همزمان طراحی شده
از زبان برنامه نویسی تابعی خالص ، تمرکزش روی ایمنی و نوع خواناییه
یه زبان برنامه نویسی تابعی و شیءگرا برای ساخت سیستم های برنامه نویسی و سیستم های نرم افزاری
خیلی شبیه به Ruby ولی با عملکرد بالاتر
این داداشمونم خاست توی توسعه فرانت به کار بیاد ولی مگه جی اس میزاره؟
Please open Telegram to view this post
VIEW IN TELEGRAM
⚡11❤🔥3🔥2😁2
موتور بازی سازی گودوت 👾
🔴 احتمالا اگر خیلی توی زمینه بازی سازی گشته باشید، اسم گودوت یکی دو بار به گوشتون خورده باشه، اما چون خیلی توی کامیونیتی های ایران معروف نیست، ازش چیز خاصی ندیدید.
🔴 اولین نسخه موتور بازی سازی گودوت، سال ۲۰۱۴ منتشر شد، در حال حاضر آخرین ورژنش ۴۲ روز پیش اومده که ۴.۲.۲ هست و از دو زبان سی شارپ و گودو پشتیبانی میکنه. حجمش هم کمه،خیلی کمه،اگر اشتباه نکنم ۴۶ مگ هست. اوپن سورس هست و روی اندروید هم میتونید دانلودش کنید.
⏳ برای آموزش ها پیشنهاد میکنیم توی یوتیوب بگردید و دنبال آموزش های انگلیسی باشید،یا هم داکیومنت گودوت رو بخونید، چون آموزش های فارسی اکثرا یکی دو قسمتن یا اگر ۱۲ قسمت هم باشن فقط بخش ۲ بعدیش رو آموزش میدن.
◀️ در ضمن یه پست دیگه هم قبلا نوشتیم راجب انواع موتور های بازی سازی، بد نیست یک نگاهی بهش بندازید.
#godot #game #پست_پیشنهادی
☕️ @CodeExplore
#godot #game #پست_پیشنهادی
Please open Telegram to view this post
VIEW IN TELEGRAM
⚡11🔥4❤🔥2
قبلا در مورد براکت صحبت کردیم و گفتیم که پرانتز رو فعلا مشابه بدونید؛ اما امروز قراره این مبحث رو باز ترش کنیم.
amir 2002
ali 2000
daniyal 2002
hamid 2012
sobhan 1980
قبل از اینکه بخوام توضیح گروه بندی رو بدم ، بزارید یه ریجکس بنویسم:
/[a-zA-Z]* \d{4}/gm
amir 2002, ali 2000, daniyal 2002, hamid 2012, sobhan 1980
اگه تا حالا با آموزش پیش رفته باشید ، ریجکس بالا رو ساده میتونید بفهمید ؛ کل ریجکس بالا میگه عباراتی رو پیدا کن که ، اولشون کارکتر a تا z (هم بزرگ و هم کوچیک) و در ادامه یک فاصله و یک عدد 4 رقمی وجود داشته باشه.
[a-zA-Z0-9_]
یعنی شما با براکت خیلی راحت میتونید ، رنج های محتلفی ایجاد کنید :)
وقتی از گروه بندی استفاده میکنیم، یعنی ریجکس خودمون رو به بخش ها واحد دسته بندی کردیم (مثلا توی مثال بالا ، اول اسمه، دوم یه عدد 4 رقمی که سال تولده. ما میتونیم توی ریجکس گروه اول رو به اسم اختصاص بدیم و گروه دوم رو به سن و در دریافت مقادیر یه دسته بندی برای خودمون داشته باشیم)
([a-zA-Z]*) (\d{4})
amir 2002, ali 2000, daniyal 2002, hamid 2012, sobhan 1980
برای اینکه بفهمیم این اصلا کجا کاربرد داره ، من توی جاوا اسکریپت یه اسکریپت ساده مینویسم.
let text = '.....' // همون متن بالا
let regex = /([a-zA-Z]*) (\d{4})/gmi;
let matchAll = text.match(regex)
let names = [];
let born = [];
matchAll.forEach(() => {
let match = regex.exec(matchAll);
names.push(match[1]);
born.push(match[2])
})
console.log(names, born)
ha-ha
man-man
check-chick
no-yes
one-two
beb-beb
فرض کنید ، ما میخوایم از متن بالا ، عباراتی رو انتخاب کنیم که بینشون دَش (-) باشه و دو طرف دَش شبیه به هم باشن.
اینجا از گروه بندی و ارجاع به گروه استفاده میکنیم (ارجاع ، یعنی اشاره کردن)
ریجکس زیر رو ببنید:
/(\w+)-\1/img
ha-ha, man-man, beb-beb
خیلی بخوام واضح ریجکس بالا رو توضیح بدم میشه این : عباراتی را پیدا کن که ، اولشون به تعداد 1 الی اِن تا حروف داشته باشه و در ادامه یک دَش قرار بگیره و در آخر همان گروهی که پیدا شده در ادامه دَش وجود داشته باشه.
برای مثال ، ریجکس بالا بدون گروه بندی و ارجاع میشه این :
/\w+-\w+/img
Site : Regex
#regex #regular_expression
#regex_7
Please open Telegram to view this post
VIEW IN TELEGRAM
⚡14❤🔥3🔥3
تنها راه انجام دادن کار های بزرگ این است که عاشق کارت باشی.
" استیو جابز "
#motivational
☕️ @CodeExplore
" استیو جابز "
#motivational
Please open Telegram to view this post
VIEW IN TELEGRAM
❤🔥24🔥6⚡3
تابع calc در CSS 🔵
☄️ یه دوست جدید آوردیم براتون،تابع calc تو CSS خیلی بچه باحاله! میتونی باهاش راحت محاسبات ریاضی انجام بدی و اندازهها رو دقیق تنظیم کنی.
❓ مثال:
یعنی عرض المان رو از کل صفحه کم کن 20 پیکسل.خیلی راحت و کاربردی!
#css #trick
☕️ @CodeExplore
.box {
width: calc(100% - 20px);
}
یعنی عرض المان رو از کل صفحه کم کن 20 پیکسل.خیلی راحت و کاربردی!
#css #trick
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥11⚡5❤🔥1
دیباگ کردن کد Regex 🆒
💬 یکم قبل تر ، آموزش رجکس گذاشتیم و بعضی دوستان میگفتن رجکس بخاطر باگ یابی سختش، استفاده نمیشه...
ℹ️ سایت Regex101 یه ابزار خیلی باحال و آنلاین برای ساخت و تست عبارات منظم (Regular Expressions) هست.میتونی توش ریجکسهات رو بنویسی و همون لحظه نتیجهش رو ببینی. توضیحات واضحی هم درباره هر بخش از ریجکس میده که کارت رو خیلی راحتتر میکنه. خلاصه، اگه با ریجکس سر و کار داری، حتماً بهش سر بزن!
#regex
☕️ @CodeExplore
#regex
Please open Telegram to view this post
VIEW IN TELEGRAM
⚡11🔥3❤🔥2
سایت زیر براتون api دیکشنری اماده کرده و استفادش هم خیلی خیلی راحته میتونین به خوبی یه دیکشنری خفن بسازین
https://dictionaryapi.dev/
#api
Please open Telegram to view this post
VIEW IN TELEGRAM
⚡9🔥3❤🔥2
قبلا با d\ و w\ آشنا شدید و نیازی نمیبینم دوباره تکرارش کنم
بزارید مثل همیشه یه متن اینجا بزارم و روی اون چنتا دسته کارکتر تست کنیم:
Toyota Corolla
Ford Raptor
Audi A3
Honda Civic
dodge challenger
BMW M6
peugeot pars 1389
roox TU5 $mark
دسته کارکتر w\ برای حروف انگلیسی - اعداد و علامت آندلاین بود ، حالا دسته کارکتر W\ دقیقا برعکس بالایی عمل میکنه (یعنی هرچیزی رو قبول میکنه، جز حروف ، اعداد و علامت آندلاین)
/\W/img
, , , , , , , , , , , , , $
/\D/img
همه حروف و علامت ها و فضای خالی به جز اعداد
دسته کارکتر جدیدی که میخوام بهتون بگم ، s\ که فقط فضاهای خالی رو در نظر میگیره (هر نوع فضایی، مثل اینتر یا اسپیس)
و برعکس همین رو هم داریم که میشه ، S\ که هرچیزی رو قبول میکنه ، جز فضای خالی.
/\s/img
هر نوع فضای خالی
/\S/img
همه چیز ، به جز فضاهای خالی
دسته کارکتر بعدی t\ که معنیه tab رو میده و اگه توی متن از tab استفاده بشه ، با تَب ها مطابقت داره
قبلا در مورد نماد ^ صحبت کردیم ، اما گفته بودم که فقط برای مشخص کردن اول جمله به کار نمیاد!
یکی دیگه از کاربر های ^ توی براکت ها مشخص میشه:
فرض کنید همچین ریجکسی داریم:
/[a-c]+/img
/[^a-c]/img
نماد ^ توی براکت ها، معکوس سازی رو انجام میده
دسته کارکتر s\ به صورت براکتی میشه :
/[\r\n\t\f\v]/img
دسته کارکتر S\ هم به صورت براکتی میشه:
/[^\r\n\t\f\v]/img
یعنی ، با یدونه ^ ، همه چی رو معکوس کردیم.
حالا شما برای من تو کامنت دسته های d\ و D\ و W\ رو به صورت براکتی بنویسید :)
روز خوبی داشته باشید
#regex #regular_expression
#regex_8
Please open Telegram to view this post
VIEW IN TELEGRAM
⚡11🔥5❤🔥4
با استفاده از این سایت میتونید مفاهیم مختلف رو با حل مسائل تعاملی موثر و با 15 دقیقه زمان گذاشتن در روز یاد بگیرید یا تقویت کنید.
مباحثی که توی این سایت وجود دارن مسائل ریاضی، Computer Science، برنامه نویسی و هوش مصنوعی، Science & Engineering و...
برای شروع هم یسری سوالات میپرسه که باعث میشه خیلی بهتر بتونه بهتون کمک کنه.
👉 https://brilliant.org
#programming #ai #computer #science
☕️ @CodeExplore
مباحثی که توی این سایت وجود دارن مسائل ریاضی، Computer Science، برنامه نویسی و هوش مصنوعی، Science & Engineering و...
برای شروع هم یسری سوالات میپرسه که باعث میشه خیلی بهتر بتونه بهتون کمک کنه.
#programming #ai #computer #science
Please open Telegram to view this post
VIEW IN TELEGRAM
⚡9❤🔥4🔥2