✏️ لطفا برامون بنویسید که نظرتون درباره فعالیت‌های کانال تلگرام روکسو چیه؟

مشتاقانه انتقادات و پیشنهادات شما رو می‌خونیم 💜

انواع خطا در #جاوا_اسکریپت:

⚠️EvalError:‌
هنگام استفاده از تابع ()eval رخ می دهد

⚠️InternalError:
هنگامیکه خطایی در موتور جاوا اسکریپت اتفاق میفتد و داده‌ها آنقدر زیاد میشوند که پشته (stack) بیش از حد بزرگ میشود

⚠️RangeError:
زمانیکه عددی خارج از محدوده مجاز خودش باشد

⚠️ReferenceError:
زمانیکه یک ارجاع (reference) به یک متغیر وجود نداشته باشد

⚠️SyntaxError:
زمانیکه موتور جاوا اسکریپت نمیتواند کدهای نوشته شده توسط شما را بخواند. معمولا به دلیل غلط نحوی (syntax) رخ میدهند

⚠️TypeError:
زمانیکه یک متغیر یا پارامتر دارای نوع داده صحیح نباشد. مثلا تابع یک رشته را از ما میخواهد و ما یک عدد را پاس داده ایم

⚠️URIError:
زمانیکه مقدار پاس داده شده به توابع encodeURI یا decodeURI غیرمعتبر باشد

⚠️DOMException:
دسته‌ای از خطای جاوا اسکریپت مربوط به Web API هستند (کار با مرورگرها در جاوا اسکریپت)

⚠️AggregateError:
زمانیکه نیاز باشد چندین خطا به صورت یکجا نمایش داده شوند



📃 جامع‌ترین راهنما درباره‌ی خطاها در جاوا اسکریپت و روش‌های رفع آنها:

👉 https://www.roxo.ir/javascript-error-management-guide


🆔 @roxo_ir

🔹 آیا می‌دانید JavaScript build toolها چه ابزارهایی هستند؟ ابزارهایی که کدهای شما را مدیریت می‌کنند و آن‌ها را از کد development (مرحله توسعه) به کد production (مرحله تولید) می‌رسانند و مسائلی مانند وابستگی‌های برنامه را مدیریت می‌کنند. Vite یکی از این JavaScript build tool هاست.

🔹 در آوریل سال ۲۰۲۰ آقای Evan You (توسعه دهنده Vue.js) به فکر راه‌اندازی سرور توسعه‌ای به نام Vite افتاد. در ابتدا Vite تنها یک سرور توسعه برای کامپوننت‌های تک‌فایلی در Vue.js بود (single file component) اما بعدها توسعه پیدا کرد تا جایی که اکنون یک سرور توسعه برای تمام برنامه‌های جاوا اسکریپتی است.

🔹 ویژگی جالب Vite اینست که پروژه‌ها را bundle نمی‌کند (کدها را در یک فایل ادغام نمی‌کند) بلکه از ماژول‌های ES در جاوا اسکریپت استفاده می‌کند. این ویژگی، تفاوت اصلی Vite و دیگر سرورهای توسعه است و باعث می‌شود سرعت Vite بسیار بالا باشد.


📃‌ در مقاله‌ی زیر با Vite و نحوه‌ی کار آن بیشتر آشنا شوید:

👉 https://www.roxo.ir/what-is-vite


💻 #برنامه_نویسی #جاوا_اسکریپت


🆔 @roxo_ir

کاش زودتر می‌فهمیدم...😪


✌️ #بازی_برای_برد


🆔 @roxo_ir

📌 مدل OSI چیست؟

اگر از توسعه‌دهندگان back-end یا مدیران شبکه هستید، آشنایی با مدل OSI از موارد ضروری کار شما محسوب می‌شود.

مدل OSI مخفف Open Systems Interconnection یا «مدل اتصال متقابل سامانه‌های باز» یک مدل مفهومی از تعاملات شبکه است که توسط سازمان بین‌المللی استانداردسازی تعریف شده و از دهه ۱۹۸۰ به عنوان یک مدل استاندارد مورد قبول تمام سازمان‌های بزرگ قرار گرفته است.

زمانی که سیستم‌های یک شبکه می‌خواهند با یکدیگر اتصال برقرار کنند باید زبان یکدیگر را بفهمند، بنابراین نیاز به یک استاندارد خاص داریم تا تمام سیستم‌ها بر اساس آن با یکدیگر تعامل کنند که همان مدل OSI است. در واقع می‌توان به OSI به عنوان زبان جهانی شبکه نگاه کرد.


📃 درباره مدل OSI بیشتر بخوانید:

👉 https://www.roxo.ir/what-is-osi-model


💻 #برنامه_نویسی #شبکه

🆔 @roxo_ir

تصحیح اشتباهات در Git و راهنمای برگرداندن فایل‌ها به نسخه‌ی قبل


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

بسیار پیش می‌آید که در هنگام نوشتن کد در پروژه‌ای که با Git مدیریت می‌شود، اشتباهی را انجام دهید و حالا نیاز دارید این اشتباه را به حالت قبلی خود برگردانید.


📃 مقاله‌ی زیر بصورت جامع و مفصل به آموزش این موضوع پرداخته است:

👉 https://www.roxo.ir/complete-guide-to-correct-errors-in-git



💻 #برنامه_نویسی #Git #گیت

🆔 @roxo_ir

🤔 چرا HTML زبان برنامه‌‌نویسی نیست؟!


💻 #برنامه_نویسی #html

🆔 @roxo_ir

تایپ اسکریپت در یک مقاله!

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

📃 این مقاله سعی می‌کند این مشکل را برطرف کند و تمام مباحث پیشرفته تایپ اسکریپت را به سرعت توضیح دهد:

👉 https://www.roxo.ir/learn-typescript-in-15-minutes



💻 #برنامه_نویسی #تایپ_اسکریپت

🆔 @roxo_ir

بهترین کتابخانه‌های ری اکت

اگر در فضای وب کار کرده باشید حتما نام کتابخانه react را شنیده اید. این کتابخانه یکی از بزرگترین کتابخانه‌های توسعه front-end است و به شما اجازه می‌دهد صفحات خود را با استفاده از جاوا اسکریپت (به جای HTML) بسازید. معمولا کاربرد اصلی استفاده از react ساخت وب سایت‌های SPA یا Single Page Application است.

معروف‌ترین و بهترین کتابخانه‌های ری اکت عبارتند از:

1. React Query
2. Ant Design
3. Zustand
4. React Bootstrap
5. Material UI
6. React Hook Form
7. Rebass
8. React Router
9. Semantic UI React
10. Redux
11. React Responsive
12. Chakra UI
13. Grommet
14. Fluent UI
15. Evergreen UI
16. SWR
17. Styled Components
18. Enzyme
19. React Virtualized
20. React DnD
21. React Intl


📃 مقاله‌ی بررسی این کتابخانه‌ها را از دست ندهید:

👉 https://www.roxo.ir/react-top-libraries-to-use


💻 #برنامه_نویسی #ری_اکت

🆔 @roxo_ir

اگر با فضای توسعه‌ی وب با جاوا‌اسکریپت آشنا باشید حتما نام npm را شنیده‌اید. npm یک package manager است که بصورت خودکار با نصب node.js برایتان نصب می‌شود. package manager چیست؟ package manager به معنی «مدیریت کننده پکیج» است. همانطور که می‌دانید ما در جاوا‌اسکریپت به یک بسته کد «پکیج» یا «ماژول» می‌گوییم.


به‌اشتراک‌گذاری کد با استفاده از پکیج‌ها بسیار آسان می‌شود و در اکوسیستم جاوااسکریپت جا افتاده است. مزایای استفاده از چنین سیستمی عبارتند از:

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


🔹 با این حساب Yarn چیست و چه نقشی در این اکوسیستم دارد؟ Yarn جایگزینی برای npm است. احتمالا می‌پرسید چرا باید به جای npm از yarn استفاده کنیم؟ چون npm معایب خودش را دارد!


📃 این مقاله برای افرادی طراحی شده است که با npm آشنا بوده و حالا می‌خواهند از yarn استفاده کنند:

👉 https://www.roxo.ir/what-is-yarn


💻 #برنامه_نویسی


🆔 @roxo_ir

مرز باریـکی میــانِ مقــاومتِ قهـــرمــانانه و یک‌دنــدگی احمـقانه وجود دارد.

موافقین؟

✌️ #بازی_برای_برد

🆔 @roxo_ir

🖥 همانطور که می‌دانید visual studio code یا به اختصار VS Code یکی از محبوب‌ترین ویرایشگرهای کد در دنیا است. VS Code در اکثر نظر سنجی‌ها همیشه رتبه اول را کسب می‌کند و رقیبان خود مانند Atom را با فاصله زیادی پشت سر می‌گذارد.

🔪 با این همه VS Code شبیه به یک چاقو است؛ قدرت آن به این بستگی دارد که در دست چه کسی باشد! اکثر توسعه‌دهندگان مبتدی VS Code را به چشم یک ویرایشگر ساده می‌بینند اما این طرز تفکر اصلا صحیح نیست. VS Code می‌تواند تبدیل به یک IDE کامل شده و به شما انواع قابلیت‌های حرفه‌ای را دهد.


📃 در این مقاله می‌خوانید که چطور می‌توانید مانند یک برنامه‌نویس حرفه‌ای با VS Code کار کنید:

👉 https://www.roxo.ir/how-to-work-professionally-with-vs-code


💻 #برنامه_نویسی #ویژوال_استودیو_کد

🆔 @roxo_ir

معماری GraphQL یک معماری برای طراحی APIهاست اما با بزرگی خود کمتر در ایران شناخته می‌شود چرا که بیشتر توسعه‌دهندگان در ایران از معماری REST استفاده می‌کنند.

اگر بخواهیم به زبان فنی صحبت کنیم می‌گوییم که GraphQL یک زبان کوئری برای API است، بنابراین GraphQL توصیف می‌کند که یک API چطور داده‌هایش را در معرض نمایش قرار دهد.

در واقع می‌توانید با استفاده از GraphQL چندین سیستم را در پس‌زمینه داشته باشید اما برای تمام آن‌ها یک API واحد در نظر بگیرید.


📃 این مقاله برای افرادی است که با API ها کار کرده اند و حالا می خواهند وارد دنیای GraphQL شوند:

👉 https://www.roxo.ir/graphql-schema


💻 #برنامه_نویسی #GraphQL

🆔 @roxo_ir

🔋 به‌روز‌رسانی PHP به نسخه‌ی 8 بدون شکستن اسکریپت

از آنجایی که نسخه‌ی جدید PHP یک Major release است (نسخه‌ای کاملا جدید که دارای breaking changes است، یعنی کدهای قدیمی ممکن است در آن اجرا نشوند) باید قبل از به‌روزکردن سرور خود به PHP8 حتما این مقاله را مطالعه کنید.


📃 این مقاله به شما نشان می‌دهد چطور می‌توانید قبل از به‌روز‌رسانی نسخه‌ی PHP سرور،‌ کدهایتان را به‌روزرسانی کنید تا مشکلی پیش نیاید:

👉 https://www.roxo.ir/update-php-to-version-8-without-breaking-the-script



💻 #برنامه_نویسی #PHP

🆔 @roxo_ir

🔻🔻 گروه بحث و تبادل نظر و رفع اشکال درباره‌ی مباحث برنامه‌نویسی:

👇👇👇
t.me/roxogap

زبان #برنامه_نویسی بازی‌های مختلف


🆔 @roxo_ir

گیت‌هاب مکانی پر از پروژه‌های مختلف است که برخی از آن‌ها شخصی و برخی دیگر عمومی هستند.


📃 در این مقاله به بررسی پروژه‌های محبوب و کاربردی برای توسعه‌دهندگان front-end و back-end پرداخته‌ایم:

👉 https://www.roxo.ir/github-projects-you-should-bookmark


💻 #برنامه_نویسی #گیت_هاب

🆔 @roxo_ir

🟡‌ اگر به وب‌سایت Next.js بروید می‌بینید که جمله‌ی بزرگی در آن نوشته شده است:

The React Framework for Production

این جمله به معنی این است که next یک فریم‌ورک react برای مرحله بهره‌برداری (production) است. می‌توان این جمله را به صورت fullstack frarmework for react نیز نوشت، یعنی یک فریم ورک fullstack (شامل backend و frontend) برای کتابخانه react!

🟡 اگر از این جملات فنی دور شویم، می.توانیم next.js را به زبان ساده تعریف کنیم: فریم‌ورکی که از react استفاده می‌کند و تمام برنامه شما (سمت سرور و سمت کلاینت) را برایتان می‌سازد. این فریم‌ورک قابلیت‌های بسیار بیشتری را نسبت به react به شما می‌دهد و در واقع react را توسعه می‌دهد. توجه داشته باشید که در next.js هنوز هم کد react می‌نویسیم اما همانطور که گفتیم قابلیت‌های آن بسیار زیاد و قوی شده است و برای هر مسئله کوچکی نیاز به استفاده از کتابخانه‌های خارجی ندارید.


📃 در این مقاله بطور مفصل با Next.js و کاربردهای آن آشنا می‌شوید:

👉 https://www.roxo.ir/what-is-next-js


💻 #برنامه_نویسی #ری_اکت

🆔 @roxo_ir

🔋 مقدار رم مصرفی مرورگرها


🆔 @roxo_ir

🧨 معرفی وب‌سایت‌های کاربردی برای توسعه‌دهندگان

اگر از توسعه‌دهندگان دنیای وب هستید، حتما می‌دانید که اهمیت ابزارها در دنیای توسعه وب چقدر زیاد است. هر مهارتی که داشته باشید برای ساخت یک محصول با کیفیت، نیاز به ابزارهای خاصی دارید.

📃 در این مقاله به معرفی بهترین ابزارها برای توسعه‌دهندگان وب می‌پردازیم تا شما بتوانید با استفاده از آن‌ها کیفیت وب‌سایت خود را بالا ببرید:

👉 https://www.roxo.ir/websites-for-developers


💻 #برنامه_نویسی

🆔 @roxo_ir