آموزش کاتلین در وب
اینجا کاتلین را میبریم توی مرورگر. یعنی کدی که با Kotlin مینویسی به JavaScript تبدیل میشود و روی وب اجرا میشود. یه جورایی کاتلین لباس وب میپوشه؛ کراواتش هم Gradleـه.
کاتلین تو وب یعنی چی؟
Kotlin/JS کاری میکند کد کاتلینت به JavaScript تبدیل شود و توی مرورگر یا Node.js اجرا شود. تو این مسیر از ساخت پروژه شروع میکنیم، با DOM حرف میزنیم، رویداد میگیریم، state نگه میداریم، API صدا میزنیم و آخرش یک مینی اپ وب جمع میکنیم.
هدف این نیست که بگیم JavaScript بد است و کاتلین سوپرمن؛ هدف اینه بفهمی کجا Kotlin/JS میدرخشه، کجا زیادی سنگینه و چطور درست ازش استفاده کنی.
نقشه راه این مسیر
مرحله ۱: راهاندازی وب
پروژه Kotlin/JS، ساختار Gradle، خروجی JavaScript و اجرای dev server.
مرحله ۲: مرورگر و DOM
کار با document، event، state، فرم، render و تعامل با HTML واقعی.
مرحله ۳: پروژه واقعی
fetch، JSON، error handling، ماژولبندی و ساخت یک مینی اپ قابل توسعه.
درسهای مسیر
مثل مسیر اصلی، هر درس توضیح خودمونی، کد، خروجی، نکته کاربردی، تمرین و جواب دارد.
Kotlin/JS یعنی کاتلین با لباس وب
مفهوم Kotlin/JS، target وب و جایگاه آن در پروژههای واقعی.
شروع درسساختار پروژه و Gradle
آشنایی با kotlin.multiplatform، target js و اجرای browser app.
شروع درسکار با DOM و document
دسترسی به document و تغییر محتوای HTML با Kotlin.
شروع درسEvent و کلیک
گرفتن click event و واکنش نشان دادن با Kotlin.
شروع درسState در وب؛ حافظه صفحه
نگهداری state ساده و render مجدد UI.
شروع درسفرم و ورودی کاربر
خواندن مقدار input و نمایش نتیجه.
شروع درسfetch و API
فراخوانی API با window.fetch و مدیریت نتیجه.
شروع درسمدل داده و JSON
ساخت data class و آمادهسازی داده برای render.
شروع درسماژولبندی و تمیز کردن کد
جدا کردن render، state و event handlerها.
شروع درسپروژه نهایی: مینی Todo وب
ساخت پروژه Todo با state، فرم، render و event.
شروع درس