دوره آموزشی ساخت و میزبانی یک سایت Full-Stack با انگولار

دوره آموزشی ساخت و میزبانی یک سایت Full-Stack با انگولار

4 ساعت 22 دقیقهمتوسط2020-08-21

مدرسین

Shaun Wassell

Shaun Wassell

Full-Stack Software Developer

جزئیات دوره

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

مهارت ها

HapiAngularGoogle CloudNode.jsJavaScriptOracleFront-End Web DevelopmentGoogleWeb DevelopmentOpen SourceDeep Dive (X:Y)

سرفصل ها

مقدمه

  • ایجاد و میزبانی یک سایت فول استک
  • آنچه باید بدانید
  • Node.js و npm را نصب کنید
  • فایل های تمرین
  • رویکرد

ایجاد یک Front End Angular

  • چرا انگولار
  • یک پروژه Angular راه اندازی کنید
  • ساختار پروژه زاویه ای
  • اولین کامپوننت Angular خود را بسازید
  • مسیرها و مسیریابی در انگولار
  • داده های جعلی اضافه کنید
  • صفحه Listings را پیاده سازی کنید
  • یک صفحه جزئیات لیست ایجاد کنید
  • یک صفحه تماس با فروشنده ایجاد کنید
  • یک صفحه لیست های من ایجاد کنید
  • یک صفحه لیست جدید ایجاد کنید
  • فرم Listing Data را ایجاد کنید
  • یک صفحه ویرایش فهرست ایجاد کنید
  • یک نوار ناوبری ایجاد کنید

ایجاد یک Node Back End

  • چرا Node.js
  • یک سرور hapi راه اندازی کنید
  • یک سرور hapi را با Postman تست کنید
  • یک نقطه پایانی لیست ها ایجاد کنید
  • سرور Node را به صورت خودکار راه اندازی مجدد کنید
  • یک نقطه پایانی فهرست بندی فردی ایجاد کنید
  • خطا در هاپی با استفاده از hapi_boom

اضافه کردن MySQL به Back End شما

  • چرا MySQL
  • MySQL و MySQL Workbench را نصب کنید
  • پایگاه داده MySQL را راه اندازی کنید
  • از Node به پایگاه داده MySQL متصل شوید
  • نقاط پایانی لیست ها را بازنویسی کنید
  • یک نقطه پایانی برای افزودن نماها ایجاد کنید
  • برای دریافت لیست کاربر، یک نقطه پایانی ایجاد کنید
  • یک نقطه پایانی برای ایجاد لیست ایجاد کنید
  • یک نقطه پایانی برای ویرایش لیست ها ایجاد کنید
  • یک نقطه پایانی برای حذف لیست ها ایجاد کنید

اتصال انتهای جلو و عقب

  • خدمات در انگولار
  • RxJS و Angular HttpClient
  • از خطاهای CORS اجتناب کنید
  • صفحه Listing Detail را وصل کنید
  • صفحه فهرست های من را وصل کنید
  • صفحه New Listing را وصل کنید
  • صفحه Edit Listing را وصل کنید

احراز هویت

  • Firebase Auth چیست
  • یک حساب Firebase راه اندازی کنید
  • Firebase را به Angular اضافه کنید
  • Firebase را به hapi اضافه کنید
  • ورود و خروج
  • فهرست های کاربران را با Auth بارگیری کنید
  • با Auth لیست ایجاد کنید
  • لیست ها را با Auth ویرایش کنید
  • لیست ها را با Auth حذف کنید

میزبانی سایت شما

  • یک برنامه فول استک را به ابر منتقل کنید
  • نصب Google Cloud CLI
  • انتقال MySQL به ابر
  • متغیرهای محیطی
  • یک سرور Node را در Google Cloud میزبانی کنید
  • یک اپلیکیشن Angular بسازید و ارائه دهید

نتیجه

  • مراحل بعدی
۱۰۰,۰۰۰ تومان