Dom مجازی به چه شکل کار می کند؟
فرض کنید که یک شئ دارید و آن را به شکل یک انسان مدل سازی کرده اید. این شئ هر خصیصه ای که یک انسان داشته باشد را دارد و شرایط کنونی یک انسان را اجرا می کند . این دقیقا کاری است که React با DOM مجازی انجام می دهد.

حالا فکر کنید که اگر شما آن شئ را گرفته و تغییراتی در آن ایجاد کنید چه می شود. برایش سبیل بذارید برایش عضله بگذارید و چشم هایی شبیه به استیو بوشمی. در سرزمین React وقتی این تغییرات را ایجاد می کنیم دو اتفاق می افتد;اولی این که React یک الگوریتم شناسایی دارد که تشخصی می دهد تغییراتی انجام شده است.مرحله ی دوم هماهنگی است که Dom را با تغییرات ایجاد شده بروز رسانی می کند.

روشی کاری Dom آن است که به جای تغییر شخص، از اول بازو ها و صورتش را تغییر می دهد. این بدان معنی است که اگر متنی در یک ورودی داشته باشید , اگر برنامه ریزی برای Node اصلی اش وجود نداشته باشد متن، بدون تغییر باقی خواهد ماند.

به خاطر این که React از یک Dom مجازی یا تقلبی استفاده می کند و نه واقعی, یک سری امکانات جالب دیگر نیز دارد.


☕️ @CodeExplore

⚫️ استیو جابز 12 سال پیش در چنین روزی درگذشت

▪️استیون پال جابز ملقب به استیو جابز در 5 اکتبر 2011 (مصادف با 13 مهر 1390) در سن 56 سالگی به دلیل عوارض ناشی از سرطان لوزالمعده و بر اثر ایست قلبی درگذشت....

#apple #stevejobs
☕️ @CodeExplore

👀 تلگرام دنبال بهترین برنامه‌نویس هوش‌مصنوعی می‌گرده؟

🤔 مسابقه تلگرام در حوزه یادگیری ماشین با صندوق جوایز 40,000 دلار، مهلت 15 اکتبر و نتایج در تاریخ 29 اکتبر 2023 اعلام می‌شود.

🧠 شما باید یک کتابخانه پیاده‌سازی کنید که زبان برنامه‌نویسی و زبان نشانگر قطعات کد را از متن پیام تشخیص دهد.

همه افراد می‌توانند در این مسابقه شرکت کنند. جزئیات بیشتر در https://contest.com/docs/ML-Competition-2023 قابل مشاهده است.

☕️ @CodeExplore

وقتی کدت کار میکنه😂
ولی به کثیف ترین حالت ممکن نوشتی😂
( قانون اول برنامه نویسی: اگر کار میکنه ... بهش دست نزن )

#fun
☕️ @CodeExplore

معرفی فریم ورک Qt🫡
یکی از کاربردی ترین فریم ورک های برنامه نویسی در سطح سیستم عامل Qt حساب میشه.
چرا؟؟؟؟؟
✅چون مولتی پلتفرمه(Multiplatform) یعنی کد روی هر سیستم عامل دکستاپی مثل ویندوز و لینوکس و مکینتاش اجرا میشه با کمترین تغییرات🤩
✅زبان قدرتمند و سریع ++C پشت این فریم ورک هست
✅حتی پایتونم داره اگه ++C کار نیستید🥶
✅وجود Document های زیاد و کافی در سطح اینترنت یعنی اگه حتی سوالیم براتون پیش اومد سایت هایی مثل stackoverflow مثل 🏔پشت تونه
✅وجود ابزار های خیلی کاربردی مثل شبکه و ... که باعث شده این فریم ورک حتی توسط شرکت های معتبری هم استفاده بشه
✅وجود ابزار Qt Creator که باش می تونید طرح هاتون رو به صورت گرافیکی بزنید به جای اینکه با کد مختصات بدید یه چیزی مثل #C در VS
از خوبیاش گفتم بذارید چند تا نقطه ضعف هم بگم.

❇️اتمام پارت یک❇️

از خوبیاش گفتم بذارید چند تا نقطه ضعف هم بگم
❌ رقیباش جدی تو این زمینه براش وجود داره که به اونا هم میپردازیم از جمله Flutter
❌زبان ++C کمی برای شروع سنگینه برای همین برای افراد تازه کار توصیه نمیشه و تجربه سختی خواهد بود
❌اگه به صورت تجاری می خوایید فعالیت کنید نسخه های پولی رو باید تهیه کنید که از لحاظ مالی شاید مناسب نباشه برای بعضی از افراد
❌پیچیدگی برای پروژه های ساده و کم هزینه
❌عدم پشتیبانی از وب
❌به صورت کلی Optimize نیست یعنی از منابع سیستم به صورت بهینه استفاده نمی کنه

اطلاعات اضافه🔥
برای استفاده Qt در پایتون ۲ تا آپشن دارید.
📎اولین آپشن PySide6 :‌جدید ترین نسخه از نسل PySideحساب میشه از لحاظ لاینسس کاملا free هست و توی توسعه به مشکل نخواهید خورد اما توسط خود Qt طراحی نشده
📎دومین آپشن PyQt : توسط خود شرکت Qt توسعه داده شده اما لاینسسش مثل PySide دستتون رو باز نمیذاره نه اینکه برای استفاده پولیه ولی خوب برای محصولات تجاری مد نظر گرفته شده
اما از لحاظ کد زیاد فرقی نمی کنن شاید توی اسم ها کمی متفاوت باشن.
اینم در نظر بگیرید Qt Creator فقط برای ++C در دسترس هست به دلایلی از جمله compiler بودن زبان.زبان هایی script مثل پایتون این قابلیت رو ندارن چون به صورت JIT شما کد رو ران می کنید
برای اطلاعات بیشتر هم می تونید به این لینک مراجعه کنید
تعریفات:
JIT : just in time
VS : Visual Studio(Microsoft IDE)

☕️ @CodeExplore

⚪️هوش مصنوعی جدید Adobe

🧠ادوبی در رویداد Adobe Max, ابزار هوش مصنوعی جدیدی به نام Project Stardust برای ویرایش عکس معرفی می‌کند. این ابزار می‌تواند اشیاء در تصاویر را شناسایی کرده و به کاربران امکان تغییر یا حذف آن‌ها را بدهد. اطلاعات بیشتر در این زمینه در رویداد 10 اکتبر منتشر خواهند شد.

☕️ @CodeExplore

میگن چرا آقای ماسک جوون تره نسبت به قبلش
جواب: بخاطر اینکه برنامه نویسی رو کنار گذاشت
پی‌نوشت: جدی نگیرید کار با ارزش زمان بره👍🏻

#fun

☕️@CodeExplore

وقتی بعد گذروندن دوره «آموزش برنامه نویسی در ۳۰ روز» وارد بازار کار میشی :/

#fun
☕️ @CodeExplore

♨️ 10 تا از بهترین ریپازیتوری های توسعه وب

1. Web Developer-Roadmap :
https://github.com/kamranahmedse/developer-roadmap

2. 30-Seconds-Of-Code :
https://github.com/30-seconds/30-seconds-of-code

3. Awesome-Cheatsheets:
https://github.com/LeCoupa/awesome-cheatsheets

4. CSS-Protips :
https://github.com/AllThingsSmitty/css-protips

5. 33-JS-Concepts :
https://github.com/leonardomso/33-js-concepts

6. You-Dont-Know-JS :
https://github.com/getify/You-Dont-Know-JS/tree/2nd-ed

7. Front-End-Checklist :
https://github.com/thedaviddias/Front-End-Checklist

8. Javascript-Questions :
https://github.com/lydiahallie/javascript-questions

9. Clean-Code-Javascript :
https://github.com/ryanmcdermott/clean-code-javascript

10. free-programming-books :
https://github.com/EbookFoundation/free-programming-books

#github #web
☕️ @CodeExplore

اگر از جاوااسکریپت استفاده میکنید و میخواید انیمیشن ها رو داخل وبسایت/اپ خودتون بیارید این ۵ کتابخونه بدردتون میخوره

1) AnimeJS - https://animejs.com

2) Pop Motion - https://popmotion.io

3) TheatreJS - https://theatrejs.com

4) ThreeJS - https://threejs.org

5) AniJS - https://anijs.github.io

☕️ @CodeExplore

معرفی یک فریم ورک خوب دیگه🔥
بذارید شما رو با Flet آشنا کنم؟کمی آشناست نه؟
احتمالا اسم Flutter رو شنیدید.از اونجایی که آقای پایتون باید تو همه چی دست ببره تو Flutter هم دست برده و یک Framework عالی مثل Qt ولی در بستر Flutter برای برنامه نویساش آماده کرده😀
همون طور که تو دیروز صبح داشتیم یکی از رقیبای جدی Qt این فریم ورک حساب میشه و می تونید باش به علاوه بر نرم افزار های دکستاپ اندروید و تحت وب هم بزنید به شدت آسون و بدون خون ریزی🩸
برای نصبش باید این دستور رو بزنید

pip install flet

برای اطلاعات بیشتر هم می تونید به این لینک یه سری بزنید
#کاربردی #پایتون #فریم_ورک

☕️ @CodeExplore

۵ دستور مهم که یه کاربر لینوکسی در طول روز نیازش میشه(پارت دوم)🐧
💬اولین دستور: grep
کاربرد: می تونید فیلتر کنید.مثلا فرض کنید ip a زدید یا ifconfig می خوایید کارت شبکه رو فیلتر کنید که فقط اونو بهتون نشون بده
ifconfig | grep en1

💬دومین دستور: ifconfig or ip a
کاربرد: تمام کارت شبکه هارو با جزییات مناسبی بهتون نشون میده ip a به صورت دیفالت توی سیستم عاملتون نصب نیست به جز اینکه از لینوکس خاصی استفاده می کنید مثل Kali
ifconfig
💬سومین دستور: ping
کاربرد: می تونید اتصالتون رو به یه سرور بررسی کنید و تاخیر رو ببینید. c- یه آپشن هست که می تونید تعداد درخواست رو بهش بگید می تونید هم مشخص هم نکنید
ping -c 2 google.com
💬چهارمین دستور: cp
کاربرد: می تونید یک فایل رو جا به جا کنید.اولین مسیر جایی هست که فایل قرار داره و دومین مسیری که میگید مقصد هست

cp my_file.txt /usr/codeexplore/Desktop/

💬پنجمین و آخرین دستور: rm
کاربرد: می تونید باش فولدر و فایل پاک کنید.ولی در بعضی از فولدر ها لازمه sudo استفاده کنید.
rm my_file.txt
rm -r myfolder

#لینوکس #کاربردی

☕️ @CodeExplore

این قطعه کد رو نظر بگیرید به صورت ذهنی جواب رو پیدا کنید🔥
function foo(arr) {
let result = [];
for (let i = 0; i < arr.length; i++) {
if (arr[i] % 2 === 0) {
result.push(arr[i]);
}
}
return result;
}
console.log(foo( [1,2,3,4,5] ))

کی گفته C سخته؟

#fun #C_Programming #Low_Level_Programming

☕️ @CodeExplore

بهترین وبسایت های طراحی شده با React 👇👇

ری اکت یک کتابخانه رویایی و نوآورانه جاوااسکریپت میباشد که توسعه دهندگان را قادر میسازد تا برنامه‌هایشان بدون نیاز به رفرش شدن صفحه، داده را رفرش کنند.React توسط یک مهندس نرم‌افزار به نام جردن والکه (Jordan Walke) ساخته شده و از سال ۲۰۱۱ مورد استفاده است.

⚡️Facebook

🔥Netflix

⚡️PayPal

🔥Cloudflare

⚡️Drobox

🔥BBC

⚡️Airbnb


☕️ @CodeExplore

مقایسه Tailwind css و Bootstrap

فریم ورک Tailwind CSS  برای توسعه دهندگان باتجربه که می خواهند کنترل کاملی بر طرح های خود داشته باشند، عالیست.

بوت استرپ برای مبتدیانی که می خواهند سریع شروع به کار کنند بهتر است.
اگر به دنبال انعطاف پذیری بیشتر، شخصی سازی و توانایی ایجاد طرح های منحصر به فرد هستید، Tailwind CSS انتخاب بهتری است، که هم عملکرد و کیفیت کد بهتری نسبت به Bootstrap ارائه می دهد.

اگر شما یک طراح نیستید و فقط می خواهید مواردی را در سریع ترین زمان ممکن کنار هم قرار دهید، Bootstrap  برای شما مناسب تر است.
اما اگر آزادی عمل برای ایجاد طرح های سفارشی مد نظر شماست، Tailwind CSS  گزینه بهتریست.

اگر پروژه شما تفاوت چندانی با برخی از طرح‌بندی‌های رایج‌تر ندارد، یا بیشتر یک توسعه‌دهنده فول استک یا توسعه‌دهنده سمت بک اند هستید، Bootstrap می تواند انتخاب بهتری برای شما باشد.

اگر بیشتر به CSS عادت دارید، Tailwind می‌تواند انتخاب بهتری باشد.

☕️ @CodeExplore