توضیحات

آموزش پروژه محور رندر سمت سرور با Angular Universal

نام دوره : Angular Universal In Depth (Angular 15)

پیش نیاز:

• فقط مقداری دانش قبلی از Angular و Typescript

توضیحات:

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

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

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

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

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

بررسی اجمالی دوره آموزش پروژه محور رندر سمت سرور با Angular Universal

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

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

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

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

این به ما این امکان را می‌دهد تا با جزئیات نحوه عملکرد رندر جهانی را درک کنیم و در صورت نیاز انعطاف‌پذیری زیادی به ما می‌دهد.

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

سپس چند بهینه‌سازی عملکرد رایج را که معمولاً در برنامه‌های Angular Universal استفاده می‌شود، اعمال می‌کنیم:

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

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

دوره آموزش پروژه محور رندر سمت سرور با Angular Universal برای چه کسانی است:

• توسعه دهندگانی که به دنبال کسب دانش عمیق در Angular Universal و Angular رندر سمت سرور هستند

بخشی از دوره: