بعد از این درس چه کاری میتوانی انجام بدهی؟
- بدانی کد کجا و چگونه اجرا میشود
- یک نمونه کوچک را اجرا یا بررسی کنی
- خطای نحوی ساده را تشخیص بدهی
HTML را ساده بفهم
HTML مثل اسکلت و برچسبهای یک فروشگاه است؛ مشخص میکند هر بخش عنوان، توضیح، تصویر یا دکمه است.
اولین هدف، اجرای یک نمونه کوچک و قابل توضیح است؛ نصب ابزارهای زیاد یا ساخت پروژه بزرگ یادگیری را سریعتر نمیکند.
چرا مهم است؟ دادهای که نمونه دریافت میکند.
اولین تمرین تو: یک مقدار نمونه را تغییر بده، خروجی تازه را پیشبینی کن و نام فایل یا نقطه شروع اجرای HTML را در یک جمله توضیح بده.
از یک مثال کوچک شروع کن
پیش از حفظ دستورهای HTML، مدل اجرای آن را بفهم: فایل یا محیط از کجا آغاز میشود، ورودی چگونه وارد میشود و خروجی کجا دیده میشود. یک برنامه بسیار کوچک بهترین آزمایشگاه برای ساختن این تصویر ذهنی است.
۱. نقطه شروع را پیدا کن
فایل، تابع یا محیطی را که اجرای نمونه از آن آغاز میشود مشخص کن.
۲. خروجی را پیشبینی کن
قبل از بررسی، نتیجه هر خط را با زبان خودت بنویس.
۳. فقط یک مقدار را عوض کن
علت تغییر خروجی را از روی همان تغییر کوچک توضیح بده.
اولین هدف، اجرای یک نمونه کوچک و قابل توضیح است؛ نصب ابزارهای زیاد یا ساخت پروژه بزرگ یادگیری را سریعتر نمیکند.
سه قطعهای که باید بفهمی
ورودی
دادهای که نمونه دریافت میکند.
اجرا
مراحلی که ابزار یا موتور زبان انجام میدهد.
خروجی
نتیجهای که باید قبل از اجرا پیشبینی کنی.
صفحه معرفی محصولی که کاربر و موتور جستوجو هر دو ساختارش را درست بفهمند.
در این درس، بخشی واقعی از پروژه «صفحه معرفی یک محصول واقعی» را میسازیم. قبل از کد یا پرامپت، ورودی، قانون و خروجی مورد انتظار را روی کاغذ مشخص میکنیم.
قطعهها را به ترتیب درست بچین
روی هر قطعه بزن تا وارد پاسخ شود؛ برای برگرداندن دوباره روی آن بزن. با دکمههای جابهجایی هم میتوانی بدون کشیدن و رهاکردن ترتیب را اصلاح کنی.
اجرا و پیشنمایش
این نمونه واقعاً داخل محیط جدا و امن مرورگر اجرا میشود؛ مقدار را تغییر بده و نتیجه را مستقیم ببین.
یک بخش را تغییر بده و دکمه بررسی را بزن.
راهنماییها مرحلهای هستند؛ اول خودت پیام خطا را بخوان.
یک مقدار نمونه را تغییر بده، خروجی تازه را پیشبینی کن و نام فایل یا نقطه شروع اجرای HTML را در یک جمله توضیح بده.
این سه اشتباه را انجام نده
شروع با پروژه بزرگ پیش از اولین خروجی
کپی نمونه بدون پیشبینی
نادیدهگرفتن اولین خطای ابزار یا کامپایلر
با 5 سؤال مطمئن شو که مفهوم را گرفتهای
بهترین روش استفاده از نمونه این درس چیست؟
پیش از اجرای اولین نمونه چه کاری مفیدتر است؟
نسخه اول تمرین باید چگونه باشد؟
کدام روش نشان میدهد این درس را واقعاً فهمیدهای؟
کدام رفتار احتمال خطا را در همین موضوع بیشتر میکند؟
فهمیدی، تغییر دادی، نتیجه را توضیح دادی؟
فقط در این صورت درس را کامل کن و سراغ مرحله بعد برو.