متین لطیفی
متین لطیفی
خواندن ۳ دقیقه·۴ سال پیش

آموزش انگولار 10 (+angular 2) [پست صفرم]


<MT programming/> سلام دوستان ? <MT programming>

در این سری نوشته های " آموزش انگولار 10 (+angular 2) _(یا همون انگولار 2 به بعد) " قصد داریم که به آموزش کامل انگولار از پایه بپردازیم .

میتونید آموزش هارو با جزئیات بیشتر و توضیحات کامل تر بصورت ویدئویی از طریق یوتیوب و آپارات هم دنبال کنید و اینجا بصورت خیلی خیلی خیلی خیلی? مختصر و خلاصه تر به مهم ترین بحث های ویدئوها میپردازیم

همونطور که اطلاع دارین آخرین نسخه استیبل انگولار ( angular 10) به تازگی منتشر شده و امکانات جدید زیادی به اون اضافه شده.

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

پیش نیازها :

همونطور که میدونید پیش نیاز های خود انگولار type script , html و فریم ورکهای استایل دهیه اما برای این سری آموزش ها لازم نیست که از قبل اونهارو بلد باشین و سعی میکنیم از پایه تا همون حدی که برای انگولار لازم و ضروری هست بهشون بپردازیم و یادشون بگیریم

پس پیشنیاز خاصی لازم نیست?

سرفصل های دوره :

یا توضیحات بیشترشون : ( لینک آپارات)

https://youtu.be/bLHSN_Q_Zck

ابزارها :

خب قطعا به یک ادیتور متن برای نوشتن کدهاتون لازم دارین که پیشنهاد من vs code ئه




خب بریم سراغ شروع کار با انگولار

اول از همه نصب node :

برای نصب node به صفحه رسمی خودش میریم و مناسب با سیستم عاملمون ورژن مناسبش رو دانلود میکنیم

https://nodejs.org/en/download/

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

نصب angular cli:

بعد از نصب node حالا وقتشه که رابط خط فرمان انگولارو نصب کنیم :

npm install -g @angular/cli

ایجاد اولین پروژه :

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

ng new هر اسمی که دوست دارین

ران کردن پروژه:

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

ng serve

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

localhost:4200
127.0.0.1:4200



اگر دوست دارین مطالب بالارو با توضیحات خیلی بیشتر ببینید و همینطور ساختار پوشه بندی ها و... انگولار رو بهتر بشناسید پس این ویدئو رو از دست ندین : ( یا لینک آپارات)

https://youtu.be/UQ2RRn5_ECc



<MT programming/> ?حال دلتون خوب <MT programming>



nodeانگولار
std::cout<<"computer engineer "/n print("AR && Web Developer ,... ") <interest>"information security "&& "network security" </interest>
شاید از این پست‌ها خوشتان بیاید