🗣️ منبع مفید و کاربردی برای سوالات مصاحبه ای در لول های متفاوت در حوزه‌های مختلف برنامه‌نویسی 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

✌️ در جاوااسکریپت چطوری می تونیم صفحه ای که داخلش هستیم رو Reload کنیم ؟🤨

دوتا روش داریم با رفرش کردن صفحه 👇

روش اول متد reload هست :

window.location.reload();

روش دوم متد go هست :

window.history.go();

نکته : اگه هیچ محدودیتی و شرطی برای اجرای کدها نداشته باشیم ، این تب مرورگر ما تا زمانی که باز هست رفرش (Reload) میشه.
#javascript
☕️ @CodeExplore

" افراد موفق همیشه در حال یادگیری هستند. در حالی که افراد معمولی این ذهنیت را دارند که همه چیز را می دانند "

تی هارواکر

#motivational
☕️ @CodeExplore

بلااستثنا همیشه همینه 😂

#fun
☕️ @CodeExplore

💡 مجموعه ای از ایده های کاربردی توسعه اپلیکیشن های مختلف برای تقویت مهارت های برنامه نویسی

🌪 github.com/florinpop17/app-ideas

#programming #idea
☕️ @CodeExplore

🟢فهرستی از منابع مفید و عالی برای Machine Vision یا بینایی ماشین

🔗 github.com/jbhuang0604/awesome-computer-vision

#ai #vision #computer
☕️ @CodeExplore

🪟 نمی‌دانید چه متنی در چت‌بات‌ها بنویسید؟ مایکروسافت به کمک شما می‌آید

▪️مایکروسافت می‌‌خواهد مشکل ارائه‌ی درخواست مناسب برای هوش مصنوعی مولد را حل کند. در ماه‌های آینده، کوپایلت در سرویس مایکروسافت ۳۶۵ ویژگی تکمیل خودکار متن را ارائه خواهد داد.

▪️کوپایلت به‌محض شروع نوشتن درخواست متنی پیشنهاد می‌کند آن را با جزئیات اضافی تکمیل کنید تا نتیجه‌ی نهایی بهبود یابد. برای مثال، اگر کاربر عبارت «خلاصه کن» را تایپ کنید، کوپایلت پیشنهاد خلاصه‌کردن ۱۰ ایمیل خوانده‌نشده‌ی آخر در صندوق ورودی‌ را نمایش می‌دهد.
#ai #copilot
☕️ @CodeExplore

🔥کار با مخازن ریموت ( remote branches ) در گیت

📌در ادامه آموزش گیت و گیت هاب امروز رسیدیم با دو دستور فوق‌العاده مهم و کاربردی تا با برنچ های ریموت کار کنیم، منظورمون همون پروژه روی گیت هاب هست و امروز قراره مقدمات کار باهاش رو توضیح بدیم و در آموزش های بعدی وارد جزئیات بیشتری بشیم

⚡️اولین دستوری که قراره راجبش صحبت کنیم دستور git push هست که شما با استفاده از این دستور، کامیت هاتون رو به سمت ریپازتوری داخل گیت هاب میفرستین و اونجا ذخیره میشن
روش استفادش هم سادس:

git push 

ولی میتونین ریموت و برنچ رو انتخاب کنین که درباره ساخت ریموت ها در آینده توضیح میدیم:

git push <remote name> <branch name>

💎دستور بعدی git pull هست که برای آپدیت برنچ و ریپازتوری شما از ریپازتوری داخل گیت هاب به کار میره و اینم خیلی راحته:

git pull

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

این دستور هم مثل دستور بالا میتونین ریموت و برنچ رو بهش بدید

#git #git_push #git_pull
☕️ @CodeExplore

📣اخبار تکنولوژی : لیست 10 تا از جدید ترین اخبار مربوط به دنیای تکنولوژی که شاید جذاب باشه براتون

📊1. الگوریتم جدیدی که می تواند داده های "پر سروصدا" را برای پیش بینی بهتر نقاط عطف برشمرد. این الگوریتم می تواند در مدل های سیستم زمین بسیار مفید باشد.
⚡️2. توانایی کامپیوترهای کوانتومی در خانه های میلیون ها فرد و شرکت. این پیشرفت قول می دهد تا توانایی های تحول گرفته کوانتوم را با تضمین امنیت و حفظ حریم خصوصی فراهم کند.
🌐3. تحقیقات جدید نشان می دهد که مردم بیشتر از سوگیری های خود در تصمیمات الگوریتم ها را تشخیص می دهند. این تحقیقات می تواند به درک بهتر از چگونگی کارکرد الگوریتم ها کمک کند.
‼️4. هندسه پنهان یادگیری: شبکه های عصبی به یکدیگر فکر می کنند. این کشف می تواند به پاسخ به یکی از مهمترین سوالات پاسخ داده نشده در AI: چرا این روش ها به خوبی کار می کنند.
🦋5. ربات های تصادفی قابل اعتماد تر هستند. این می تواند در طراحی ربات هایی که باید در محیط های نامعین عمل کنند، مفید باشد.
✔️6. هوش مصنوعی می تواند در طراحی داروهای جدید بر اساس ساختار پروتئین کمک کند. این می تواند به توسعه داروهای جدید و موثرتر در آینده کمک کند.
🔔7. هکرهای Super Mario نرم افزار را محافظت می کنند. این می تواند به افزایش امنیت در بازی های آنلاین و نرم افزارهای دیگر کمک کند.
⚙️8. یادگیری یک کامپیوتر برای تایپ مثل یک انسان. این می تواند به افزایش قابلیت های تایپ خودکار و تولید متن کمک کند.
❗️9. مدل های هوش مصنوعی نیازی به برق زیاد ندارند. این می تواند به کاهش مصرف انرژی در عملیات هوش مصنوعی کمک کند.
⭐️10. دوربین های رباتیک حفظ حریم خصوصی. این می تواند به حفظ حریم خصوصی در استفاده از دوربین های رباتیک کمک کند.
#news
☕️ @CodeExplore

🧠 کابوس گوگل به حقیقت پیوست! OpenAI با موتور جستجوی فوق هوشمند خود، میدان را فتح می‌کند!

▪️دیگر دوران سلطه بی‌رقیب گوگل به سر رسیده است! غول هوش مصنوعی، OpenAI، با رونمایی از موتور جستجوی انقلابی خود، آماده نبردی تمام عیار با گوگل در آستانه رویداد I/O است. این موتور جستجوی فوق هوشمند، با اتکا به قدرت هوش مصنوعی، وعده ارائه تجربه‌ای بی‌نظیر و دقیق را به کاربران می‌دهد.

▪️انتخاب زمان رونمایی از این موتور جستجو به منزله اعلام جنگی تمام عیار به گوگل است. گوگل که به تازگی از هوش مصنوعی خود در رویداد I/O رونمایی کرده بود، باید برای حفظ سلطه خود در برابر این رقیب قدرتمند به شدت تلاش کند.
#news #chatGPT
☕️ @CodeExplore

بدون کپشن 😂

#fun
☕️ @CodeExplore