شبکه توسعه دهنده Mozilla (MDN): با بهترین ابزارها و راهنماها شروع به کار کنید

افشای: پشتیبانی شما به حفظ سایت کمک می کند! ما برای برخی از خدماتی که در این صفحه توصیه می کنیم هزینه ارجاع دریافت می کنیم.


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

علاوه بر این ، شبکه توسعه دهنده Mozilla دارای طیف وسیعی از خدمات اجتماعی و مشارکتی از جمله وبلاگ و کانال IRC است. از اعضا دعوت می شود تا در بسیاری از پروژه های منبع باز موزیلا متصل شوند ، درگیر شوند و مشارکت کنند.

موزیلا چیست؟?

موزیلا یک سازمان غیرانتفاعی است که به بهترین وجه برای مرورگر منبع باز آنها ، Firefox شناخته می شود. این سازمان زندگی را در اواخر دهه 1990 آغاز کرد ، هنگامی که Netscape مرورگر وب خود ، Netscape Communicator را به صورت رایگان منتشر کرد. در ابتدا ، سازمان موزیلا فقط یک تیم کوچک بود که اکثراً در داخل نت اسکیپ قرار داشت ، وظیفه مدیریت توسعه این مرورگر تازه منبع آزاد را بر عهده داشت. در سال 2003 ، بنیاد غیر انتفاعی موزیلا تشکیل شد. AOL (شرکت مادر نتسکیپ) دارایی معنوی ذیربط را به بنیاد منتقل کرد ، هزینه کارمندان را پرداخت کرد و 2 میلیون دلار اهدا کرد.

Mozilla به توسعه و بهبود مرورگر Firefox ادامه داده است ، اما دامنه خود را نیز بسیار گسترش داده است. رسالت آنها “دفاع از آزادی اینترنت برای همه” است. آنها این کار را از چند طریق انجام می دهند از جمله ارائه مرورگرهای متن باز برای انواع سیستم عامل ها ، دفاع از سیاست های عمومی سازگار با اینترنت آزاد و آزاد ، ترویج استانداردهای وب باز در سراسر صنعت و آموزش به توسعه دهندگان از طریق شبکه توسعه دهنده Mozilla.

مستندات و آموزشها

بخش عمده ای از کار MDN تهیه مستندات گسترده در مورد فن آوری های وب است. آنها کاملترین مرجع HTML موجود در آن هستند ، صدها صفحه جزئیات عناصر HTML ، API مرورگر ، سوکت های وب ، ذخیره سازی آفلاین و سایر جزئیات وب مدرن را دارند..

همچنین مستندات و آموزشهای مربوط به برنامه نویسان برای سایر فناوریهای بنیادی وب مانند JavaScript و CSS ، همراه با راهنماهای توسعه دهنده برای دسترسی ، امنیت وب ، توسعه برنامه وب و بسیاری از موضوعات دیگر وجود دارد..

تمام این پروژه های آموزشی و مستنداتی – از جمله مستندات آنها برای پروژه های خود – در نظر گرفته شده است که استفاده از استانداردهای وب باز را برای توسعه ترویج می دهد. مواد آنها برای توسعه دهندگان در تمام سطوح انجام می شود. از یک معرفی بسیار اساسی در HTML گرفته تا آموزش نحوه ساخت بازی ها در HTML5. علاوه بر این ، بسیاری از صفحات سایت به تعدادی زبان مختلف ترجمه شده اند و به MDN توانایی منحصر به فرد برای آموزش شیوه های توسعه وب باز در سراسر جهان را می دهد..

ابزارهای برنامه نویس

گذشته از تهیه مستندات عمیق در مورد فن آوری های وب ، MDN از طریق تهیه تعدادی از ابزارهای با کیفیت بالا ، رایگان و متن باز برای توسعه متن باز به کارمندان وب کمک می کند. این ابزارها بخشی از پروژه مرورگر Firefox هستند و بیشتر آنها در مرورگر Firefox ساخته شده اند (یا با آنها استفاده می شوند).

ابزارهای توسعه دهنده Firefox زیادی وجود دارد. در اینجا چند نکات برجسته آورده شده است:

  • Scratchpad به شما امکان آزمایش با JavaScript را می دهد و یک ویرایشگر کد JS کوچک نیز ارائه می دهد. کد نوشته شده در ابتدا در صفحه وب فعلی اجرا می شود.
  • Style Editor مشابه است ، به شما امکان اضافه کردن ، ویرایش یا حذف CSS در یک وب سایت ، در پرواز.
  • Shader Editor به شما امکان می دهد سایه بانهای vertex و fragment ها را که توسط کتابخانه ارائه دهنده گرافیک WebGL JavaScript استفاده می شود ویرایش کنید.
  • صفحه بازرس به شما اجازه می دهد تا به راحتی HTML منبع صفحه را ویرایش و اصلاح کنید.
  • وب کنسول دسترسی به سیاهههای مربوط به عملکرد و خطا ایجاد شده در حین ارائه صفحه را فراهم می کند و به کاربران امکان می دهد خطوط دلخواه JavaScript را اجرا کنند. به طور مشابه ، کنسول مرورگر به جای یک صفحه وب واحد ، همان اطلاعات را برای کل مرورگر ارائه می دهد.
  • اشکال زدایی به شما امکان می دهد از یک بار خط JavaScript را طی کنید ، و به شما کمک می کند مکان هایی را که اشکالات رخ می دهند ، تعیین کنید.
  • شبکه مانیتور ، تمام درخواستهای ارائه شده توسط مرورگر را نشان می دهد ، پاسخ ، خطا و اطلاعات عملکرد را نشان می دهد.
  • بازرس ذخیره سازی راهی برای دستیابی و دستکاری انواع مختلفی از حافظه های مرورگر مانند حافظه پنهان ، کوکی ها ، ذخیره محلی ، ذخیره سازی جلسه و IndexedDB فراهم می کند..
  • DOM Properties Viewer به شما امکان می دهد تا مدل شیء سند (نمای داخلی مرورگر یک صفحه وب در حافظه فعال) را به عنوان یک ساختار درخت قابل ارتقا مشاهده کنید و ویژگی های هر عنصر DOM را کاوش کنید.
  • Eyedropper مانند ابزار eyedropper در Photoshop و سایر برنامه های گرافیکی کار می کند و به شما امکان می دهد رنگ دقیق هر پیکسل را در مرورگر پیدا کنید.
  • مشاهده منبع به شما امکان می دهد منبع HTML خام صفحه فعلی را مشاهده کنید.
  • حالت طراحی پاسخگو به طور خودکار منظره را در چندین اندازه از پیش تنظیم شده یا سفارشی مقیاس می کند تا اندازه های صفحه کوچک مانند تلفن های رایانه ای ، رایانه لوحی و سایر دستگاه ها را تقلید کند..
  • Paint Flashing Tool بخش هایی از درگاه مشاهده را نشان می دهد که برای پاسخ به ورودی باید مجدداً رنگ آمیزی شود (دوباره ارائه شود).
  • جعبه ابزار مرورگر امکان اعمال ابزارهای برنامه نویس طراحی شده برای صفحات وب را به طور کلی در مرورگر و افزونه ها و افزونه های مرورگر امکان پذیر می سازد..
  • ابزار عملکرد اطلاعات دقیقی در مورد میزان پاسخگویی و سرعت سایت ارائه می دهد. این شامل چندین زیرشاخه برای جستجو در جنبه های مختلف عملکرد وب سایت است:
    • Waterfall تصویری از فعالیت مرورگر شما نسبت به بار و زمان ارائه را نشان می دهد.
    • Call Tree از آنالیز آماری برای تعیین اینکه کدام عملکردهای JavaScript بیشترین زمان محاسبات را مصرف کرده است استفاده می کند.
    • نمودار شعله با استفاده از مجموعه داده همان Call Tree برای ارائه خواندن مرتب شده از عملکردهای JavaScript هنگام اجرا.
    • تخصیصها نشان می دهد که چه مقدار حافظه در عملکرد تابع جاوا اسکریپت هنگام اجرا اختصاص می یابد.
  • WebIDE یک محیط توسعه یکپارچه برای ساخت ، آزمایش و اشکال زدایی برنامه های تلفن همراه است که برای سیستم عامل Firefox ساخته شده است. علاوه بر این ، WebIDE استفاده از سایر ابزارهای توسعه Firefox را با مرورگرهای وب همراه امکان پذیر می کند.

این ابزارهای توسعه می توانند توسعه یافته و MDN افزونه SDK برای توسعه پسوند فراهم کند. برنامه های افزودنی را می توان به زبان های وب نوشت (HTML ، CSS ، JavaScript). SDK تقریباً برای هر جنبه مرورگر API های JavaScript را ارائه می دهد.

نسخه توسعه دهنده Firefox

Firefox Developer Edition یک توزیع تخصصی از Firefox است که ابزارهای توسعه دهنده را در جلو و مرکز قرار می دهد. ابزارهای توسعه دهنده در این نسخه بخشی از رابط کاربری گرافیکی سطح بالا هستند که در پشت منوها پنهان نیستند. علاوه بر این ، نسخه های آزمایشی و نسخه های بتا از ابزارهای جدید قبل از انتشار در مرورگر اصلی در نسخه توسعه دهنده گنجانده شده اند. سرانجام ، نمای کد در بازرس عنصر ، نمای منبع و سایر ابزارها در یک موضوع تاریک یادآور ویرایشگرهای کد محبوب مانند Sublime و Atom است.

ارتباط با انجمن MDN

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

روش های زیادی برای اتصال و درگیری وجود دارد:

  • سرور IRC Mozilla یکی از مکانهای فعال برای گپ زدن با اعضای انجمن Mozilla است. آنها چندین کانال را برای موضوعات مختلف اجرا می کنند. اگر تازه راه خود را پیدا می کنید ، ممکن است بخواهید #newbies را امتحان کنید.
  • ویکی موزیلا یک سایت ایجاد شده در جامعه است و اطلاعاتی در مورد همه موارد مرتبط با موزیلا دارد.
  • تقریباً هر صفحه در سایت توسعه دهنده Mozilla ویرایش شده توسط انجمن است. اگر یک تایپی یا مکانی که می تواند بهبود یابد مشاهده کردید ، می توانید برای ثبت نام در یک حساب کاربری ثبت نام کنید و در رفع موارد درست عمل کنید. مطمئناً ابتدا چگونگی انجام یک بررسی سرمقاله را مطالعه کنید.
  • اگر می خواهید به عنوان یک توسعه دهنده در هر یک از ابزارهای Mozilla مشارکت کنید ، می توانید صفحه مناسب GitHub را پیدا کنید و شروع به کار کنید.
  • شما حتی می توانید به دنبال کار با موزیلا باشید یا داوطلب شوید.

خلاصه

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

مطالعه بیشتر و منابع

ما راهنماهای ، آموزش ها و اینفوگرافیک های بیشتری در رابطه با کد نویسی و توسعه داریم:

  • آهنگسازی HTML خوب و اعتبار سنجها: مبانی ارائه اطلاعات در وب.
  • مقدمه ای بر JavaScript: محبوب ترین زبان برنامه نویسی در جهان ، اکنون در سمت سرور نیز استفاده می شود.
  • CSS3 – مقدمه ، راهنماها و منابع: همه چیز درباره نحوه نمایش صفحات وب مدرن.

چه کدی را باید بیاموزید?

گیج شده در مورد چه زبان برنامه نویسی که باید رمزگذاری کنید؟ اینفوگرافیک ما را ببینید ، چه کدی را باید یاد بگیرید؟ این نه تنها در مورد جنبه های مختلف زبان بحث می کند ، بلکه به سؤالات مهمی از جمله ، “چقدر می توانم برنامه نویسی جاوا را برای امرار معاش بسازم؟”

چه کد باید یاد بگیرید؟
چه کدی را باید بیاموزید?

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me