آموزش اولین برنامه در برنامه نویسی اورلیا

4 سال پیش

امتیاز دهید post

آموزش اولین برنامه در برنامه نویسی اورلیا

در این درس از مجموعه آموزش برنامه نویسی سایت سورس باران، به آموزش اولین برنامه در برنامه نویسی اورلیا خواهیم پرداخت.

ساختار پوشه

package.json مستندات مربوط به بسته های npm نصب شده را نشان می دهد. این همچنین نسخه آن بسته ها را نشان می دهد و راهی آسان برای افزودن، حذف، تغییر نسخه یا نصب خودکار همه بسته ها هنگام نیاز به اشتراک گذاری برنامه بین برنامه نویسان فراهم می کند.

index.html صفحه پیش فرض برنامه است مانند اکثر برنامه های مبتنی بر HTML. جایی است که اسکریپت ها و صفحه های سبک بارگیری می شوند.

config.js پرونده پیکربندی لودر اورلیا است. شما زمان زیادی را برای کار با این پرونده صرف نخواهید کرد.

jspm_packages دایرکتوری ماژول های بارگذاری شده SystemJS است.

styles فهرست پوشه پیش فرض است. شما همیشه می توانید مکانی را که فایلهای استایل خود را در آن نگهداری می کنید تغییر دهید.

src پوشه جایی است که بیشتر اوقات خود را برای توسعه می گذرانید. فایل های HTML و js را نگه می دارد.

فایل های منبع

همانطور که قبلاً گفتیم، دایرکتوری src محلی است که منطق برنامه شما در آن نگهداری می شود. اگر به برنامه پیش فرض نگاه کنید می بینید که app.js و app.html بسیار ساده هستند.

اورلیا به ما اجازه می دهد تا از زبان اصلی JavaScript برای تعریف کلاس استفاده کنیم. مثال زیر پیش فرض کلاس EC6 را نشان می دهد.

app.js

export class App {
   message = 'Welcome to Aurelia!';
}

export class App {

message = 'Welcome to Aurelia!';

}

ویژگی message با استفاده از نحو {message}$ به الگوی HTML ملزم است. این نحو نشان دهنده اتصال یک طرفه است که به رشته تبدیل شده و در نمای قالب نشان داده می شود.

app.html

&lt;template&gt;
   &lt;h1&gt;${message}&lt;/h1&gt;
&lt;/template&gt;

<h1>${message}</h1>

</template>

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

C:\Users\username\Desktop\aureliaApp&gt;http-server -o -c-1

1	C:\Users\username\Desktop\aureliaApp>http-server -o -c-1

برنامه روی صفحه ارائه می شود

Aurelia First App Start

منبع.

لیست جلسات قبل آموزش برنامه نویسی اورلیا

امتیاز دهید post

برچسب ها : آموزش اورلیا آموزش برنامه نویسی موبایل

نویسنده مطلب saber

آموزش اولین برنامه در برنامه نویسی اورلیا

آموزش اولین برنامه در برنامه نویسی اورلیا

ساختار پوشه

فایل های منبع

app.js

app.html

لیست جلسات قبل آموزش برنامه نویسی اورلیا

دیدگاه شما

بدون دیدگاه

آموزش اولین برنامه در برنامه نویسی اورلیا

ساختار پوشه

فایل های منبع

app.js

app.html

لیست جلسات قبل آموزش برنامه نویسی اورلیا

دیدگاه شما

برای صرف‌نظر کردن از پاسخ‌گویی اینجا را کلیک نمایید.

بدون دیدگاه