لطفا جهت اطلاع از آخرین دوره ها و اخبار سایت در
کانال تلگرام
عضو شوید.
آموزش 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?
نمایش نظرات