آموزش ساخت برنامه های Angular و Node با احراز هویت

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

مقدمه Introduction

• خوش آمدی Welcome

• آنچه باید بدانید What you should know

• با استفاده از پرونده های تمرینی Using the exercise files

1. تنظیم زیرساخت 1. Setting Up the Infrastructure

• نمای کلی برنامه نمایشی Demo application overview

• نمای معماری Architectural overview

• Node را بارگیری و نصب کنید Download and install Node

• ایجاد و پیکربندی پروژه Angular 2 Creating and configuring the Angular 2 project

2. نمایش داده ها در زاویه 2 2. Displaying Data in Angular 2

• ایجاد مؤلفه Creating the component

• نمایش داده های ما Show our data

• طرح خود را با مواد زاویه دار اصلاح کنید Refining your layout with Angular Material

3. گرفتن داده های شما از گره 3. Getting Your Data from Node

• اکسپرس تنظیم کنید Set up express

• ایجاد یک سرویس Create a service

• برای به دست آوردن اطلاعات از سرویس خود ، Angular را به روز کنید Updating Angular to get data from your service

4- ذخیره داده های شما در گره 4. Saving Your Data to Node

• ایجاد یک سرویس پست Create a post service

• ذخیره داده ها در یک لیست Save data to a list

• ایجاد روتر اکسپرس Creating an express router

5- ایجاد فرم در زاویه ای 5. Creating a Form in Angular

• ایجاد مؤلفه Creating the component

• اطلاعات ورودی ما را دریافت کنید Get our input data

• ارتباط بین چندین مؤلفه با Output و ViewChild Communicate between multiple components with Output and ViewChild

• در سرویس ما یک فروشگاه داده ایجاد کنید Create a data store in our service

• خطاها را با امتحان یا گرفتن کنترل کنید Handle errors with try or catch

6. حرکت با روتر 6. Navigating with Router

• یک نوار nav ایجاد کنید Create a nav bar

• مسیرها را تنظیم کنید Set up routes

• یک مسیر پیام اضافه کنید Add a messages route

• یک پارامتر مسیر عبور دهید Pass a route parameter

• یک پارامتر مسیر را بازیابی کنید Retrieve a route parameter

7. برنامه نویسی واکنش پذیر 7. Reactive Programming

• HTTP با مشاهده قابل دریافت است HTTP get with Observable

• رویدادی را با یک موضوع پخش کنید Broadcast an event with a subject

• مشاهدات و لوله async Observables and the async pipe

8- ایجاد اشکال واکنشی در زاویه ای 8. Creating Reactive Forms in Angular

• یک طرح ثبت نام ایجاد کنید Create a register layout

• اشکال واکنشی با FormBuilder Reactive forms with FormBuilder

• با اشکال واکنشی تأیید کنید Validate with reactive forms

• گذرواژه‌ها را با یک اعتبار سنج سفارشی تأیید کنید Validate passwords with a custom validator

• اعتبارسنجی ایمیل ها را با یک اعتبار سنج سفارشی انجام دهید Validate emails with a custom validator

9. ثبت نام کاربران 9. Registering Users

• یک سرویس خودکار Angular ایجاد کنید Create an Angular auth service

• یک سرویس ثبت گره ایجاد کنید Create a node register service

• تأیید اعتبار با نشانه های وب JSON Authenticate with JSON web tokens

• یک نشانه را با Angular ذخیره کنید Store a token with Angular

• بررسی تأیید اعتبار را انجام دهید Implement an authentication check

• خروج Log out

10. ورود به سیستم 10. Logging In

• یک جزء ورود زاویه ای ایجاد کنید Create an Angular login component

• خدمات ورود به سیستم را ایجاد کنید Create the login services

11. مجوز منابع 11. Authorizing Resources

• با درخواست های زاویه ای HTTP یک نشانه ارسال کنید Send a token with Angular HTTP requests

• واسط امنیتی ایجاد کنید Create a security middleware

• اطلاعات کاربر را ویرایش کنید Edit user Info

• ارسال پیام را به روز کنید Update message posting

نتیجه Conclusion

• مراحل بعدی Next steps