آموزش Angular Crash Course - Built Task App
Angular Crash Course - Built Task App
به دوره آموزشی Angular Crash برای مبتدیان مطلق خوش آمدید.
Angular یکی از محبوب ترین فریم ورک های جاوا اسکریپت است. از آن برای ساخت اپلیکیشن های تک صفحه ای در تمامی پلتفرم ها استفاده می شود. علاوه بر آن، از عملکرد مراقبت می کند و ابزارهای باورنکردنی را برای ما توسعه دهندگان ارائه می دهد. این مورد را بسیاری دوست دارند و یکی از محبوب ترین فریمورک های موجود در کنار React و Vue است.
بخش خوب این دوره این است که شما نیازی به تجربه قبلی با این فناوری نخواهید داشت. از آنجایی که این یک دوره آموزشی Crash است، بر روی اصول اولیه مهم ترین ویژگی هایی که Angular ارائه می دهد تمرکز می کند. و در پایان این کلاس، Task App را با Angular ایجاد و اجرا خواهید کرد.
تفکیک کلاس:
- مقدمه: در کنار خوشامدگویی به شما در این دوره، به کارهایی که در این دوره انجام خواهید داد نیز اشاره و نشان خواهم داد. چه چیزی یاد خواهید گرفت و چه چیزی را با هم خواهیم ساخت.
- نصب Angular: در این سخنرانی، ما بر نصب Angular به عنوان یک فناوری تمرکز خواهیم کرد. در کنار آن، Task App خود را ایجاد می کنیم و آن را به صورت محلی اجرا می کنیم.
- Angular چیست: ما از این سخنرانی برای بررسی Angular به عنوان فناوری و بررسی نحوه تنظیم برنامه Angular استفاده خواهیم کرد.
- ماژول ها: به عنوان یکی از ویژگی های اصلی Angular، ماژول ها برای ما بسیار مهم هستند. در مورد آنها بیشتر خواهید آموخت و حتی یک ماژول ایجاد میکنید که ما از آن برای Task App خود استفاده خواهیم کرد.
- مؤلفه‌ها: بدون مؤلفه‌ها، نمی‌توانیم محتوایی در صفحه خود داشته باشیم. بنابراین در این سخنرانی، ما به اجزای سازنده می پردازیم، ایجاد می کنیم، سبک می کنیم و از یکی در برنامه خود استفاده می کنیم.
- مسیریابی: مسیریابی چیزی است که قبلاً در برنامه های Angular یکپارچه شده است. در این سخنرانی، ما اجزای بیشتری را برای صفحات خود ایجاد می کنیم و آن صفحات را برای کار با مسیریابی خود وصل می کنیم، بنابراین می توانیم Task App خود را ارتقا دهیم.
- خدمات: ویژگی قابل تزریق و ویژگی که بیشتر داده ها را در Angular Apps نگه می دارد یک سرویس است. در این سخنرانی، درباره آنها بیشتر می‌آموزیم، یکی ایجاد می‌کنیم و داده‌ها را از یک سرویس در یکی از صفحات خود به اشتراک می‌گذاریم.
- HTTP: به عنوان یک ویژگی مشترک هر برنامه وب، HTTP در Angular ماژول خاص خود را دارد. ما از آن ماژول برای تماس با سرور و استخراج داده های واقعی از آن استفاده خواهیم کرد. در کنار آن، ما آن را به برنامه خود متصل می کنیم تا برنامه ما بتواند از آن داده ها مطلع شود.
- الگوسازی: داده‌هایی که در سخنرانی بعدی به دست آوردیم، در این سخنرانی استفاده می‌شوند، زیرا آنها را روی یک صفحه نمایش می‌دهیم. ما از چیزی به نام دستورالعمل ngFor برای ارائه تمام داده ها تنها در چند خط کد استفاده خواهیم کرد.
- استایل‌سازی: استایل‌سازی در Angular می‌تواند متفاوت انجام شود. تمام آن نمونه ها را در این سخنرانی بررسی خواهیم کرد. همچنین از ویژگی binding برای استایل دادن به عناصر خاص بر اساس مقادیر خاص استفاده خواهیم کرد.
- استقرار: در این مرحله، ما باید Task App خود را کاملاً کاربردی داشته باشیم تا بتوانیم آن را مستقر کنیم. ما Task App خود را می گیریم و آن را در Firebase Hosting مستقر می کنیم. کل مراحل به صورت گام به گام توضیح داده خواهد شد.
- ممنون و خداحافظ: در این سخنرانی شما یک پیام تشکر مناسب دریافت خواهید کرد و در کنار آن با من و سایر دوره های آموزشی من که دارم بیشتر آشنا خواهید شد.
پیوندهای مفید:
-
- Firebase
-
پروژه ای که ما از طریق این دوره خواهیم ساخت، یک Task App است. ما کل برنامه را با Angular می سازیم و آن را در میزبانی Firebase مستقر می کنیم. در زیر، می‌توانید یک اسکرین شات از برنامه و همچنین یک برنامه زنده در میزبانی Firebase را ببینید.
برنامه زنده -
درس ها Lessons
-
نصب زاویه ای Angular Installation
-
Angular چیست What is Angular
-
مسیریابی Routing
-
ممنون و خداحافظ Thank You and Goodbye
-
خدمات Services
-
اجزاء Components
-
طراحی ظاهر Styling
-
HTTP HTTP
-
معرفی Introduction
-
الگوسازی Templating
-
گسترش Deployment
-
ماژول ها Modules
درس ها Lessons
-
الگوسازی Templating
-
گسترش Deployment
-
خدمات Services
-
مسیریابی Routing
-
HTTP HTTP
-
ماژول ها Modules
-
Angular چیست What is Angular
-
طراحی ظاهر Styling
-
ممنون و خداحافظ Thank You and Goodbye
-
نصب زاویه ای Angular Installation
-
معرفی Introduction
-
اجزاء Components
https://donyad.com/d/e55871
Stefan Omerovic
برنامه نویس و مدرس وب Full Stack
از 18 سالگی شروع شد، در نقطه شروع معمول برای Front End. برای 2 سال اول، اکثر وب‌سایت‌های استاتیک با فریم‌ورک‌های Front End مانند Bootstrap کدگذاری می‌شدند. پس از آن، نقطه بعدی در مسیر من برای تبدیل شدن به یک توسعه دهنده Full Stack را بررسی کردم و وارد توسعه برنامه وب شدم. شروع به کدنویسی آشکار در Angular و مدیریت همه چیز در مورد Front End Side از چندین پروژه کرد. در حال حاضر، من یک توسعه دهنده MEAN Stack با 7 سال تجربه هستم.
من به عنوان یک توسعه دهنده خودآموخته راه خود را شروع کردم، هرگز از یادگیری فناوری های جدید توسعه وب دست نکشیدم و قصد دارم با آن ها یاد بگیرم و حتی بهتر شوم. در طی چند سال دیگر، من قصد دارم با Flutter به سمت توسعه موبایل حرکت کنم.
تجربه به عنوان مربی
دلیل اینکه من وارد تدریس توسعه وب شدم در وهله اول این بود که دانش خود را به دیگران منتقل کنم، زیرا صادقانه فکر می کنم که می توانم به فناوری ها از زوایای دیگر نگاه کنم و تمام پاسخ هایی را که در ابتدا به دانش آموزانم نیاز داشتند را به آنها منتقل کنم. مکانی برای شروع یا ارتقاء مهارت های آنها.
در کنار دوره‌های Skillshare، من کانال یوتیوب Omerko را نیز هدایت می‌کنم که مبتنی بر توسعه وب است.
نمایش نظرات