Angular: ایجاد و میزبانی یک سایت Full-Stack

مدرس Shaun Wassell

انتشار 2020/08/21

مدت زمان 4h 21m

سطح مناسب همه

فایل تمرینی دارد

آموزش Angular: Creating and Hosting a Full-Stack Site

شما Angular را یاد گرفته‌اید و می‌توانید رابط‌های front-end شگفت‌انگیزی ایجاد کنید، اما استقرار آنها به چیزی بیش از Angular نیاز دارد. شما به منطقی نیاز دارید که روی سرور اجرا شود، و مکانی برای قرار دادن آن منطق. اگر می‌خواهید مهارت‌های Angular خود را در طیف وسیع‌تری از پروژه‌ها به کار ببرید - اما با توسعه سمت سرور آشنایی چندانی ندارید، این دوره برای شما مناسب است. به مربی Shaun Wassell بپیوندید تا نحوه ساخت یک وب سایت تمام پشته با Angular را از ابتدا بررسی کند. Shaun نشان می دهد که چگونه می توان یک Angular 9 front end ایجاد کرد و یک back end در Node.js با استفاده از hapi نوشت. سپس نشان می دهد که چگونه MySQL را به قسمت پشتی خود اضافه کنید، انتهای جلو و عقب را به هم متصل کنید، احراز هویت Firebase را به پروژه خود اضافه کنید، و برنامه فول استک خود را به ابر منتقل کنید.

Angular AngularJS Full-Stack Development Web Development

Introduction

Front-end to back-end creating and hosting a full-stack site ()

What you should know ()

Install Node.js and npm ()

Exercise files ()

The approach ()

1. Creating an Angular Front End

Why Angular? ()

Set up an Angular project ()

Angular project structure ()

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. Creating a Node Back End

Why Node.js? ()

Set up a hapi server ()

Test a hapi server with Postman ()

Create a listings endpoint ()

Restart a Node server automatically ()

Create an individual listing endpoint ()

Errors in hapi using hapi/boom ()

3. Adding MySQL to Your Back End

Why MySQL? ()

Install MySQL and MySQL Workbench ()

Set up a MySQL database ()

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. Connecting the Front and Back Ends

Services in Angular ()

RxJS and the Angular HttpClient ()

Avoid CORS errors ()

Connect the Listing Detail page ()

Connect the My Listings page ()

Connect the New Listing page ()

Connect the Edit Listing page ()

5. Authentication

What is Firebase Auth? ()

Set up a Firebase account ()

Add Firebase to Angular ()

Add Firebase to hapi ()

Load user listings with Auth ()

Create listings with Auth ()

Edit listings with Auth ()

Delete listings with Auth ()

6. Hosting Your Site

Move a full-stack app to the cloud ()

Installing the Google Cloud CLI ()

Moving MySQL to the cloud ()

Environment variables ()

Host a Node server on Google Cloud ()

Build and serve an Angular app ()

Conclusion

Next steps ()

Ex_Files_Angular_Creating_Hosting_Full_Stack.zip (19.9 MB)

دانلود فایل فشرده

با توجه به امکانات آموزش و همچنین امکانات بسته انتخاب شده لینک دانلود فایل فشرده آماده خواهد شد. با در نظر داشتن این شرایط لطفا بسته مورد نظر خود را انتخاب کرده و روی دکمه درخواست لینک دانلود کلیک کنید

در حال به روزرسانی اطلاعات

درخواست لینک دانلود

در حال به روزرسانی اطلاعات

لطفا قبل از فعالسازی لینک دانلود به موارد زیر توجه کنید:

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

مسیرهای یادگیری آموزش Angular: ایجاد و میزبانی یک سایت Full-Stack

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

آموزش Angular: Creating and Hosting a Full-Stack Site در 1 مسیر آموزشی قرار دارد. تخصص مورد نظر خود را انتخاب کنید، با مسیر یادگیری آن همراه شوید و حرفه ای شوید.

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

آموزش Angular: ایجاد و میزبانی یک سایت Full-Stack ، ایستگاه شماره 4 در مسیر یادگیری توسعه وب را با Angular کاوش کنید ، است.