HTML Code Play: Learn HTML

توسعه وب را با تغییر کد و مشاهده عملکرد آن بیاموزید. HTML Code Play درس‌های HTML، CSS و جاوا اسکریپت را با یک ویرایشگر کد موبایل، مثال‌های قابل اجرا، آزمون‌ها و بازی‌های کدنویسی ترکیب می‌کند. از آن برای مطالعه یک مفهوم، امتحان کردن خودتان و پیگیری یادگیری خود در همان دستگاه استفاده کنید.

بخوانید، ویرایش کنید و اجرا کنید

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

فضای کاری از ویرایش HTML، CSS و جاوا اسکریپت با هایلایت سینتکس پشتیبانی می‌کند. هنگام آزمایش از undo و redo استفاده کنید، متن را پیدا کنید، به یک خط بروید و اندازه فونت ویرایشگر را تنظیم کنید. وقتی می‌خواهید یک نقطه شروع داشته باشید، یک صفحه جدید شروع کنید یا یک الگوی موجود را انتخاب کنید. فایل‌های HTML را باز کنید، کار خود را ذخیره کنید، برای کپی دیگر از Save As استفاده کنید یا یک فایل کد را از طریق گزینه‌های اشتراک‌گذاری دستگاه خود به اشتراک بگذارید.

یادگیری و تمرین هدایت‌شده

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

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

شش روش برای تمرین

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

- سازنده کد: بلوک‌ها را برای بازسازی کد کارآمد مرتب کنید.

- کارآگاه خروجی: پیش‌بینی کنید که یک قطعه کد چه چیزی تولید می‌کند.

- شکار اشکال: یک خط معیوب را شناسایی کنید.

- پر کردن شکاف: نشانه کد گمشده را انتخاب کنید.

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

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

یادگیری خود را سازماندهی کنید

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

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

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

برای مبتدیان، دانشجویان و زبان‌آموزانی که مفاهیم front-end را مرور می‌کنند، با یک مثال شروع کنید، یک تغییر کوچک ایجاد کنید و از طریق تمرین، درک خود را افزایش دهید.