لیستی از Challenge های اوپن سورس برای برنامه نویسی بک اند که برای مصاحبه هم میتونید ازشون استفاده کنید ⚡️

🌐 github.com/CollabCodeTech/backend-challenges

#challenge #backend
☕️ @CodeExplore

حل مسأله در زبان های مختلف 😂

#fun
☕️ @CodeExplore

فهرستی از منابع در زمینه های مختلف علوم کامپیوتر 🔥

🌐 github.com/the-akira/Computer-Science-Resources

#computer #science
☕️ @CodeExplore

✌️ نحوه ساخت موز با جاوااسکریپت:
همین الان کنسول مرورگرتون رو با استفاده از (Ctrl+Shift+k) باز کنید و کد زیر رو وارد کنید:

var str = 'b' + 'a' + + 'a' + 'a';

console.log(str.toLowerCase());

اگه درست کد رو وارد کرده باشید بهتون خروجی banana (🍌) رو نشون میده :)

+ ولی دوست دارم نحوه ی عملکرد این کد رو شما تو کامنت ها بگید
#javascript #banana
☕️ @CodeExplore

چاپ متناوب اعضای لیست در پایتون ⌨️

🔹اینطوری میتونید اعضای یک لیست رو به طور متناوب به تعداد دلخواه پشت سر هم پرینت کنید:

from itertools import cycle

cycle_lab= cycle(["A","B"])
for z in range(5):
   print(next(cycle_lab))

#خروجی:
#A
#B
#A
#B
#A

#python #list #itertools
☕️ @CodeExplore

🔷امروز قراره در ادامه آموزش های گیت و گیت هاب درباره سه تا دستور پر کاربرد صحبت کنیم که البته توی آموزش قبلی به دوتاش اشاره کردیم:

🔹دستور git status : یکی از پرکاربرد ترین و مهم ترین دستورهایی که داخل گیت وجود داره همین دستوره، شما وقتی از این دستور استفاده کنین همونطور که از اسمش معلومه، وضعیت فعلی شمارو میگه، به طور مثال شما یکسری تغییراتی دادین(مثلا فایل اضافه کردین یا یسری کدهایی زدین یا حتی حذف کردین و تغییر دادین) و با استفاده از این دستور میتونین کامل ببینین که دقیقا توی چه فایل هایی تغییری ایجاد شده یا چی اضافه و حذف شده، توی یه لیست کامل خودش نشونتون میده
روش استفادش هم خیلی راحته :

git status

🔹دستور git add : خب ما توی آموزش قبلی یه اشاره بهش کردیم و گفتیم با این دستور، تغییراتمون رو به فضای Staging Area میبریم، ولی قراره بیشتر وارد جزئیات کار باهاش بشیم
در اصل شما وقتی از این دستور استفاده میکنین، میاین و تغییراتی که توی فایل ها اتفاق افتاده رو ثبت میکنین داخل فضای میانی و برای Commit شدن آمادشون میکنین، شما باید زمان استفاده از این دستور مشخص کنین دقیقا چه فایلی رو میخاین به مرحله بعد بفرستین
روش استفاده:

git add <file name>

🔴ولی خب چه اتفاقی میوفته اگه ما تغییرات خیلی زیادی داشته باشیم؟؟ نمیشه که 100 بار این دستور رو برای هر کدوم از فایل ها جدا جدا بنویسیم، در نتیجه ما میایم به جای اسم فایل، از دات استفاده میکنیم:

git add .

و اینطوری تمام تغییراتمون به فضای Staging Area منتقل میشه
ولی یکی از دوستان توی کامنت های آموزش قبلی یه اشاره داشتن به اینکه با استفاده از A- به جای دات میتونیم این کارو بهتر کنیم که به این صورت میشه:

git add -A

حتی بعد از این دستور هم میتونین بازم از دستور git status استفاده کنین تا کامل متوجه بشین چه اتفاقی افتاده، قبل از اینکه تغییرات به Staging Area منتقل بشن و شما وضعیت رو ببینین، رنگشون قرمز هست که یعنی ثبت نشدن ولی بعد از git add و دیدن وضعیت میبینین که سبز شدن و به این معنی هست که تغییراتتون به فضای میانی منتقل شده

🔹دستور git commit : این دستور هم خیلی سادس و میتونین باهاش تغییراتی که توی مرحله قبل با استفاده از git add به فضای میانی اضافه کردین رو به فضای Local Repo منتقل کنین و ثبتشون کنین تا ذخیره بشن داخل مخزن گیت، با ایجاد هر کامیت، انگار یه مرحله جدید از کدتون به ثبت رسیده
👈 یه نکته که داره اینه که شما وقتی یک کامیت جدید میسازین، تاریخ و اسمتون به همراه یه ایدی برای کامیت و یسری پیام ها ذخیره میشه تا دقیقا بدونین این مرحله برای چی بوده و توی چه زمانی ثبت شده و توسط کی بوده
برای اینکه یه متن برای تایتل کامیت در نظر بگیرین از m- استفاده میکنین و اگر هم بخاین توضیحات تکمیلی اضافه کنین بازم از m- استفاده میکنین که اجباری نیست
نحوه استفادش

git commit -m "message" -m "description"

✔️با استفاده از این دستورات میتونین با گیت به راحتی کار کنین ولی هنوز کلی دستور هست که در ادامه بهش میپردازیم

#git #git_status #git_add #git_commit
☕️ @CodeExplore

🖥 ریپازیتوری شامل جدیدترین دوره های ماشین لرنینگ و هوش مصنوعی در YouTube


🌪 github.com/dair-ai/ML-YouTube-Courses

#ai #machine #learning
☕️ @CodeExplore

💻مایکروسافت با مدل هوش مصنوعی اختصاصی از OpenAI فاصله میگیرد...!

▪️مایکروسافت به‌دلیل همکاری عمیق با OpenAI، هم‌اکنون به یکی از مدل‌های زبانی بزرگ (LLM) برتر جهان دسترسی دارد. بر اساس گزارش‌ The Information، غول فناوری اهل ردموند اکنون درحال ساخت مدل زبانی بزرگ اختصاصی با نام رمز MAI-1 است.

▪️ جالبه بدونید مصطفی سلیمان رهبری تیم تحقیقاتی مایکروسافت را برای توسعه‌ی MAI-1 برعهده دارد. مایکروسافت علاوه‌بر استخدام سلیمان و اعضای کلیدی Inflection AI، به فناوری این استارتاپ دسترسی دارد و بنابراین شاید از برخی فناوری‌های Inflection در توسعه‌ی MAI-1 استفاده کند

☕️ @CodeExplore

طنز تلخ؟

#fun
☕️ @CodeExplore

چگونه اسکرول های صفحه رو نرم (smooth) کنیم؟
🔵 دوستان تو CSS برای اینکه اسکرول های صفحه رو نرم (smooth) کنیم ، باید از کد زیر استفاده کنیم :

html {
  scroll-behavior: smooth;
}

اگه توی صفحمون هم انکرلینک (Anchor Link) داشته باشیم ، با این کد صحفه به صورت smooth تا اون موقعیت اسکرول میشه.
#css #scroll
☕️ @CodeExplore

🗣️ منبع مفید و کاربردی برای سوالات مصاحبه ای در لول های متفاوت در حوزه‌های مختلف برنامه‌نویسی Full-stack، الگوریتم ها و System Design

🔗 https://fullstack.cafe

#interview #question
☕️ @CodeExplore

👾 محتوا و فیلم خودت رو بدون هیچ ادیت و ضبط ویدیو ای فقط با متن بساز !

⚪️ کافیه برای این ربات یک داستان یا سناریو کوتاه بنویسید و چندتا دستکاری ریز دیگه تا اون گسترشش بده و تبدیل به یک ویدیو و فیلم فوق العاده کنه

◀️خیلی راحت می‌تونه براتون تولید محتوا کنه و از ویژگی های خوب دیگش اینه که فارسی رو به صورت کامل پشتیبانی می‌کنه شما حتی همونجا طبق سلیقه خودتون میتونید ویدیو رو ادیت کنید .

🔗 لینک سایت

#ai #video
☕️ @CodeExplore

❤️خوش اومدین به یه آموزش دیگه از سری آموزشی گیت و گیت هاب

⚡️امروز قراره به ادامه دستورات گیت بپردازیم و یسری دستورایی که برای کنترل بهتر گیت به کارمون میان رو باهم یاد بگیریم تا بهتر درک کنیم گیت داره با پروژمون چیکار میکنه

▶️دستور git log : این دستور یه دستور ساده اما پر کاربرد به حساب میاد، شما با استفاده از این دستور میتونین به لیست کامیت(commit) های پروژتون دسترسی داشته باشین و ببینین چه کامیت هایی دارین و حتی ایدی کامیت هارو بخونین تا اگر نیاز داشتین استفادش کنین، ولی این دستور رو میشه بیشتر مدیریت کرد.
فرض کنین شما صد ها کامیت زدین و میخاین الان کامیت هاتون رو مشاهده کنین ولی خب قطعا نیاز ندارین همه کامیت هارو ببینین، مثلا ممکنه 10 تا کامیت آخری که ثبت کردید رو مشاهده کنید، در این صورت این دستور رو اینطوری میزنیم:

git log -10

▶️با این کار فقط 10 تا کامیت آخر رو بهتون نشون میده
ولی خب وقتی شما استفادش کنین میبینین که کامیت هارو داره یکم شلوغ نشونتون میده و ممکنه نخاین اونقدر فضا بگیرن، پس این دستور رو امتحان کنین:

git log --oneline

▶️این دستور لیست کامیت هارو به صورت خلاصه و تک خطی نشونتون میده، فقط حواستون باشه oneline رو با online قاطی نکنین
حتی میشه این دوتارو ترکیب کرد:

git log --oneline -10

ولی خب یه کار خفن دیگه هم میشه کرد! شما میتونین کامیت هاتون رو به صورت درختی و نمودار مانند مشاهده کنین اونم با این دستور:

git log --graph

🟢دستور git diff : این دستور هم به کارتون میاد ولی خب اصولا کارش طوریه که IDE ها هم اکثرا دارن انجام میدن، شما وقتی این دستور رو وارد کنین، تغییراتون نمایش داده میشه، اینکه چه کدی پاک کردین، چه کدی اضافه کردین و چه کدی تغییر کرده رو کامل با جزئیات میتونین ببینین:

git diff

✨دستور git clear : این دستور خیلی به کار میاد و خیلی هم جذابه، شما با استفاده از این دستور میتونین فایل هایی که ساختین رو به حالت اول برگردونین و کلا حذفشون کنین، البته اینم بگم فقط فایل هایی که ثبت نشده رو از بین میبره، یعنی فایل های untracked رو، ولی خب فایل های untracked چیا هستن؟ دقیقا همون فایل هایی هستن که هنوز شما با استفاده از git add اونارو به فضای stage وارد نکردید
اما بریم سراغ استفادش:

git clean -n 

این دستور لیست فایل هایی که قراره حذف بشن رو نشونتون میده ولی حذف نمیکنه صرفا برای اینه که ببینین اگه بخاین حذف کنین چیا حذف میشه

git clean -f 

این دستور هم که پاک میکنه فایل هایی که اشاره کردیم رو

‼️فقط دوستان حواستون باشه نزنین فایل های مورد نیازتون رو پاک کنین چون دستور git clean قابل برگشت نیست
#git #git_log #git_diff #git_clean
☕️ @CodeExplore

🔵 تو این پست میخوایم تابع Clamp تو CSS رو باهم یاد بگیریم:

🔥 یک ویژگی خیلی جالب و خفنی تو CSS هست که تابع Clamp هست، این تابع به ما کمک میکنه که عناصر داخل صفحه رو خیلی راحت ریسپانسیو (Responsive) کنیم.

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

img {
  width: clamp(300px, 100%, 500px);
}

حالا این کد یعنی اینکه عرض تصویر شما 100% هست ولی این عرض عکس هیچ وقت از 500px بیشتر نمیشه و همچنین از 300px کمتر نمیشه. پس این عکس ما تو بازه ی 300px و 500px حالت شناور رو به خودش میگیره.

✨ کاربرد این تابع هم این هست که می تونید جایگزین توابعی مثل min / max و حتی مدیا کوئری (Media Query) باشه.

👍 نگران نباشید چون مرورگرهای Chrome / Mozilla Firefox / Internet Explorer / Safari پشتیبانی‌ میکنن

#css #clamp
☕️ @CodeExplore

💻 یک فول استک دولوپر به چه چیز هایی باید تسلط داشته باشه؟

⭐️ البته توجه داشته باشید که تسلط به همه اینها ضروری نیست،مثلا اگر پایتون و جنگو بلد باشید لازم نیست node js بلد باشید!

#web #fullstack
☕️ @CodeExplore

برنامه نویس داریم تا برنامه نویس ⚡️

#fun
☕️ @CodeExplore

🌲ویو جی اس( Vue.js ) چیست؟

💎ویو جی اس ( Vue.js ) یک فریمورک جاوا اسکریپت برای ساخت رابط کاربری است. این فریمورک بر پایه HTML، CSS و جاوا اسکریپت ساخته شده و یک مدل برنامه نویسی مبتنی بر کامپوننت و اعلانی را فراهم می کند که به شما کمک می کند تا به طور کارآمد رابط کاربری هر پیچیدگی را توسعه دهید. ویژگی های کلیدی Vue.js عبارتند از:

🟢سادگی: شما می توانید برنامه Vue خود را در 5-6 خط کد بنویسید.
🟢معماری مبتنی بر کامپوننت: Vue.js یک معماری مبتنی بر کامپوننت را دنبال می کند.
🟢قابلیت استفاده مجدد: رویکرد مبتنی بر کامپوننت Vue امکان ایجاد کامپوننت های قابل استفاده مجدد را فراهم می کند.
🟢سرعت بالا: وبسایت های نوشته شده با Vue سرعت بالایی را دارا هستند.
🟢امکانات گسترده: Vue.js امکانات بسیاری را در اختیار توسعه دهنده قرار میدهد، از جمله ساخت کامپوننت ها، پلاگین ها، هلپر ها، ساخت وبسایت های SPA ، دسترسی کامل به route ها و رندرهای مربوطه و...

#vue
☕️ @CodeExplore

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

👉 https://devtoys.app

#developer #tools
☕️ @CodeExplore

یادگیری حالت های مختلف و قابل استفاده GitHub Actions با مثال های کاربردی⚡️

🌪 github.com/macintoshpie/ghactionsbyexample

🔗 actionsbyexample.com

#github #action
☕️ @CodeExplore

👋برگشتیم با یه آموزش دیگه از سری آموزشی گیت و گیت هاب و امروز قصد داریم درباره مفهوم شاخه ها(branch) در گیت صحبت کنیم

📌سوال مهم اینه که شاخه ( Branch ) ها چی هستن؟ چیکار میکنن؟ به چه دردی میخورن؟
- شاخه ها توی گیت یه ابزار خیلی قدرتمند و عالی هستن که برای توسعه موازی پروژه به کار میرن، وقتی شما درحال توسعه پروژه هستین به صورت دیفالت روی یه شاخه وجود دارین که اسمش master یا main هست و شاخه اصلی پروژه شناسایی میشه، شما هر کامیتی که میزنین، هر تغییری که انجام میدین روی شاخه‌ی که هستین اعمال میشه پس این خیلی مهمه که برای کار های مختلف و امنیت پروژمون و البته خوانایی بالاتر کارامون بیایم و با چند تا شاخه(از این به بعد میگیم برنچ) کار کنیم تا یسری مزیت هارو داشته باشیم:

⚡️مزیت های کار با برنچ ها :
🟠- توسعه چندین فیچر به صورت همزمان: شما وقتی چند تا برنچ داشته باشین میتونین چندین فیچر و بخش مختلف رو توسعه بدین بدون اینکه کد های اصلی و برنچ اصلی پروژتون تغییری کنه و راحت بین فیچر ها جا به جا شین تا کارتون تموم شه، بعد که درست کار میکردن میتونین برنچ هارو یکی کنین و تغییراتش روی برنچ اصلی پروژتون اعمال بشه که خب عالیه
🟠- جداسازی کار و امنیت : وقتی که شما توسعه پروژتون رو جدا از برنچ اصلی انجام بدین به هر مشکلی هم که بوخورین، چون که روی برنچ اصلی نیستین، اون بیس و اصل پروژتون سالمه و خیالتون راحته که مشکلی برای پروژه پیش نمیاد و هروقت کداتون درست کار میکردن اونارو روی برنچ اصلی قرار میدین
🟠- تست آسان تر : وقتی از برنچ ها استفاده میکنین میتونین راحت چیزای مختلفو تست کنین و بین مراحل جا به جا بشین

❔حالا چطوری یه برنچ جدید بسازیم؟
با استفاده از دستور زیر میتونین یه برنچ جدید بسازین و هر اسمی دلتون میخاد براش بزارین:

git branch <branch name>

الان که برنچ جدیدتون ساخته شد میتونین با استفاده از دستور زیر، لیست تمام برنچ های موجود رو ببینین که پروژتون چه برنچ هایی داره:

git branch

❕ولی این موضوع هم هست که ما فقط با ساخت یه برنچ دیگه نمیتونیم باهاش کار کنیم و اول از همه نیاز داریم که برنچ دیگمون که ساختیم سوییچ کنیم، یه دستور ساده داره:

git checkout <branch name>

شما با استفاده از این دستور بین برنچ ها جا به جا میشین و راحت ازشون استفاده میکنین

🔥ولی اینکه ما بیایم یه برنچ جدید بسازیم و بعدش سوییچ کنیم بهش دوتا کامند و دستور جدا میبره و شاید بخایم یه راه خلاصه تر رو استفاده کنیم، پس:

git checkout -b <branch name>

با استفاده از این دستور هم یه برنچ جدید ساخته میشه هم سوییچ میشید به همون برنچ جدید

💎و خب الان دیگه میتونین راحت داخل برنچ جدیدتون هرکاری میخاین کنین و باز هم کامیت هاتون رو بزنین و انگار نه انگار یه برنچ دیگه هستین، ولی قضیه جایی جالب میشه که میخایم این برنچ جدیدمون رو با یه برنچ دیگه (مثلا main ) یکی و ترکیب کنیم تا تغییراتی که اعمال کردیم بره روی برنچ اصلی

✔️اینجا ما یه دستور و مفهوم جدید داریم به اسم merge که از اسمش هم مشخصه برای یکی کردن و تلفیق برنچ ها استفاده میشه
نحوه استفادش خیلی راحته
شما فرض کنین ما یه برنچ main داریم و یه برنچ dev
داخل برنچ dev اومدیم و یسری تغییراتی دادیم و الان میخایم اون رو به برنچ main مرج کنیم
اولین نکتش اینه که داخل اون برنچی باشین که قراره با یکی دیگه مرج بشه، یعنی الان ما میخایم dev رو بریزیم داخل main و یکیشون کنیم، باید اول بریم داخل برنچ main که با دستور checkout راهشو گفتیم
و حالا از این دستور استفاده میکنیم:

git merge <branch name>

و میبینین که الان کامیت ها و تغییرات داخل برنچ dev ، میان و ریخته میشن داخل برنچ main

❗️فقط دوستان یه نکته هست که شما وقتی توی یه برنچ فرعی ( هر برنچی به جز main ) هستین و درحال توسعه اون برنچ هستین، نباید بیاین و داخل برنچ main یسری تغییراتی بدین و کامیتی بزنین چون ممکنه دچار اختلال شه، در اصل ما وقتی یه برنچ جدید میسازیم دارم از برنچ فعلی یه کپی میگیریم اونجا، یعنی شما وقتی توی برنچ main هستین و اونجا یه برنچ dev میسازین، دارین همون محتوا و کد ها و فایل های main رو از روش یه برنچ دیگه به اسم dev میسازین، و خب موقع مرج و ادغام این برنچ ها وقتی dev به عنوان برنچ فرعی یسری تغییراتی داشته و شما داخل main هم باز یه کارایی کردین که دچار اختلال بشه، اینجا یه مشکل میخورین و باید کد ها و تغییراتتون رو با یکم دردسر کاری کنین این اختلال حل بشه پس یادتون باشه برنچ های فرعی رو هرکار خاستین کنین ولی تا وقتی کارتون با اونا تموم نشده از برنچ های اصلی دور شین تغییری توشون ندین

#git #git_branch #git_checkout #git_merge
☕️ @CodeExplore