کارگاه یادگیری سبک‌تر

از اولین قدم، تا چیزی که خودت می‌سازی.

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

مثلاً از اینجا شروع کن

اولین صفحهٔ وبِ تو

سه قدم برای تبدیل یک صفحهٔ خالی به چیزی که خودت ساخته‌ای.

  1. ۱

    ساختار را با HTML بساز

    عنوان، متن، تصویر و اولین لینک.

  2. ۲

    با CSS به آن شکل بده

    رنگ، فاصله و چیدمان مناسب موبایل.

  3. ۳

    با جاوا اسکریپت تعاملی‌اش کن

    دکمه‌ای که واقعاً کاری انجام می‌دهد.

نتیجه: یک صفحهٔ معرفی شخصی، ساختهٔ خودت

چی دوست داری یاد بگیری؟

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

اولین صفحه‌ات را بساز؛ از عنوان و متن تا تصویر، لینک و فرم.

در حال آماده‌سازی

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

در حال آماده‌سازی

صفحه را تعاملی کن؛ از واکنش به کلیک تا ساخت ابزارهای کوچک.

در حال آماده‌سازی

منطق پشت سایت را یاد بگیر؛ از پردازش فرم تا کار با داده‌ها.

در حال آماده‌سازی

سایتت را راه‌اندازی و مدیریت کن؛ از تنظیمات اولیه تا انتشار محتوا.

در حال آماده‌سازی

ایده‌ات را به صفحه تبدیل کن؛ با چیدمان منظم و طراحی واکنش‌گرا.

در حال آماده‌سازی

قبل از ساخت، طراحی کن؛ از اولین قاب تا نمونهٔ قابل کلیک.

در حال آماده‌سازی

کار با ابزارهای هوش مصنوعی را یاد بگیر؛ با درخواست روشن و بررسی خروجی.

در حال آماده‌سازی

هنوز نمی‌دونی از کجا شروع کنی؟

از چیزی که می‌خوای بسازی شروع کن؛ این سه پیشنهاد، نقطهٔ شروع را روشن‌تر می‌کنند.

۰۱ / ساخت سایت

می‌خوام سایت خودم رو راه بندازم

از وردپرس شروع کن تا مدیریت سایت را یاد بگیری؛ بعد با المنتور سراغ طراحی صفحه‌ها برو.

۰۲ / کدنویسی وب

می‌خوام با کد، صفحه بسازم

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

۰۳ / طراحی رابط

می‌خوام ظاهر سایت و اپ طراحی کنم

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

هر درس را به یک قدم واقعی تبدیل کن

لازم نیست تند جلو بروی؛ وقت بگذار، امتحان کن و مطمئن شو می‌توانی چیزی را که یاد گرفته‌ای به کار ببری.

۰۱

بخوان و همان‌جا امتحان کن

ابزار مربوط به درس را باز نگه دار. هر مثال را خودت اجرا کن و ببین هر تغییر چه اثری روی نتیجه می‌گذارد.

۰۲

این بار، خودت تغییرش بده

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

۰۳

بدون نگاه‌کردن، دوباره بساز

مثال را کنار بگذار و نسخهٔ ساده‌ای از آن بساز. اگر جایی گیر کردی، همان بخش درس را مرور کن و دوباره ادامه بده.

دنبال چی می‌گردی؟

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