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

Angular: Creating and Hosting a Full-Stack Site

نکته: آخرین آپدیت رو دریافت میکنید حتی اگر این محتوا بروز نباشد.
نمونه ویدیوها:
توضیحات دوره: شما Angular را یاد گرفته اید و می توانید رابط های جلویی شگفت انگیزی ایجاد کنید - اما استقرار آنها به مواردی غیر از Angular نیاز دارد. شما به منطق موجود در سرور و مکانی برای قرار دادن این منطق نیاز دارید. اگر می خواهید مهارت های Angular خود را در طیف گسترده تری از پروژه ها به کار ببرید - اما با توسعه سمت سرور آشنایی چندانی ندارید ، این دوره برای شما مناسب است. با Shaun Wassell ، به مربی خود بپیوندید و او مراحل ساخت یک وب سایت کاملاً پشته و دارای زاویه را از ابتدا راهنمایی می کند. شان نشان می دهد که چگونه با استفاده از hapi یک جلوی Angular و نوشتن قسمت انتهایی Angular ایجاد کنیم. سپس او نشان می دهد که چگونه MySQL را به انتهای پشت خود اضافه کنید ، انتهای جلو و عقب را متصل کنید ، تأیید اعتبار Firebase را به پروژه خود اضافه کنید و برنامه کامل پشته خود را به ابر منتقل کنید.

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

مقدمه 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

نمایش نظرات

آموزش Angular: ایجاد و میزبانی یک سایت کامل پشته
جزییات دوره
4h 21m
59
Linkedin (لینکدین) Linkedin (لینکدین)
(آخرین آپدیت)
487
- از 5
ندارد
دارد
دارد
Shaun Wassell
جهت دریافت آخرین اخبار و آپدیت ها در کانال تلگرام عضو شوید.

Google Chrome Browser

Internet Download Manager

Pot Player

Winrar

Shaun Wassell Shaun Wassell

توسعه دهنده نرم افزار Full-Stack Shaun Wassell یک توسعه دهنده نرم افزار کاملاً پشته ای است که در زمینه برنامه نویسی و اتوماسیون صنعتی تخصص دارد.

Shaun با امید به ساخت بازی های ویدیویی عالی برنامه نویسی را در دوره راهنمایی شروع کرد. وی در ادامه به دریافت مدرک علوم کامپیوتر و ادامه کار حرفه ای نرم افزار توسعه یافت. او از پیشرفت کامل و موبایل لذت می برد. علاوه بر رایانه ، شاون به موسیقی ، معماری ، باغبانی و آبجو دستی نیز علاقه دارد.