آموزش Angular: ایجاد و میزبانی یک سایت کامل پشته

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

مقدمه Introduction

• ایجاد و میزبانی یک سایت پشته از جلو به عقب به پایان Front-end to back-end creating and hosting a full-stack site

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

• Node.js و npm را نصب کنید Install Node.js and npm

• پرونده های ورزشی Exercise files

• رویکرد The approach

1. ایجاد یک جلوی زاویه دار 1. Creating an Angular Front End

• چرا زاویه ای؟ Why Angular?

• یک پروژه Angular راه اندازی کنید Set up an Angular project

• ساختار پروژه زاویه ای Angular project structure

• اولین م Angلفه Angular خود را ایجاد کنید Create your first Angular component

• مسیرها و مسیریابی در زاویه ای Routes and routing in Angular

• داده جعلی را اضافه کنید Add fake data

• صفحه لیست ها را پیاده سازی کنید Implement the Listings page

• یک صفحه جزئیات لیست ایجاد کنید Create a Listing Detail page

• ایجاد یک صفحه فروشنده تماس با ما Create a Contact Seller page

• صفحه لیست های من ایجاد کنید Create a My Listings page

• یک صفحه لیست جدید ایجاد کنید Create a New Listings page

• یک فرم داده لیست ایجاد کنید Create a Listing Data form

• یک صفحه ویرایش لیست ایجاد کنید Create an Edit Listing page

• یک نوار پیمایش ایجاد کنید Create a navigation bar

2. ایجاد Node Back End 2. Creating a Node Back End

• چرا Node.js؟ Why Node.js?

• یک سرور hapi تنظیم کنید Set up a hapi server

• یک سرور hapi با Postman تست کنید Test a hapi server with Postman

• یک نقطه پایانی لیست ایجاد کنید Create a listings endpoint

• سرور Node را به طور خودکار راه اندازی کنید Restart a Node server automatically

• یک نقطه نهایی لیست جداگانه ایجاد کنید Create an individual listing endpoint

• خطاهای موجود در هاپی با استفاده از hapi / boom Errors in hapi using hapi/boom

3. افزودن MySQL به Back End 3. Adding MySQL to Your Back End

• چرا MySQL؟ Why MySQL?

• MySQL و MySQL Workbench را نصب کنید Install MySQL and MySQL Workbench

• یک پایگاه داده MySQL تنظیم کنید Set up a MySQL database

• از Node به یک پایگاه داده MySQL متصل شوید Connect to a MySQL database from Node

• نقاط انتهایی لیست را بازنویسی کنید Rewrite the listings endpoints

• برای افزودن نماها یک نقطه پایانی ایجاد کنید Create an endpoint for adding views

• برای دریافت لیست کاربری ، یک نقطه پایان ایجاد کنید Create an endpoint to get a user listing

• برای ایجاد لیست ، یک نقطه پایانی ایجاد کنید Create an endpoint to create listings

• برای ویرایش لیست ها یک نقطه پایان ایجاد کنید Create an endpoint to edit listings

• برای حذف لیست ها ، یک نقطه پایان ایجاد کنید Create an endpoint to delete listings

4. اتصال جلو و عقب پایان می یابد 4. Connecting the Front and Back Ends

• خدمات در Angular Services in Angular

• RxJS و Angular HttpClient RxJS and the Angular HttpClient

• از خطاهای CORS خودداری کنید Avoid CORS errors

• صفحه Listing Detail را وصل کنید Connect the Listing Detail page

• صفحه لیست های من را وصل کنید Connect the My Listings page

• صفحه لیست جدید را وصل کنید Connect the New Listing page

• صفحه ویرایش لیست را متصل کنید Connect the Edit Listing page

5. احراز هویت 5. Authentication

• Firebase Auth چیست؟ What is Firebase Auth?

• یک حساب Firebase تنظیم کنید Set up a Firebase account

• Firebase را به Angular اضافه کنید Add Firebase to Angular

• Firebase را به hapi اضافه کنید Add Firebase to hapi

• ورود و خروج Sign in and out

• لیست های کاربر را با Auth بارگیری کنید Load user listings with Auth

• با Auth لیست کنید Create listings with Auth

• ویرایش لیست ها با Auth Edit listings with Auth

• لیست ها را با Auth حذف کنید Delete listings with Auth

6. میزبانی سایت شما 6. Hosting Your Site

• یک برنامه کاملاً پشته ای را به cloud منتقل کنید Move a full-stack app to the cloud

• نصب Google Cloud CLI Installing the Google Cloud CLI

• انتقال MySQL به ابر Moving MySQL to the cloud

• متغیرهای محیطی Environment variables

• میزبان یک سرور Node در Google Cloud باشید Host a Node server on Google Cloud

• برنامه زاویه ای بسازید و خدمت کنید Build and serve an Angular app

نتیجه Conclusion

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