• TypeScript - قسمت دوم
TypeScript - قسمت دوم
1395/02/19 - 01:03:18 // TypeScript // 2 نظر // 5412 بازدید

در این قسمت قصد داریم به Basic Syntax در TypeScript بپردازیم.

بسمه تعالی

TypeScript - قسمت دوم

در این قسمت قصد داریم به Basic Syntax در TypeScript بپردازیم.

اولن TypeScript مشابه Javascript بلاکهای {} دارد و سی می کالن هم در آن نشان پایان یک خط دستور است .

وضعیت و شکل کدنویسی در TypeScript شبیه دیاگرام بالاست و این به معنای شی گرا بودن آن هم میباشد.

برای اینکه در همین ابتدا اصلن بتوان یک آشنایی اجمالی به TypeScript پیدا کرد ، اجازه بدید یک پروژه ساده با هم بسازیم و شکل فایلهای Ts و رفتار انها را ببینیم.

در VS.NET یک پروژه جدید از نوع وب بسازید .

در مرحله بعد، مطابق زیر

یک Empty Project بسازید.

درون فایل project.json بروید و تغییرات زیر را در آن اعمال کنید . یعنی بخش Dependencies باید مشابه تصویر زیر باشد .

درون Startup.cs محتوای متد Configure را به شکل زیر تغییر دهید .

همانطور که در مباحث Core 1 گفته شد ، محتوای Static باید به WWWROOT اضافه شود ، لذا به این Folder یک فایل Index.Html اضافه کنید .

حالا روی ProjectName یک کلیک راست کرده و یه Add Item زده و یک فایل package.json اضافه کنید . محتوای فایل به شکل زیر باشد.

مرحله بعدی افزودن TypeScript Configuration File است .به Root پروژه فایل به نام tsconfig.json اضافه کنیدو محتوای آنرا مطابق زیر قرار دهید .

یک فولدر Srcipt در Project Root بسازید و یک فایل به نام app.component.ts درون آن ایجاد کنید .محتوای این فایل به شکل زیر خواهد بود

در همین فولدر یک فایل boot.ts هم با محتوای زیر ایجاد کنید .

حالا محتوای فایل Index را به شکل زیر تغییر دهید .

خوب پروژه حالا قابل اجراست و نتیجه به صورت زیر خواهد بود .

خوب حالا شاید صورت شما شبیه یک علامت سوال بزرگ شده باشد ، چرا که معلوم نیست این کدها و فایلهای ts و ... چه هستند و چرا اصلن هستند ؟.

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

 
علی کلاهدوزان
معرفی نویسنده : علی کلاهدوزان

سلام بر دوستان ،
شاید رایج است به عنوان پروفایل کاربر ، چند خطی راجع به خودم بنویسم ، ولی وضعیت کاری و سوابق من با یک جستجوی ساده در گوگل مشخص خواهد شد ، لذا سرتان را با مطالب بی مورد به درد نیاورم بهتر است . اگر نکته خاصی لازم بود بدانید در قسمت "ایلیا سافت در یک نگاه" به احتمال زیاد یافت خواهد شد . جزئیات بیشتر را سوال کنید ، آدرس ایمیل Ali@Kolahdoozan.com همیشه جوابگوی شماست .امیدوارم از مطالب سایت استفاده کرده باشید . شاد و پیروز باشید .

امتیاز به مطلب
           
نظرات کاربران
  • فرشید علی اکبری
    1395/02/19 - 01:17:58

    0
    0
    سلام
    مهندس جان ادامه Core 1 به بعد از آموزشهای TypeScript و تغییرات جدید بوجود اومده در Angular 2 موکول شده؟

    ---
    پاسخ ؛ Core 1 از نظر کلی تمام شده است .شاید هفته ای 1 یا 2 مبحث پراکنده در موردش گفته شود ، ولی از نظر کلی ، تمام است.
  • فرشید علی اکبری
    1395/02/19 - 08:53:19

    0
    0
    پس گفته بودید پس از اتمام آموزش Core 1 ، یک پروژه کوچک و عملی از Code 1 & Angular2 در دسترس کاربران قرار میدید. این موضوع کنسل شد؟


    ---
    آموزش آنگولار تازه شروع شده . خلاص بشه تا بشه باهاش پروژه نوشت. عجله ننمایید.
ارسال نظر