آموزش Angular Universal In Depth (Angular 15)

Angular Universal In Depth (Angular 15)

نکته: آخرین آپدیت رو دریافت میکنید حتی اگر این محتوا بروز نباشد.
نمونه ویدیوها:
توضیحات دوره: یادگیری Angular Universal (Angular 15)، عملکرد برنامه خود را بهینه کنید، آن را برای SEO و کد رسانه های اجتماعی در مخزن Github با فایل های ZIP قابل دانلود در هر بخش بهینه سازی کنید. موتور رندر جهانی به طور عمیق یاد بگیرید چگونه از رندر سمت سرور و پیش رندر بهترین استفاده را ببرید آموزش نحوه بهینه سازی یک برنامه Angular برای SEO و رسانه های اجتماعی بیاموزید چگونه یک Application Shell بسازید برای ارائه حداکثر کارایی راه اندازی یاد بگیرید چگونه از آن استفاده کنید. the State Transfer API برای تسریع بیشتر زمان راه‌اندازی برنامه آموزش نحوه استقرار یک Angular Universal Application برای تولید با استفاده از Google App Engine برای Node پیش نیازها: فقط مقداری دانش قبلی از Angular و Typescript

این دوره به طور خلاصه

اگر قبلا Angular را می‌شناسید و اکنون می‌خواهید عمیق‌تر در اکوسیستم Angular شیرجه بزنید و رندر سمت سرور Angular را یاد بگیرید، این دوره آموزشی مناسب برای شماست!

در این دوره، ما قصد داریم Angular Universal را از اصول اولیه با استفاده از یک برنامه کاربردی Angular تک صفحه ای موجود و تبدیل آن به یک Angular Universal Application یاد بگیریم.

ما نه تنها بر روی قابلیت‌های سمت سرور رندر سمت سرور تمرکز خواهیم کرد، بلکه به جزئیات پیش‌پرداخت در زمان ساخت و مزایای آن در مقایسه با رندر سمت سرور نیز خواهیم پرداخت.

ما یاد خواهیم گرفت که چگونه برنامه خود را برای عملکرد اولیه راه اندازی با استفاده از Application Shell و State Transfer API بهینه سازی کنیم و سئوی برنامه (بهینه سازی موتور جستجو) و رسانه های اجتماعی را پسند خواهیم کرد.

>

سپس آن را با استفاده از Google App Engine به تولید می‌رسانیم و نتیجه نهایی را می‌بینیم!

نمای کلی دوره

ما این دوره را با مرور جزئیات در مورد مزایای استفاده از Angular Universal در برنامه خود آغاز خواهیم کرد.

پس از این، ما یک برنامه Angular موجود را می گیریم و با استفاده از Angular CLI یک بسته جهانی تولید می کنیم که به ما امکان می دهد برنامه را در سمت سرور ارائه دهیم.

ما با جزئیات تمام آخرین عملکردهای خط فرمان Angular Universal، از جمله اجرای Angular Universal در حالت توسعه، پیش رندر کردن مسیرهای استاتیک و پویا با استفاده از Guess.js و موارد دیگر را پوشش خواهیم داد.

پس از مشاهده ابزارهای خط فرمان جهانی در عمل، با بررسی موتور اکسپرس تولید شده توسط Angular CLI، دقیقاً نحوه عملکرد Angular Universal در زیر کاپوت را درک خواهیم کرد. این به ما این امکان را می‌دهد تا نحوه عملکرد رندر جهانی را با جزئیات درک کنیم و در صورت نیاز انعطاف‌پذیری زیادی به ما می‌دهد.

هنگامی که برنامه Angular Express خود را راه‌اندازی و اجرا کردیم، آن را بهینه‌سازی SEO و رسانه‌های اجتماعی می‌کنیم.

سپس چند بهینه‌سازی عملکرد رایج را که معمولاً در برنامه‌های Angular Universal استفاده می‌شود، اعمال می‌کنیم: از ابتدا یک پوسته نرم‌افزار Application را پیاده‌سازی می‌کنیم، و همچنین تعداد درخواست‌های HTTP را که برنامه هنگام راه‌اندازی انجام می‌دهد کاهش می‌دهیم. زمان با استفاده از State Transfer API .

سپس ما برنامه Angular Universal کاملاً بهینه شده خود را می گیریم و آن را با استفاده از Google App Engine برای Node به تولید می رسانیم.

در این دوره چه چیزی یاد خواهید گرفت؟

در پایان این دوره، شما احساس راحتی خواهید کرد که از Angular Application موجود خود استفاده کرده و آن را به یک برنامه Angular Universal سمت سرور تبدیل کنید.

مزایای رندر سمت سرور را درک خواهید کرد و می‌توانید برنامه خود را هم برای موتورهای جستجو و هم برای خزنده‌های رسانه‌های اجتماعی بهینه کنید.

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


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

معرفی Introduction

  • Angular Universal In Depth - نمای هلیکوپتر Angular Universal In Depth - Helicopter View

  • Angular Universal In Depth - نمای هلیکوپتر Angular Universal In Depth - Helicopter View

  • مهم IMPORTANT

  • Angular Universal In Depth - محیط توسعه محلی خود را تنظیم کنید Angular Universal In Depth - Setting up your local Development Environment

  • Angular Universal In Depth - محیط توسعه محلی خود را تنظیم کنید Angular Universal In Depth - Setting up your local Development Environment

  • Angular Universal چیست؟ What is Angular Universal?

  • چرا Angular Universal؟ مزایای عملکرد Why Angular Universal? Performance Benefits

  • چرا Angular Universal؟ مزایای عملکرد Why Angular Universal? Performance Benefits

  • چرا Angular Universal؟ خزنده های رسانه های اجتماعی Why Angular Universal? Social Media Crawlers

  • چرا Angular Universal؟ سئو یا بهینه سازی موتور جستجو Why Angular Universal? SEO or Search Engine Optimization

  • چرا Angular Universal؟ سئو یا بهینه سازی موتور جستجو Why Angular Universal? SEO or Search Engine Optimization

معرفی Introduction

  • مهم IMPORTANT

  • Angular Universal چیست؟ What is Angular Universal?

  • چرا Angular Universal؟ خزنده های رسانه های اجتماعی Why Angular Universal? Social Media Crawlers

راه اندازی و درک Angular Universal Setting Up and Understanding Angular Universal

  • راه اندازی Angular Universal تنها با یک دستور CLI - نسخه ی نمایشی Setting Up Angular Universal with only one CLI command - Demo

  • راه اندازی Angular Universal تنها با یک دستور CLI - نسخه ی نمایشی Setting Up Angular Universal with only one CLI command - Demo

  • آشنایی با Angular Universal - برنامه های کلاینت و سرور چیست؟ Understanding Angular Universal - What are the Client and Server Applications?

  • درک Angular Universal - تعامل زمان اجرا مشتری و سرور Understanding Angular Universal - Client and Server Runtime Interaction

  • حالت Angular Universal Hot Reload و ساخت تولید Angular Universal Hot Reload Mode and Production Build

  • آشنایی با جزئیات سرور Angular Universal Express Understanding In Detail the Angular Universal Express Server

راه اندازی و درک Angular Universal Setting Up and Understanding Angular Universal

  • آشنایی با Angular Universal - برنامه های کلاینت و سرور چیست؟ Understanding Angular Universal - What are the Client and Server Applications?

  • درک Angular Universal - تعامل زمان اجرا مشتری و سرور Understanding Angular Universal - Client and Server Runtime Interaction

  • حالت Angular Universal Hot Reload و ساخت تولید Angular Universal Hot Reload Mode and Production Build

  • آشنایی با جزئیات سرور Angular Universal Express Understanding In Detail the Angular Universal Express Server

Angular Universal Prendering Angular Universal Prerendering

  • Angular Universal Prendering - چگونه کار می کند؟ Angular Universal Prerendering - How does it work?

  • Angular Universal Prerendering - Angular Router ادغام Angular Universal Prerendering - Angular Router Integration

  • Angular Universal Prerendering - Angular Router ادغام Angular Universal Prerendering - Angular Router Integration

  • پیش‌اجرای مسیر پویا جهانی زاویه‌ای Angular Universal Dynamic Route Prerendering

  • پیش‌اجرای مسیر پویا جهانی زاویه‌ای Angular Universal Dynamic Route Prerendering

  • Angular Universal and SEO - مقدمه بهینه سازی موتورهای جستجو Angular Universal and SEO - Search Engine Optimization Introduction

  • Angular Universal and SEO - مقدمه بهینه سازی موتورهای جستجو Angular Universal and SEO - Search Engine Optimization Introduction

  • Angular Universal SEO - تنظیم عنوان صفحه سفارشی و متا تگ Angular Universal SEO - Setting a Custom Page Title And Meta Tags

  • Angular Universal SEO - تنظیم عنوان صفحه سفارشی و متا تگ Angular Universal SEO - Setting a Custom Page Title And Meta Tags

  • Angular Universal - پشتیبانی از خزنده های رسانه های اجتماعی Angular Universal - Social Media Crawlers Support

Angular Universal Prendering Angular Universal Prerendering

  • Angular Universal Prendering - چگونه کار می کند؟ Angular Universal Prerendering - How does it work?

  • Angular Universal - پشتیبانی از خزنده های رسانه های اجتماعی Angular Universal - Social Media Crawlers Support

Angular Universal Application Shell Angular Universal Application Shell

  • Application Shell چیست؟ What is an Application Shell?

  • Application Shell چیست؟ What is an Application Shell?

  • اجرای پوسته برنامه - دستورالعمل سفارشی appShellRender Application Shell Implementation - The appShellRender Custom Directive

  • Application Shell - appShellRender Custom Structural Directive Implementation Application Shell - appShellRender Custom Structural Directive Implementation

  • Application Shell - پیاده سازی به پایان رسید و نسخه ی نمایشی Application Shell - implementation Finished and Demo

Angular Universal Application Shell Angular Universal Application Shell

  • اجرای پوسته برنامه - دستورالعمل سفارشی appShellRender Application Shell Implementation - The appShellRender Custom Directive

  • Application Shell - appShellRender Custom Structural Directive Implementation Application Shell - appShellRender Custom Structural Directive Implementation

  • Application Shell - پیاده سازی به پایان رسید و نسخه ی نمایشی Application Shell - implementation Finished and Demo

Angular Universal State Transfer API Angular Universal State Transfer API

  • Angular Universal State Transfer API چیست؟ What is the Angular Universal State Transfer API?

  • بررسی مؤلفه دوره و حل کننده دوره Reviewing the Course Component and the Course Resolver

  • بررسی مؤلفه دوره و حل کننده دوره Reviewing the Course Component and the Course Resolver

  • انتقال State از سرور به مشتری با State Transfer API Transfering State from the Server to the Client with the State Transfer API

  • Angular Universal State Transfer - نسخه نمایشی زمان اجرا Angular Universal State Transfer - Runtime Demo

Angular Universal State Transfer API Angular Universal State Transfer API

  • Angular Universal State Transfer API چیست؟ What is the Angular Universal State Transfer API?

  • انتقال State از سرور به مشتری با State Transfer API Transfering State from the Server to the Client with the State Transfer API

  • Angular Universal State Transfer - نسخه نمایشی زمان اجرا Angular Universal State Transfer - Runtime Demo

استقرار تولید جهانی زاویه ای Angular Universal Production Deployment

  • استقرار تولید جهانی زاویه ای - مقدمه Angular Universal Production Deployment - Introduction

  • استقرار تولید جهانی زاویه ای - مقدمه Angular Universal Production Deployment - Introduction

  • آماده سازی یک برنامه کاربردی برای استقرار در Google App Engine برای Node Preparing an Application for Deployment on Google App Engine for Node

  • آماده سازی یک برنامه کاربردی برای استقرار در Google App Engine برای Node Preparing an Application for Deployment on Google App Engine for Node

  • Angular Universal در حال تولید - نسخه نمایشی نهایی Angular Universal In Production - Final Demo

استقرار تولید جهانی زاویه ای Angular Universal Production Deployment

  • Angular Universal در حال تولید - نسخه نمایشی نهایی Angular Universal In Production - Final Demo

نتیجه Conclusion

  • سخنرانی پاداش Bonus Lecture

  • سخنرانی پاداش Bonus Lecture

  • دوره آموزشی Angular Universal In Depth - نتیجه گیری و نکات کلیدی Angular Universal In Depth Course - Conclusions and Key Takeaways

  • دوره آموزشی Angular Universal In Depth - نتیجه گیری و نکات کلیدی Angular Universal In Depth Course - Conclusions and Key Takeaways

نتیجه Conclusion

نمایش نظرات

آموزش Angular Universal In Depth (Angular 15)
جزییات دوره
4.5 hours
31
Udemy (یودمی) Udemy (یودمی)
(آخرین آپدیت)
3,683
4.5 از 5
ندارد
دارد
دارد
جهت دریافت آخرین اخبار و آپدیت ها در کانال تلگرام عضو شوید.

Google Chrome Browser

Internet Download Manager

Pot Player

Winrar

Angular University Angular University

پرفروش ترین دوره های انگولار | بیش از 100 هزار دانش آموز | 16 دوره