آموزش Angular و NgRx - ساخت پروژه واقعی از ابتدا

Angular and NgRx - Building Real Project From Scratch

نکته: آخرین آپدیت رو دریافت میکنید حتی اگر این محتوا بروز نباشد.
نمونه ویدیوها:
توضیحات دوره: یادگیری Angular, NgRx, Typescript, REST Api, JWT Authentication, Router, Effects, Http در حین توسعه پروژه واقعی ساخت پروژه واقعی با Angular و NgRx نوشتن کد با کیفیت بالا ایجاد ماژول ها و کامپوننت های قابل استفاده مجدد پیش نیازها:کامپیوتری که می توانید بر روی آن نرم افزار نصب کنید Windows، MacOS، یا Linux) مقداری دانش در مورد Angular و به صورت اختیاری Redux/NgRx

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

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

آنچه در این دوره خواهید آموخت:

  • ساختار و پیکربندی پروژه

  • کد با کیفیت بالا با Angular و NgRx در پروژه واقعی بنویسید

  • جداسازی و تقسیم ماژول ها

  • ماژول ها و اجزای قابل استفاده مجدد ایجاد کنید

  • اجرای احراز هویت

  • همه چیز را با رابط های Typescript پوشش دهید

  • کار با API واقعی

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



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

تهیه ابزار Preparing tools

  • پروژه بوت استرپینگ Bootstrapping project

  • ساختار پروژه Project structure

  • سرور زبان Language server

  • راه اندازی API محلی Setting up local API

  • تغییر پیکربندی دقیق Changing strict configuration

تهیه ابزار Preparing tools

  • این بخش در مورد چیست؟ What is this section about?

  • این بخش در مورد چیست؟ What is this section about?

  • پروژه بوت استرپینگ Bootstrapping project

  • چرا NgRx؟ Why NgRx?

  • چرا NgRx؟ Why NgRx?

  • ساختار پروژه Project structure

  • زیباتر Prettier

  • زیباتر Prettier

  • سرور زبان Language server

  • راه اندازی API محلی Setting up local API

  • تغییر پیکربندی دقیق Changing strict configuration

ثبت Registration

  • ثبت طرح Register layout

  • نصب Redux Devtools Installing Redux Devtools

  • ایجاد رابط های احراز هویت Creating auth interfaces

  • افزودن کاهش دهنده اعتبار Adding auth reducer

  • ایجاد انتخابگرها Creating selectors

  • در حال به روز رسانی کاهش دهنده های auth Updating auth reducers

ثبت Registration

  • ثبت ماژول Register module

  • ثبت ماژول Register module

  • ثبت طرح Register layout

  • نصب NgRx Installing NgRx

  • نصب NgRx Installing NgRx

  • نصب Redux Devtools Installing Redux Devtools

  • ایجاد رابط های احراز هویت Creating auth interfaces

  • افزودن کاهش دهنده اعتبار Adding auth reducer

  • ایجاد انتخابگرها Creating selectors

  • ثبت خدمات Register service

  • ثبت خدمات Register service

  • ثبت اثرات Register effects

  • ثبت اثرات Register effects

  • در حال به روز رسانی کاهش دهنده های auth Updating auth reducers

  • پیام های خطای Backend Backend error messages

  • پیام های خطای Backend Backend error messages

  • سرویس ماندگاری Persistence service

  • سرویس ماندگاری Persistence service

احراز هویت Authentication

  • ورود به فروشگاه Login store

احراز هویت Authentication

  • ورود به فروشگاه Login store

  • جزء ورود به سیستم Login component

  • جزء ورود به سیستم Login component

  • نوار بالا Topbar

  • نوار بالا Topbar

  • در حال واکشی کاربر فعلی Fetching current user

  • در حال واکشی کاربر فعلی Fetching current user

  • رهگیر احراز هویت Auth interceptor

  • رهگیر احراز هویت Auth interceptor

خوراک Feed

  • آماده سازی فروشگاه خوراک Preparing feed store

  • ایجاد صفحه بندی Creating pagination

  • ایجاد صفحه شماره 2 Creating pagination #2

  • در حال واکشی مجدد فید Refetching feed

  • پیاده سازی لیست برچسب ها Implementing tag list

  • افزودن جابجایی فید Adding feed toggler

خوراک Feed

  • برنامه ریزی خوراک Planning the feed

  • برنامه ریزی خوراک Planning the feed

  • ایجاد ماژول خوراک Creating feed module

  • ایجاد ماژول خوراک Creating feed module

  • آماده سازی فروشگاه خوراک Preparing feed store

  • دریافت اطلاعات فید Getting feed data

  • دریافت اطلاعات فید Getting feed data

  • اجزای کمکی Helper components

  • اجزای کمکی Helper components

  • ایجاد صفحه بندی Creating pagination

  • ایجاد صفحه شماره 2 Creating pagination #2

  • در حال واکشی مجدد فید Refetching feed

  • پیاده سازی لیست برچسب ها Implementing tag list

  • پیاده سازی برچسب های محبوب Implementing popular tags

  • پیاده سازی برچسب های محبوب Implementing popular tags

  • افزودن جابجایی فید Adding feed toggler

  • ایجاد فیدهای دیگر Creating other feeds

  • ایجاد فیدهای دیگر Creating other feeds

صفحات مقاله Article pages

  • ایجاد صفحه مقاله Creating article page

  • ایجاد فروشگاه مقاله Creating article store

صفحات مقاله Article pages

  • ایجاد صفحه مقاله Creating article page

  • رندر صفحه مقاله Rendering article page

  • رندر صفحه مقاله Rendering article page

  • حذف مقاله Deleting article

  • حذف مقاله Deleting article

  • مقاله ایجاد کنید Create article

  • مقاله ایجاد کنید Create article

  • ایجاد فرم مقاله Creating article form

  • ایجاد فرم مقاله Creating article form

  • ایجاد فروشگاه مقاله Creating article store

  • به روز رسانی مقاله Update article

  • به روز رسانی مقاله Update article

پروفایل ها Profiles

  • صفحه تنظیمات مشاهده قسمت Settings page. View part

  • اضافه کردن به علاقه مندی ها Add to favorites

  • ایجاد پروفایل کاربری Creating user profile

  • نمایش مشخصات کاربر Rendering user profile

پروفایل ها Profiles

  • صفحه تنظیمات Settings page

  • صفحه تنظیمات Settings page

  • صفحه تنظیمات مشاهده قسمت Settings page. View part

  • اضافه کردن به علاقه مندی ها Add to favorites

  • ایجاد فروشگاه برای علاقه مندی ها Creating store for favorites

  • ایجاد فروشگاه برای علاقه مندی ها Creating store for favorites

  • ایجاد پروفایل کاربری Creating user profile

  • نمایش مشخصات کاربر Rendering user profile

مشق شب Homework

  • مشق شب Homework

مشق شب Homework

  • مشق شب Homework

  • سخنرانی جایزه من My Bonus Lecture

  • سخنرانی جایزه من My Bonus Lecture

نمایش نظرات

آموزش Angular و NgRx - ساخت پروژه واقعی از ابتدا
جزییات دوره
14.5 hours
52
Udemy (یودمی) Udemy (یودمی)
(آخرین آپدیت)
2,418
4.7 از 5
دارد
دارد
دارد
جهت دریافت آخرین اخبار و آپدیت ها در کانال تلگرام عضو شوید.

Google Chrome Browser

Internet Download Manager

Pot Player

Winrar

Oleksandr Kocherhin Oleksandr Kocherhin

مدرس حرفه ای و توسعه دهنده وب