MDN’s new design is in Beta! A sneak peek: https://blog.mozilla.org/opendesign/mdns-new-design-beta/

آموزش وب

به منطقۀ آموزشی MDN خوش آمدید. با کمک این مجموعه مقالات می‌توانید توسعۀ وب را از سطوح بسیار مقدماتی و به همراه هر آنچه که برای کدنویسی یک وب سایت ساده نیاز دارید یاد بگیرید.

This translation is incomplete. Please help translate this article from English.

به منطقۀ آموزشی MDN خوش آمدید. با کمک این مجموعه مقالات می‌توانید توسعۀ وب را از سطوح بسیار مقدماتی و به همراه هر آنچه که برای کدنویسی یک وب سایت ساده نیاز دارید یاد بگیرید.

هدف MDN تبدیل شما از یک "مبتدی" به یک "متخصص" نیست ولی قطعاً شما را از یک "مبتدی" به یک سطح "قابل قبول" می‌رساند. بعد از آن باید بتوانید راه خود را تعیین کنید، آموزش‌های the rest of MDN و دیگر منابعی که سطح متوسط به پیشرفته در نظر گرفته شده است را دنبال کنید که دانش قبلی زیادی را طلب می‌کند.

اگر کاملاً مبتدی هستید، توسعۀ وب می‌تواند چالش خوبی باشد — ما دستتان را خواهیم گرفت و آن‌قدر اطلاعات در اختیارتان قرار می‌دهیم تا به احساس راحتی برسید و تمامی مباحث را به خوبی یاد بگیرید. باید حس کنید که در خانه هستید، خواه یک دانشجو باشید که می‌خواهد توسعۀ وب یاد بگیرد (به صورت شخصی یا قسمتی از یک کلاس)، معلمی که برای کلاس‌های خود مطالب تهیه می‌کند، یا به عنوان سرگرمی، یا کسی که فقط می‌خواهد بیشتر در مورد نحوۀ کار تکنولوژی‌های تحت وب یاد بگیرد.

مهم: مطالب آموزشی تهیه شده در اینجا به صورت منظم در حال اضافه شدن است. اگر در مورد موضوعاتی که دوست دارید پوشش داده شوند یا دیده نشده‌اند سؤالی دارید، برای اطلاعات در مورد نحوۀ تماس به قسمت Contact us در زیر مراجعه نمایید.

از کجا شروع کنیم

 

  • کاملاً مبتدی:

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

  • سؤالات خاص:

    اگر در مورد توسعۀ وب سؤالات خاصی دارید، قسمت سؤالات متداول ما می‌تواند کمکتان کند.

  • فراتر از مقدماتی:

    اگر کمی دانش قبلی دارید، قدم بعدی یادگیری جزئیات HTML و CSS است: می‌توانید با قسمت مقدمه‌ای بر HTML شروع کنید و بعد از آن به سراغ قسمت مقدمه‌ای بر CSS بروید.

  • رفتن به‌سوی اسکریپت نویسی

    اگر با HTML و CSS احساس راحتی می‌کنید، و یا به کدنویسی بسیار علاقه دارید، شاید بخواهید به سراغ JavaScript یا توسعۀ سمت سرور بروید. کار را با قسمت‌های قدم‌های اول در جاوا اسکریپت و قدم‌های اول در سمت سرور شروع کنید.

توجه: در واژه‌نامه می‌توانید تعاریف تمامی اصطلاحات را پیدا نمایید.

Random glossary entry

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

مطالب ارائه شده

در زیر می تونانید لیست موضوعاتی که در MDN وجود دارد را ببینید.

شروع کار با وب
برای کسانی که در توسعه وب کاملاً مبتدی هستند، مقدمه ای را رائه می دهد.
HTML — ساختار وب
HTML زبانی است که برای ساخت قسمت های مختلف محتوا وتعریف آنچه که معنی و هدف آنهاست، از آن استفاده می کنیم. در این قسمت HTML را با جزئیات کامل آموزش می دهیم.
CSS — ظاهر وب
CSS is the language that we can use to style and lay out our web content, as well as adding behaviour like animation. This topic provides comprehensive coverage of CSS.
JavaScript — اسکریپت نویسی پویا سمت کاربر
JavaScript is the scripting language used to add dynamic functionality to web pages. This topic teaches all the essentials needed to become comfortable with writing and understanding JavaScript.
دسترسی — قابل استفاده ساختن برای همه
Accessibility is the practice of making web content available to as many people as possible regardless of disabilities, device, locale, or other differentiating factors relevant to them. This topic gives you all you need to know.
ابزارها و تست ها
This topic is a place to cover tools developers use to facilitate their work, for example cross browser testing tools.
برنامه نویسی سمت سرور وب سایت
Even if you are concentrating on client-side web development, it is still useful to know about how servers and server-side code features work. This topic provides a general introduction to how the server-side works, and detailed tutorials detailing how to build up a server-side app using two popular frameworks — Django (Python) and Express (node.js). 

دریافت کد مثال‌ها

کد مثال‌هایی که در آموزش‌ها با آن مواجه هستید، همگی در گیت‌هاب موجود هستند. اگر می‌خواهید همۀ آنها را بر روی کامپیوتر خود داشته باشید، راحت‌ترین روش بدین صورت است:

  1. گیت را بر روی دستگاه خود نصب کنید. این نرم افزار، یک سیستم کنترل نسخه است که گیت‌هاب بر اساس آن کار می‌کند.
  2. یک حساب گیت‌هاب برای خود بسازید. این کار بسیار ساده و آسان است.
  3. بعد از ساخت حساب، با کمک نام کاربری و رمز عبور خود به github.com وارد شوید.
  4. در کامپیوتر خود command prompt (ویندوز) یا terminal (لینوکس, مکینتاش) را باز کنید.
  5. برای کپی کردن مخزن آموزش‌ها به پوشه‌ای با نام learning-area به مکانی که command prompt/terminal برای استفاده دستورات خود باز کرده‌اند، دستور زیر را بنویسید:
    git clone https://github.com/mdn/learning-area
  6. حالا می‌توانید به پوشۀ مورد نظر رفته و فایل‌های جدید را در آن ببینید. (هم می‌توانید از finder/file explorer  استفاده کنید و هم از دستور cd command).

هر زمان که لازم باشد، می‌توانید با انجام مراحل زیر تغییرات صورت گرفته در مخزن گیت‌هاب را در پوشۀ learning-area اعمال نمایید:

  1. در command prompt/terminal خود، با کمک cd به پوشه learning-area بروید. مثلاً اگر در پوشۀ بالایی آن هستید:
    cd learning-area
  2. مخزن را با کمک دستور زیر بروزرسانی کنید:
    git pull

 

ارتباط با ما

اگر در مورد هر موضوعی خواستید با ما در ارتباط باشید، بهترین روش ارسال یک پیام از طریق لیستهای ایمیل یا کانال های IRC برای ماست. بسیار مشتاق شنیدن در مورد چیزهای اشتباه و یا کمبودهای موجود در سایت، درخواست موضوعات جدید آموزشی، درخواست کمک در مورد موضوعاتی که درک نمی کنید، یا هر چیز دیگری هستیم.

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

Join the Learn community

Choose your preferred method for joining the discussion:

همچنین ببینید

خبرنامه توسعه موزیلا
خبرنامه مخصوص توسعه دهندگان وب، که منبع عالی برای تمامی سطوح توسعه است.
Codecademy
سایتی تعاملی فوق العاده برای آموزش زبان های برنامه نویسی از ابتدا.
Code.org
کدنویسی مقدماتی به صورت تئوری و عملی که بیشتر برای کودکان و افراد کاملا مبتدی مناسب است.
freeCodeCamp.com
سایتی تعاملی حاوی آموزش ها و پروژه های یادگیری توسعه وب.
Web Literacy Map
فریم ورکی برای سطح اولیه یادگیری وب و مهارت های قرن 21، که امکان دسترسی به فعالیت های آموزشی طبقه بندی شده را فراهم می کند.
Teaching activities
سری فعالیت های یاددهی برای یادگیری (و آموزش) که توسط بنیاد موزیلا ایجاد شده است، و همه چیز را آموزش می دهد، از دانش اولیه وب گرفته تا امنیت جاوااسکریپت و هک Minecraft.