وب‌سایت‌های تعاملی با Angular و TypeScript

آنچه یاد خواهید گرفت:

• Angular و TypeScript
• مدیریت فایل‌های پروژه و کامپایل TypeScript
• کامپوننت ها، الگوها، سرویس‌ها و دایرکتیوها
• رندر کردن داده‌ها و مدیریت رویدادها
• ساخت کامپوننت های قابل استفاده مجدد
• کنترل رندر کردن HTML
• ایجاد فرم‌های الگو محور و فرم‌های مدل محور
• استفاده از Observables
• ارتباط با سرور با استفاده از APIها
• ساخت اپلیکیشن تک صفحه‌ای (SPA) با مسیریابی 
• عملیات CRUD با Firebase

توضیحات دوره

• Angular چیست؟ TypeScript، اپلیکیشن‌های تک صفحه‌ای، ابزارهای توسعه اپلیکیشنAngular ،Node ،NodeJS ،Typings، Angular CLI ،ng ،Visual Studio Code، ایجاد اولین پروژه، Node Package Manager ،npm، ویرایشگر TypeScript
• فایل‌های پروژه Angular، کامپایل TypeScript، ترنسپایل، کامپایل در حالتwatch mode ،tsconfig.json ،package.json، main.ts، پوشهapp ،app.module.ts ،app.component.ts ، app.component.html ،app.component.css، app.component.scss
• ایجاد کامپوننت ها، استفاده از کامپوننت‌ها، دایرکتیوها، دایرکتیوهای سفارشی، الگوها، ایجاد سرویس‌ها، استفاده از سرویس‌ها، تزریق وابستگی، اتصال یک‌طرفه 
• Property Binding ،CSS Class Binding ،Style Binding، مدیریت رویدادها، رندر کردن داده‌ها، مدیریت رویدادها، اتصال یک‌طرفه، اتصال دوطرفه، درون‌یابی، ایجاد کامپوننت امتیازدهی، مدیریت رویدادهای کلیک
• ساخت کامپوننت‌های قابل استفاده مجدد، خصوصیات ورودی کامپوننت، خصوصیات خروجی کامپوننت، الگوها، استایل‌ها، API، نمایش چندین محصول با تصویر محصول، نام، تاریخ، امتیاز، تعداد نقدها، توضیحات
• کنترل رندر کردن HTML ،ngFor ،ngIf ،ngSwitch، ngSwitchCase ،ngSwitchDefault، پایپ‌ها، DatePipe، UpperCasePipe ،LowerCasePipe ،CurrencyPipe، PercentPipe، پایپ‌های سفارشی، زنجیره‌سازی پایپ‌ها، ng-Content
• فرم‌های الگو محور، کلاس مدل برای نمایش داده‌ها در فرم، نمایش لیست گزینه‌ها در یک منوی کشویی با استفاده از *ngFor، اتصال دوطرفه بین فرم و خصوصیات کامپوننت با استفاده از ngModel، نمایش خطاهای اعتبارسنجی فیلد فرم با استفاده از ngModel، ارسال فرم با استفاده از ngSubmit
• فرم‌های مدل محورFormControl، FormGroup ، FormBuilder، پیاده‌سازی اعتبارسنجی سفارشی، اعتبارسنجی فرم هنگام ارسال
• Observables، ایجاد Observable از رویدادهای DOM، اپراتورهای Observable، اپراتور filter، اپراتور debounceTime، اپراتور distinctUntilChanged
• RESTful API، دریافت داده از سرور، تزریق وابستگی، هوک‌های چرخه عمر کامپوننت، OnInit ،OnDestroy ،DoCheck OnChanges ،AfterContentInit ،AfterContentChecked، AfterViewInit ،AfterViewChecked، نمایش آیکون بارگذاری، صفحه نمایش نتایج Spotify، افزودن ورودی به صفحه نمایش نتایج Spotify ،RESTful API با استفاده ازObservables ،Http ، HttpClient ،HttpClientModule ،get() ،post() ،put()، delete() ،head
• ساخت اپلیکیشن تک صفحه‌ای (SPA) با مسیریابی، تعریف مسیرها، پیکربندی مسیرها، رندر کردن کامپوننت درخواستی، Router Outlet، فراهم کردن لینک‌های مسیریابی، ایجاد مسیرها با پارامتر، بازیابی پارامترها، Route Guards، احراز هویت با رابط CanActivate، جلوگیری از تغییرات ذخیره نشده با رابط CanDeactivate
• عملیات C.R.U.D. با استفاده از Firebase، Firebase به عنوان سرور بک‌اند، افزودن Firebase به اپلیکیشن وب، کار با پایگاه داده Firebase، کنسول Firebase، Bootstrap، افزودن داده، خواندن داده، بروزرسانی داده، حذف داده، کنترل‌های صفحه‌بندیForm Builder ،Validators ،Form Group ، Reactive Forms ،Toastr ،Firebase ،@angular/fire ،ngx-pagination ،ngx-toastr

این دوره برای چه کسانی مناسب است؟

• مبتدیان و علاقه‌مندانی که مایل به طراحی و توسعه وب‌سایت‌های کاربردی هستند.