خلاصه انواع Grid Aligment در CSS 🔵

🔹اگر یادتون رفته چطوری ازینها استفاده میکردیم، به این شکل بود :

.box{
justify-content: start;
}

#css #grid
☕️ @CodeExplore

🎇 خفن ترین تصاویر پس‌زمینه تو این سایته...!

🔺تصویر پس‌زمینه یه چیزیه که تو هر ز‌مینه‌ای کاربرد داره ؛ از طراحان سایت گرفته تا کسایی که مشغول کار ادیت تصاویر و گرافیک و... هستن

🔺تو این پست میخوام یه سایتی رو معرفی کنم که کلی تصویر زمینه باحال با دسته‌بندی های متفاوت داره و شما حتی می‌تونید اونارو ادیت هم بکنید و از طیف های رنگی مختلفش استفاده کنید ؛)

📎https://bgjar.com

#site
☕️ @CodeExplore

30 روش برای بهبود عملکرد وب سایت با CSS رو می تونین تو سایت زیر مطالعه کنید👇

👉 https://blog.openreplay.com/30-ways-to-improve-website-performance-with-css/

#css
☕️ @CodeExplore

اوبونتو 24.04LTS، منتشر شد!
برخی از ویژگی‌های امنیتی خوبی که در این نسخه وجود دارد:
Unprivileged user namespace restrictions
Binary hardening
AppArmor 4
استفاده از کرنل 6.8 که ویژگی‌های امنیتی زیادی مثل Secure virtualization به همراه دارد.

👉 https://ubuntu.com/blog/ubuntu-desktop-24-04-noble-numbat-deep-dive

#ubuntu
☕️ @CodeExplore | </Vahid Nameni>

هر یک دقیقه در اینترنت چه اتفاقاتی میوفته؟ 🤨

💬 از میون اینها فقط اطلاعات واتساپ و حمله سایبری خیلی کمتر از حد انتظار بود، شما چی فکر میکنید؟

🔗 منبع

#internet
☕️ @CodeExplore

✌️ مجموعه ای از بهترین و اصولی ترین روش ها برای انجام پروژه های جاوا اسکریپت

🌪 github.com/elsewhencode/project-guidelines

#best #practice #javascript
☕️ @CodeExplore

انواع دستورات CMD 📱

1️⃣ mkdir [اسم فولدر]
با این دستور میتونید توی مکانی که هستید فولدر درست کنید.

2️⃣ cd..
با این دستور یک پوشه میرید عقب تر (یا بالاتر).

3️⃣ cd [اسم فولدر]
با این دستور وارد فولدر مد نظر میشید.

4️⃣ d:
با نوشتن حرف درایو و نوشتن دو نقطه بعدش (چسبیده) وارد اون درایو میشید.

5️⃣ dir
تمام فایل و فولدار های مکان (یا همون دایرکتوری) ای که توش هستید رو براتون لیست میکنه.

6️⃣ ren [اسم فولدر] [اسم جدید برای فولدر]
با این دستور میتونید فولدرتون رو نامگذاری مجدد (rename) کنید.

7️⃣ copy [اسم فایل] [آدرس مقصد]
با این دستور میتونید فایل مد نظرتون رو کپی کنید و توی آدرس مقصد (یا دایرکتوری مقصد) پِیست کنید.

8️⃣ del [file]
با این دستور میتونید فایل مدنظرتون رو دلیت کنید.

#cmd #commandprompt
☕️ @CodeExplore

ساخت بارکد در پایتون ⌨️

🔹میتونید با استفاده از کتابخانه barcode در پایتون، بارکد خودتون رو بسازید!

import barcode
from barcode.writer import ImageWriter
barcode_format = barcode.get_barcode_class('code128')
data = 'your data'
my_barcode = barcode_format(data, writer= ImageWriter())
my_barcode.save('my_barcode')
print(my_barcode.render())

#barcode #python
☕️ @CodeExplore

راهنما های کوتاه و کاربردی علوم کامپیوتر و ریاضی 🔥

توی این راهنما مطالبی در رابطه با هوش مصنوعی، ماشین لرنینگ و ... به زبان انگلیسی و فارسی وجود داره.


🇬🇧 stanford.edu/~shervine/teaching/

🇮🇷 stanford.edu/~shervine/l/fa/teaching/

#computer #science
☕️ @CodeExplore

یکی از بچه های چنل یه اکستنش نوشته که  برای سئو کارا خوبه و فعلا بیشتر تمرکزش روی تصویره!

آنالیزی که میکنه شامل:

1. عکس لود نشد (404 و یا هر دلیل دیگه...)
2. مقداری برای src ست نشده!
3. اتریبیوت alt نداره یا خالیه!
4. اتریبیوت width و/یا height نداره!
5. اون سایزی که رندر شده و داره نمایش میده با اون سایزی که خود تصویر هست متفاوته!
6. مقدار aspect-ratio تصویر رندر شده با تصویر اصلی متفاوته!
7. سایز فایل بیشتر از X کیلوبایته! (قابل تنظیمه که اشتباهی فایلهای بزرگ ست نشده باشه)
8. تصویر 2x و 3x و... نداره!
9. تصویر با فرمتهای جدید نداره! (webp و avif)
10. اتریبیوت "loading="lazy نداره!
11. تصویر LCP باید "loading="eager باشه!
و کلی آپشن و فیچر دیگه...

همشون ارور نیستن و بعضیاشون warning و بعضیاشون information هستن!

لینک گیت هاب پروژه :

🌐 https://github.com/Oxyplug/Technical-SEO-Audit

☕️ @CodeExplore

"موفقیت، پاداشی است که برای کسانی که تسلیم نمی‌شوند و به رویاهایشان پایبند می‌مانند، فراهم می‌شود." ⚡️

#motivational
☕️ @CodeExplore

احساس اعتماد به نفسی که میده ☄️

#fun
☕️ @CodeExplore

فیلتر کردن محتوا آرایه ها در جاوااسکریپت ✌️

🔹میدونستین که این کار رو توی جاوااسکریپت هم میشد کرد؟ بیاین مثال بزنیم که شما‌ یک آرایه دارین که توش چند تا سن هستش و شما میخواین سن های بزرگتر از یک عددی رو فقط دریافت کنید:

function checkAge(age){
   return age>=18 ;
}

const ages = [33,16,12,20] ;
const result = ages.filter(checkAge) ;
console.log(result) ;
// output : 33,20

#javascript #filter
☕️ @CodeExplore

💻 اگر قصد یادگیری الگوریتم و حله مسئله رو دارید یا میخواید تازه به دنیای برنامه نویسی وارد بشید میتونید از این پلی لیست کاربردی و مفید برای یادگیری الگوریتم و فلوچارت استفاده کنید.

🔗 لینک Play List

#algorithm #flowchart
☕️ @CodeExplore

چند تا منبع خوب برای یادگیری برنامه نویسی:

🖐 HTML
html.com

🔵 CSS
css-tricks.com

✌️ JS
jsv9000.app

📝 DSA
algorithm-visulizer.org

🌪 GITHUB
learngitbranching.js.org

🔵 REACT
react-tutorial.app

📶 API
rapidapi.com/learn

#site
☕️ @CodeExplore

لیستی از فیلم ها و سریال های جذاب برای برنامه نویسان ▶️

👉 github.com/k4m4/movies-for-hackers

#movie #programming
☕️ @CodeExplore

سایت های تمرین برنامه نویسی 📱

چند تا سایت آوردیم براتون برای تمرین برنامه نویسی! واضح هست که مهمترین کار توی هر چیزی تمرینه!
✌️ Javascript:
learnjavascript.online

⌨️ Python:
pynative.com

🔵 CSS:
codesandbox.io

💻 Hacking and Security:
tryhackme.com

🔹SQL:
sql-practice.com

➡️ Regex:
regexone.com

#site
☕️ @CodeExplore

۶ مهارت مهم که حتما باید در کنار برنامه نویسی یاد بگیرید! ⚠️

‼️ شاید براتون سوال پیش بیاد که کسی هست برنامه نویسی بلد باشه اما مفاهیم کامپیوتر رو نه؟ یا زبان انگلیسی رو نه؟ بله! خیلی از برنامه نویس ها انگلیسی بلد نیستن، برنامه نویسیشون خیلی قویه ولی انگلیسی اصلا بلد نیستن! اما اگر بخواید از اونور آب پروژه بگیرید و فریلنسری کار کنید قطعا به زبان انگلیسی نیاز دارید! مفاهیم کامپیوتر هم همینطور، خیلی زشته که برنامه نویسی ماهری باشید و فرق بیت و بایت رو ندونید 😉

#learning
☕️ @CodeExplore

فول استک دولوپرا 😭

#fun
☕️ @CodeExplore