Nima Mohamadian
Nima Mohamadian
خواندن ۴ دقیقه·۶ سال پیش

آموزش مقدماتی دارت Dart- قسمت ۱

دارت یک زبان تقریبا جدید و شی گراست که توسط گوگل پشتیبانی شده و هدفش کمک به ساختن اپلیکیشن های مدرن و امروزی وب هست. دارت کلاینت و سرور و برنامه های موبایل ( فلاتر) رو پشتیبانی میکنه .

دارت همراه با کلی ابزار پیش فرض مثل ماشین مجازی - کتابخونه های اصلی - پکیج منیجر و ... ارائه شده که کار رو برای شروع راحت میکنه.




همچنین سایر قسمت های این سری از آموزش دارت:
قسمت۱ قسمت۲ قسمت۳ قسمت۴ قسمت۵ قسمت۶ قسمت۷ قسمت۸ قسمت۹ قسمت۱۰ قسمت۱۱
آموزش مقدماتی دارت
آموزش مقدماتی دارت

در مورد خوبی ها و مزایای استفاده از دارت و همچنین نقطه ضعف ها و البته کاراییش و مقایسه دارت با سایر زبان ها مشابه تو این مقاله صحبتی نمیشه و صرفا آموزش ابتدایی دارت مورد نظر من هست . اگر در این مورد هم نیاز به اطلاعات داشتید در قسمت نظرات مطرح کنید تا مقاله ای در این مورد هم آماده کنم.

تو این سری آموزشی که ۱۱ قسمت داره، قراره از ابتدای زبان برنامه نویسی دارت شروع کنم و پیش برم . اگر به یک زبان دیگر مسلط هستید و دوست دارید که مبانی زبان دارت هم یاد بگیرید این آموزش مناسب شماست. اگر هم تازه کار هستید توصیه میکنم با دقت بیشتری این سری آموزشی رو دنبال کنید و اگر مشکلی داشتید در قسمت نظرات اون رو به من بگید.

قسمت اول این مجموعه در مورد نصب و راه اندازی دارت بر روی MacOs
قسمت دوم نصب و راه اندازی دارت بر روی Windows
قسمت سوم نصب و راه اندازی بر روی لینوکس (Ubuntu)

پس متناسب با پلتفرم خودتون میتونید اقدام به نصب دارت کنید و اولین پروژه سلام دنیامون رو اجرا کنیم(:دی)




برنامه های Editor معروف مثل محصولات JetBrain و همچنین Microsoft Virtual Studio از دارت پشتیبانی میکنند. من از ٌWebStorm محصول JetBrain استفاده میکنم.

این قسمت نصب بر روی مکینتاش رو توضیح میدم. البته اونایی که حرفه ای تر هستند به خود سایت دارت مراجعه کنند و با توجه به همون راهنمایی ها اقدام به نصبش کنند.

برای نصب دارت لازم هست که SDK اون رو نصب کنیم:

برای این کار از ابزار brew کمک میگیریم. اگر هم هنوز brew رو ندارید بهتون توصیه میکنم حتما نصبش کنید چون خیلی به درد میخوره مخصوصا زمانی که برنامه نویس باشید. اگر brew رو هنوز نصب نکردید از این آموزش استفاده کنید و brew رو روی سیستم نصب کنید.

ابتدا مخزن دارت رو تو brew ثبت میکنیم و بعد اقدام به نصبش میکنیم:

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


دقت کنید نسخه های تحت توسعه دارت هم وجود داره (development veriosns) ولی بهتره برای شروع کار و آموزش از نسخه های Stable استفاده کنید. (توصیه من استفاده از نسخه stable در همه موارد هست مگر در شرایطی که امکان جدیدی اضافه شده باشه و بخواهیم از اون امکانات استفاده کنیم و مواردی از این چنین)

خوب SDK نصب شد و برای اینکه مطمئ شیم همه چی درست کار میکنه تو ترمینال:

چک کردن نصب صحیح دارت و ورژن نصب شده
چک کردن نصب صحیح دارت و ورژن نصب شده



اولین برنامه Hello World

حالا که همه چی خوبه نوبت به سلام دنیاست:

یک پوشه به اسم firstProject میسازم و یک فایل به اسم pubspec.yaml بهش اضافه میکنم . این فایل اطاعات مربوط به متادیتای پروژه دارت رو با خودش داره. اطلاعات ساده ای مثل اسم پروژه و تعریف کوتاهی از پروژه و اسم نویسنده اون رو مشخص میکنیم. این اطلاعات کاملا دلخواه هستند پس با توجه به پروژه خودتون میتونید اون رو تغییر بدید:

متا دیتا برای دارت
متا دیتا برای دارت


نوبت به ساختن پوشه bin هست. این پوشه شامل فایل های اجرایی (Executable) پروژه است . وجود پوشه bin به صورت یک الگوی صحیح از سمت تیم توسعه دهنده دارت ارائه شده و ما هم باتوجه به هیمن الگو ساختار پروژه رو جلو میبریم.

توی این پوشه فایل main.dart رو میسازیم که کدهامون رو توش قرار بدیم. این پوشه فایل اصلی پروژه ما برای اجرا رو داره . تا اینجا ساختار پوشه هاتون باید به این شکل باشه:

ساختار پروژه دارت
ساختار پروژه دارت

داخل این فایل اولین کدمون به زبون دارت رو مینویسیم:

سلام دنیا در دارت
سلام دنیا در دارت

برای اجرای کدی که نوشتیم کافیه که از ترمینال به مسیر پروژه بیایم و با استفاده از دستور دارت و مشخص کردن فایل اصلی که کدمون توش هست اون رو اجرا کنیم:

روش اجرای فایل دارت
روش اجرای فایل دارت

خط اول دستور اجراست و خط دوم نتیجه ای که از اجرای برنامه گرفتیم!

به دنیای دارت خوش آمدید.

اگه مشکلی با اجرای فایل دارت داشتید باید آدرس SDK دارت رو به سیستم معرفی کنیم تا همه چی خوب کار کنه:

اگر از Terminal پیش فرض مک استفاده میکنید کافیه که تو پوشه home خودتون فایل مخفی bast_profile رو با دستور نانو و یا هر روش دیگه ای که بلد هستید باز کنید:

ویرایش فایل bash_profile
ویرایش فایل bash_profile

و این خط رو به انتهای فایل اضافه کنید:

export PATH=$PATH:$usr/local/opt/dart/libexec

در انتها با کلید های ctrl + X و سپس Y فایل رو ذخیره کنید و تمام !


با نظراتتون به بهتر شدن این نوشته کمک کنید.

همچنین سایر قسمت های این سری از آموزش دارت:
قسمت۱ قسمت۲ قسمت۳ قسمت۴ قسمت۵ قسمت۶ قسمت۷ قسمت۸ قسمت۹ قسمت۱۰




همچنین میتونید سایر نوشته های من در ویرگول رو ببینید:

https://virgool.io/@novonimo/ری-اکت-رو-قورت-بده-۱-u8t5ysweyxyj
https://virgool.io/@novonimo/نکات-طلایی-برای-توسعه-دهندگان-ری-اکت-نیتو-reactnative-قسمت-۱-l8kuhkrr98ps
https://virgool.io/@novonimo/فوت-و-فن-برنامه-نویسی-functional-با-جاواسکریپت-ujucyxjfn0zw

Contact With me:
https://t.me/nimamohamadian
https://www.facebook.com/nimamohamadian89
https://twitter.com/Nima_Mohamadian
https://www.linkedin.com/in/nima-mohamadian-57ba63123/

dartlangdartdevelopergoogleflutter
توسعه دهنده جاواسکریپت
اینجا جاییه که ما برنامه نویس ها درباره ی خودمون و علاقمندی هامون میگیم. coderlife.ir
شاید از این پست‌ها خوشتان بیاید