دوره آموزشی یادگیری Angular
2 ساعت 34 دقیقهمبتدی2025-03-27
مدرسین
Maaike van Putten
Trainer and Developer for Java, Python, Spring Boot, and More
جزئیات دوره
فریمورکها باعث میشن راحتتر و سریعتر برنامه بنویسی، چون یه قالب آماده و کاربردی دارن. توی این دوره یاد میگیری چطوری با Angular، که یکی از پرطرفدارترین فریمورکهای جاوااسکریپت هست، یه برنامه تکصفحهای سمت فرانت بسازی. مربی این دوره، "مایک ون پوتن"، قدمبهقدم نشون میده که چطوری دادهها رو از یه API بگیری، فرم بسازی و دادهها رو هم ارسال کنی. این دوره مخصوص کسانیه که با HTML و TypeScript آشنایی دارن و میخوان برنامهنویسی با Angular رو یاد بگیرن. آخر دوره میتونی با چیزایی مثل کامپوننتها، سرویسها، مدلها، ماژولها و مسیردهی توی Angular حرفهای کار کنی.
🎯 اهداف یادگیری:
درک مفاهیم اصلی Angular مثل:
کامپوننتها (Components)
سرویسها (Services)
مدلها (Models)
ماژولها (Modules)
مسیریابی (Routing)
ساخت صفحات وب پویا با استفاده از Angular.
اتصال به REST APIها، مدیریت دادهها با استفاده از RxJS، و انجام عملیاتهای غیربلاک (async).
یادگیری تکنیکهای پیشرفتهای مثل مدیریت وضعیت (State Management).
🎯 اهداف یادگیری:
درک مفاهیم اصلی Angular مثل:
کامپوننتها (Components)
سرویسها (Services)
مدلها (Models)
ماژولها (Modules)
مسیریابی (Routing)
ساخت صفحات وب پویا با استفاده از Angular.
اتصال به REST APIها، مدیریت دادهها با استفاده از RxJS، و انجام عملیاتهای غیربلاک (async).
یادگیری تکنیکهای پیشرفتهای مثل مدیریت وضعیت (State Management).
مهارت ها
Front-End Web DevelopmentLearningWeb Development
سرفصل ها
0. مقدمه
- 01 - یادگیری Angular
- 02 - آنچه باید بدانید
1. آشنایی با Angular
- 03 - زاویه ای - چیست و چرا
- 04 - راهاندازی محیط Angular
- 05 - اولین برنامه Angular خود را ایجاد کنید
- 06 - CLI زاویه ای
- 07 - ساختار برنامههای Angular
- 08 - چالش - HTML را پاک کنید
- 09 - راه حل - HTML را پاک کنید
2. کار با کامپوننت ها , قالبها و استایلینگ
- 10 - کار با قطعات
- 11 - درک دادههای binding
- 12 - درک اموال الزام آور
- 13 - اضافه کردن رویداد binding به میکس
- 14 - اجزای یک ظاهر طراحی
- 15 - درک قلاب چرخه حیات
- 16 - استفاده از بلوکهای کد برای ایجاد نماهای پویا
- 17 - تبدیل دادهها با لوله
- 18 - چالش - بررسیکنید که آیا یک دوره در حال فروش است یا خیر
- 19 - راه حل - بررسیکنید که آیا یک دوره در حال فروش است یا خیر
3. ارسال دادهها از طریق کامپوننت ها
- 20 - ارتباط والدین و فرزند
- 21 - دکوراتور @Input
- 22 - دکوراتور @Output و پخش کننده رویداد
- 23 - چالش - یک ویژگی لیست آرزوها را اضافه کنید
- 24 - راه حل - یک ویژگی لیست آرزوها را اضافه کنید
4. ایجاد و استفاده از مدل ها
- 25 - مدلهای داده ایجاد کنید
- 26 - از مدلها در داخل کامپوننتها و سرویسها استفاده کنید
- 27 - چالش - اضافه کردن یک مدل
- 28 - راه حل - یک مدل اضافه کنید
5. کار با خدمات و درخواستهای HTTP
- 29 - ایجاد و استفاده از یک سرویس پایه
- 30 - درخواست HTTP با HttpClient
- 31 - استفاده از RxJS برای مدیریت دادههای همگام
- 32 - استفاده از خدمات در قطعات
- 33 - تزریق وابستگی توضیح داد
- 34 - استفاده از خدمات برای ارتباطات متقابل
- 35 - چالش - دوره را دریافتکنید و آن را در یک جزء سفارشی نمایش دهید
- 36 - راه حل - دوره دریافتکنید و آن را در یک جزء سفارشی نمایش دهید
6. مسیریابی و ناوبری
- 37 - راهاندازی مسیریابی
- 38 - پیمایش بین مسیرها
- 39 - پارامترهای مسیر و پارامترهای پرس و جو
- 40 - چالش - یک مسیر و کامپوننت جدید اضافه کنید
- 41 - راه حل - یک مسیر و کامپوننت جدید اضافه کنید
7. رسیدگی به فرم ها
- 42 - فرمهای زاویه ای - قالب محور و فرمهای واکنشی
- 43 - ساخت اشکال واکنشی
- 44 - اجرای اعتبار سنجی فرم
- 45 - ارسال دادههای فرم و رسیدگی به خطا
- 46 - چالش - ایجاد فرم
- 47 - راه حل - یک فرم ایجاد کنید
8. ساختار کد در ماژول ها
- 48 - درک ماژولهای Angular
- 49 - ایجاد ماژولهای ویژگی
- 50 - ماژولهای مشترک و اصلی
- 51 - چالش - یک داشبورد مدیریت ایجاد کنید
- 52 - راه حل - ایجاد داشبورد مدیریت
نتیجه گیری
- 53 - مراحل بعدی
دوره های مرتبط
- دوره آموزشی ساخت کتابخانههای مقیاسپذیر کامپوننتهای رابط کاربری React با استفاده از Storybook
- دوره آموزشی چالشهای کدنویسی پیشرفته React
- دوره آموزشی واکنشگرایی و سیگنالها در Angular
- دوره آموزشی هوش مصنوعی عملی: ساخت پایگاه داده تولید نقد فیلم تحت وب با استفاده از هوش مصنوعی مولد، HTML، CSS و PHP
- دوره آموزشی تست اپلیکیشنهای React با Jest و کتابخانه React Testing Library
- دوره آموزشی یادگیری اصولی D3.js
- دوره آموزشی تستگیری در React: فراتر از تستهای واحد (Unit Test)
- دوره آموزشی ساخت کتابخانههای Angular