آموزش گام به گام زاویه ای برای مبتدیان
Angular Step by Step for beginners
این آموزش Angular را با استفاده از یک پروژه آموزش می دهد. بنابراین یک صفحه نمایش ساده مشتری گرفته می شود و کل دوره در اطراف همان می چرخد. به یاد داشته باشید که بهترین راه برای یادگیری هر فناوری، انجام یک پروژه است.
در زیر جزئیات کامل دوره آمده است:-
فصل 1:- Node و NPM
فصل 2:- اجرای اولین برنامه Angur CLI
فصل 3:- ویرایشگر کد VS.
فصل 4:- TypeScript
فصل 5:- پروژه CLI ساختار پوشه
فصل 6 :- فایل های پیکربندی JSON
فصل 7 :- ng serve در مقابل ng build
فصل 8 :- زاویه ای چارچوب binding
فصل 9 :- جزء و ماژول ها
فصل 10:- Expression، Decorators and TemplateURL
فصل 11:- Declaration و BootStrap در ماژول ها
فصل 12:- فایل main.ts برای راه اندازی ماژول
فصل 13:- Index.html و تگ انتخابگر
فصل 14:- Polyfills
فصل 15:- بسته بندی وب:- بسته بندی و استقرار
فصل 16:- Vendor.js و Runtime.js
فصل 17:- قرارداد نامگذاری فایل زاویه ای
فصل 18 :- ایجاد رابط کاربری مشتری
فصل 19:- ایجاد مدل مشتری
فصل 20:- مدل مصرفی در کامپوننت
فصل 21:- ngModel، پیوند یک طرفه و دو طرفه
فصل 22:- عبارات
فصل 23 :- درک اشتباهات و ابهام کردن آنها
فصل ter 24:- FormsModule
فصل 25:- *ngForLoop
فصل 26:-pack.lock.json و نسخه سازی
فصل 27:- استفاده از کد منبع آموزش.
فصل 28:- تفکر Uniform , Thinking Master Pages
فصل 29:- ایجاد رابط کاربری زاویه ای و اجزای آن.
فصل 30:- سازماندهی پوشه های پروژه، اجزای ماژول ها.
فصل 31:- صفحه اصلی و انتخابگر
فصل 32:- گروه بندی مؤلفه ها در ماژول ها.
فصل 33:- درک بارگذاری رابط کاربری در انتخابگر.
فصل 34:- مجموعه مسیریابی و مسیریابی
فصل 35:- روتر-outlet و routerLink
فصل 36:- RouterModule و بارگذاری مسیرها در Angular.
فصل 37:- درک جریان Angular با مسیریابی.
فصل 38:- مسائل مربوط به عملکرد به دلیل بارگیری مشتاقانه.
فصل 39:- پیاده سازی بارگذاری تنبل
فصل 40 :- تقسیم پروژه به ماژول های زاویه ای مستقل.
فصل 41:- مسیرهای خود شامل ماژول های خود.
فصل 42:- loadChildren:- قلب بارگذاری تنبل
فصل 43:- درک ساختار مسیر برای پوشه ها و loadChildren.
فصل 44:- forRoot و forChild
فصل 45:- ماژول های متعدد، ساخت های متعدد و خروجی های متعدد.
فصل 46:- CommonModule for Lazy در حال بارگذاری
فصل 47:- مشاهده ماژول های فیزیکی جداگانه در پوشه "dist".
فصل 48:- بازنگری در معماری Angular با مسیریابی تنبل
فصل 49:- مدل شی اعتبارسنجی.
فصل 50: - مکان مناسب برای قرار دادن اعتبارسنجی ها
فصل 51:-Formgroup، FormControl، Validators و FormBuilder
فصل 52:- استفاده از اعتبارسنجی زاویه ای:- فرآیند CCC.
فصل 53:- ایجاد اعتبارسنجی
فصل 54 :- اعمال اعتبارسنجی در UI
فصل 55:- بررسی وضعیت اعتبارسنجی
فصل 56:- ReactiveForms
فصل 57:- ngModelOption مستقل
فصل 58:- نمایش خطاها برای اعتبارسنجی های فردی.
فصل 59:- پرچم کثیف.
فصل 60:- متمرکز کردن کد اعتبارسنجی برای قابلیت استفاده مجدد.
فصل 61: - تعریف یک معمار خوب ecture
فصل 62: - کلاسهای بتنی و کوپلینگ محکم
فصل 63: - ارائه دهنده - چیزهایی را برای کامپوننت فراهم می کند.
فصل 64: - ایجاد ارائه دهندگان: - ارائه UseClass
فصل 65: - مشکلات رابط با Angular DI
فصل 66: - در نهایت درک تزریق وابستگی
فصل 67: - مشاهده نتایج واقعی تزریق وابستگی
فصل 68: - DI متمرکز و شرطی
فصل 69: - انژکتور و نشانه ها - مشروط DI
فصل 70: - مجموعه های پویا
فصل 71: - بازنگری در معماری Angular DI
فصل 72:- تعریف کنترل کاربر
فصل 73:- تعاملات: - خروجی، خروجی و ارسال کننده رویداد
>فصل 74:- ایجاد کنترل کاربر و اجزای آن
فصل 75:- ایجاد مؤلفه کنترل کاربر و اهمیت انتخابگر
فصل 76:- تزئین کننده @input
فصل 77:- استترها و قرارداد نامگذاری اجزای سفارشی
فصل 78:- ایجاد رابط کاربری Grid برای کنترل کاربر
فصل 79:- تعریف خروجی و انتشار دهنده رویداد
فصل 80:- درک جریان کنترل کاربر
فصل 81:- وارد کردن و اجرای کنترل کاربر
فصل 82:- اشکال زدایی و تماشای جریان کامل.
فصل 83:- سرور Json، جعلی webserver
فصل 84:- پیکربندی json-server db.json.
فصل 85:- وارد کردن و ایجاد شیء جزء http
فصل 86:- برقراری تماس های HTTP Post و روش اشتراک.
فصل 87 :- ماژول HTTP را در سطح ماژول وارد کنید.
فصل 88:- پیاده سازی DTO(اشیاء انتقال داده)
فصل 89:- Lambdas و Callback
فصل 90:- Angular HTTP Client.
فصل 91 :- استفاده از HttpClient
فصل 92: سادگی HttpClient.
فصل 93:- رهگیرها در HttpClient
فصل 94:- ارسال داده های دوگانه
فصل 95:- تعریف محدوده آموزش.<. br>فصل 96:- استفاده از الگوی Angular و محدودیت های آن
فصل 97:- احترام به ساخت و کامپایل فردی.
فصل 98:- MVC wwwroot پوشه و Angular
فصل 99:- مسائل مربوط به ng ser ve و ادغام
فصل 100:- بوت استرپ از طریق MVC
فصل 101:- مفهوم Deployurl.
فصل 102:- ادغام Webapi با Angular Http
فصل 103:- اشکال زدایی Angular و MVC
104 : - آه، مسئله شتر و کیس پاسکال
فصل 105: - ادغام Grunt با Task runner explorer
فصل 106 :- پیکربندی Grunt با استفاده از appsettings.json
فصل 107: - سبک Prebuild و Postbuild
>فصل 108:- دو ابزار VS کد و ویژوال استودیو
فصل 109:- پروژه جدید با استفاده از دستور ng new ایجاد کنید.
فصل 110:- کد را در پروژه های تازه ایجاد شده کپی کنید.
فصل 111:- سرویس ng را اجرا کنید، خطاهای http را در httpclient اصلاح کنید
فصل 112:- تست کنید و آماده هستید
فصل 113:- تست یکپارچه سازی در مقابل تست واحد
فصل 114:- جعبه سیاه در مقابل جعبه سفید
فصل 115:- یاس و کارما
فصل 116:- درک نحوهای یاس، BDD، توصیف و آن.
فصل 117:- BeforeEach،BeforeAll،AfterEach و AfterAll
فصل 118:- Th e TestBed API
فصل 119:- جریان بارگذاری زاویه ای.
فصل 120:- خط مبنا را تنظیم کنید.
فصل 121:-DebugElement، componentInstance و nativeElement
فصل 122:- Assertion - expecty, toEqual
فصل 123:- همگام سازی DetectChanges DOM.
فصل 124:- QuerySelectors.
فصل 125:- اجرای آزمایش زاویه ای
فصل 126:- نوشتن یک تست واحد پیچیده برای صفحه نمایش مشتری
آزمایشگاه 1: - اجرای اولین برنامه Angular Lab 1 :- Running your First Angular Application
-
اجرای اولین برنامه Angular (جریان کامل Angular توضیح داده شده است) Running your first Angular Application (Full flow of Angular explained)
-
دانش Angular خود را آزمایش کنید Test your Angular Knowledge
آزمایشگاه 2: - ایجاد رابط کاربری مشتری با Grid Lab 2 :- Creating a Customer user interface with Grid
-
ایجاد رابط کاربری، کامپوننت و مدل Creating UI , Component and Model
-
آزمون آزمایشگاه 2 Lab 2 Quiz
آزمایشگاه 3 - ایجاد صفحه MasterPage، صفحه تامین کننده، صفحه اصلی و فعال کردن ناوبری Lab 3 - Creating MasterPage page,Supplier page ,Home page & enabling navigation
-
آزمایشگاه 3: - مسیریابی - ایجاد صفحه اصلی با ناوبری مناسب Lab 3 :- Routing - Creating Masterpage with proper navigation
آزمایشگاه 4: - افزایش عملکرد با استفاده از بارگذاری تنبل Lab 4 :- Increasing Performance using Lazy Loading
-
آزمایشگاه 4: - افزایش عملکرد با استفاده از بارگذاری تنبل Lab 4 :- Increasing Performance using Lazy Loading
آزمایشگاه 5: - پیاده سازی اعتبار سنجی در Angular Lab 5 :- Implementing Validation in Angular
-
آزمایشگاه 5: - اعتبار سنجی در Angular Lab 5 :- Validation in Angular
آزمایشگاه 6: - تزریق وابستگی و ارائه دهندگان Lab 6 :- Dependency Injection and Providers
-
آزمایشگاه 6: - تزریق وابستگی و ارائه دهندگان Lab 6 :- Dependency Injection and Providers
آزمایشگاه 7: ورودی، خروجی و امیترهای رویداد Lab 7 :- Input , Output and Event Emitters
-
آزمایشگاه 7: ورودی، خروجی و امیترهای رویداد Lab 7 :- Input , Output and Event Emitters
آزمایشگاه 8: - برقراری تماس های HTTP با استفاده از Angular. Lab 8 :- Making HTTP calls using Angular.
-
آزمایشگاه 8: - برقراری تماس های HTTP با استفاده از Angular. Lab 8 :- Making HTTP calls using Angular.
آزمایشگاه 9: - ادغام هسته MVC با Angular با استفاده از ویژوال استودیو Lab 9 :- Integrating MVC core with Angular using visual studio
-
آزمایشگاه 9: - ادغام هسته MVC با Angular با استفاده از ویژوال استودیو Lab 9 :- Integrating MVC core with Angular using visual studio
آزمایشگاه 10: - مهاجرت Angular 6 به Angular 7 Lab 10:- Migrating Angular 6 to Angular 7
-
آزمایشگاه 10: - مهاجرت Angular 6 به Angular 7 Lab 10:- Migrating Angular 6 to Angular 7
آزمایشگاه 11: - تست واحد در Angular با استفاده از Jasmine & Karma. Lab 11 :- Unit Testing in Angular using Jasmine & Karma.
-
آزمایشگاه 11: - تست واحد در Angular با استفاده از Jasmine & Karma. Lab 11 :- Unit Testing in Angular using Jasmine & Karma.
ویدئوهای پرسش و پاسخ Q and A Videos
-
سوال 1: آیا ما می توانیم چندین مؤلفه راه اندازی در Angular داشته باشیم؟ Question 1 :- Can we have multiple startup components in Angular ?
https://donyad.com/d/3f581e
Shivprasad Koirala
ما عاشق ضبط آموزش های گام به گام هستیم نام من Shivprasad Koirala است ، ما عاشق آموزش و یادگیری هستیم ، ما وب سایت QuestPond را 15 سال پیش با یک هدف واحد ایجاد کیفیت گام به گام دروس مرتبط با برنامه نویسی IT راه اندازی کردیم. ما بسیاری از دروس را بصورت آنلاین مشاهده کردیم ، یا خیلی سریع انجام می شود یا خیلی کند یا بسیار پیچیده است. هدف اصلی Questpond ایجاد درسهای گام به گام در C # ، ASP.NET ، الگوهای طراحی ، SQL و غیره است. با گذشت سالها ، من گام به گام سایر دروس مانند Angular ، Sharepoint ، MSBI ، Azure و غیره را اضافه کردم.
نمایش نظرات