آموزش 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

نمایش نظرات

Linkedin (لینکدین)

لینکدین: شبکه اجتماعی حرفه‌ای برای ارتباط و کارآفرینی

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

لینکدین همچنین به کارفرمایان امکان می‌دهد تا به دنبال نیروهای با تجربه و مهارت مورد نیاز خود بگردند و ارتباط برقرار کنند. این شبکه حرفه‌ای به عنوان یک پلتفرم کلیدی برای بهبود دسترسی به فرصت‌های شغلی و گسترش شبکه حرفه‌ای خود، نقش مهمی را ایفا می‌کند. از این رو، لینکدین به عنوان یکی از مهمترین ابزارهای کارآفرینی و توسعه حرفه‌ای در دنیای امروز مورد توجه قرار دارد.

آموزش 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 با امید به ساخت بازی های ویدیویی عالی برنامه نویسی را در دوره راهنمایی شروع کرد. وی در ادامه به دریافت مدرک علوم کامپیوتر و ادامه کار حرفه ای نرم افزار توسعه یافت. او از پیشرفت کامل و موبایل لذت می برد. علاوه بر رایانه ، شاون به موسیقی ، معماری ، باغبانی و آبجو دستی نیز علاقه دارد.