لطفا جهت اطلاع از آخرین دوره ها و اخبار سایت در
کانال تلگرام
عضو شوید.
آموزش Angular (برنامه کامل) با مواد Angular، Angularfire و NgRx [ویدئو]
Angular (Full App) with Angular Material, Angularfire and NgRx [Video]
نکته:
آخرین آپدیت رو دریافت میکنید حتی اگر این محتوا بروز نباشد.
نمونه ویدیوها:
توضیحات دوره:
این دوره شما را به سفری می برد که در آن یاد خواهید گرفت که یک برنامه Angular واقعی با استفاده از Angular، Angular Material، AngularFire (+ Firebase با Firestore) و NgRx بسازید. Angular یک فریمورک frontend شگفت انگیز است که با آن می توانید برنامه های وب قدرتمند بسازید. ما عملکردهای پایگاه داده بلادرنگ را اضافه می کنیم و تقریباً قبل از اینکه آنها را در اینجا ایجاد کنیم، به روز رسانی های خود را مشاهده خواهیم کرد. این دوره آموزشی مختصری در مورد Angular، معرفی دقیق Angular Material، و یک برنامه واقعی که از بسیاری از اجزای Angular Material استفاده می کند، ارائه می دهد.
بسته کد این دوره ویدیویی در https://github.com/PacktPublishing/Angular-Full-App-with-Angular-Material-Angularfire-and-NgRx در دسترس است. و AngularFire
برنامه های بلادرنگ بسازید که نه تنها عالی کار می کنند، بلکه عالی نیز به نظر می رسند
یک برنامه واقع گرایانه که از بسیاری از اجزای Angular Material استفاده می کند
نمونههایی از مؤلفههایی مانند Datepickers، Sidenavs، یا جدول دادههای مواد (از جمله مرتبسازی، فیلتر کردن، و بهروزرسانی زنده!)
اتصال به پایگاه داده بلادرنگ با Firebase (با استفاده از Firestore) و AngularFire
درک بهتر از RxJS مشاهده پذیر
مدیریت دولتی پیشرفته با کمک NgRx
این دوره برای کسانی طراحی شده است که می خواهند به Angular بپردازند و یک برنامه واقعی با آن بسازند، کسانی که می خواهند Angular را تمرین کنند، کسانی که می خواهند راهنمای عملی برای ساخت برنامه های Angular، و کسانی که علاقه مند به استفاده از Firebase، NgRx و/هستند طراحی شده است. یا Angular Material. آموزش ساخت برنامه های Angular با Material، NgRx و Angularfire * یک دوره عملی که برای ساخت برنامه های Angular طراحی شده است. *
سرفصل ها و درس ها
شروع شدن
Getting Started
خوش آمدید و معرفی
Welcome & Introduction
داخل دوره چیست؟
What's Inside the Course?
چگونه از این دوره بیشترین بهره را ببرید
How To Get The Most Out Of This Course
برنامه ریزی اپلیکیشن
Planning the App
بازنگری مختصر زاویه ای (اختیاری)
A Brief Angular Refresher (OPTIONAL)
معرفی ماژول
Module Introduction
Angular چیست؟
What is Angular?
راه اندازی پروژه با Angular CLI
Project Setup with the Angular CLI
چگونه یک برنامه Angular شروع و کار می کند
How an Angular App Starts and Works
افزودن کامپوننت ها
Adding Components
نحو الگو
Template Syntax
استفاده از دستورالعمل هایی مانند ngFor و ngIf
Using Directives like ngFor and ngIf
ویژگی سفارشی و صحافی رویداد
Custom Property & Event Binding
تشکیل می دهد
Forms
آشنایی با خدمات و تزریق وابستگی
Understanding Services & Dependency Injection
مسیریابی زاویه ای
Angular Routing
مواد زاویه ای
Angular Material
معرفی ماژول
Module Introduction
درک اجزای مواد زاویه ای
Understanding Angular Material Components
افزودن متریال زاویه ای به پروژه
Adding Angular Material to a Project
به روز بمانید!
Stay Up To Date!
اولین جزء مواد زاویه ای ما - دکمه
Our First Angular Material Component - The Button
ایجاد ساختار برنامه دوره
Creating the Course App Structure
کار بر روی فرم ثبت نام
Working on The Signup Form
Flexbox - یک تجدید کننده سریع
Flexbox - A Quick Refresher
کنترل Layout با @angular/flex-layout
Controlling the Layout with @angular/flex-layout
افزودن و پیکربندی دکمه ارسال
Adding & Configuring the Submit Button
پیاده سازی نکات و خطاهای اعتبار سنجی (در فرم ها)
Implementing Hints and Validation Errors (on Forms)
اضافه کردن یک Datepicker
Adding a Datepicker
محدود کردن تاریخ های قابل انتخاب
Restricting Pickable Dates
افزودن چک باکس
Adding a Checkbox
تکمیل فرم با سبک
Finishing the Form with Style
بسته شدن
Wrap Up
غواصی عمیق تر در مواد زاویه ای
Diving Deeper into Angular Material
معرفی ماژول
Module Introduction
اضافه کردن ناوبری و Sidenav
Adding Navigation & a Sidenav
کار بر روی Sidenav و Toolbar
Working on the Sidenav and Toolbar
یک ظاهر طراحی Sidenav
Styling the Sidenav
ریسپانسیو کردن صفحه
Making the Page Responsive
افزودن موارد ناوبری
Adding Navigation Items
تقسیم ناوبری به اجزا
Splitting the Navigation Into Components
کار بر روی صفحه خوش آمدید
Working on the Welcome Screen
اضافه کردن یک جزء Tabs
Adding a Tabs Component
افزودن چند "کارت"
Adding some "Cards"
اضافه کردن منوی کشویی
Adding a Dropdown Menu
افزودن اسپینر به صفحه آموزش
Adding a Spinner to the Training Screen
اضافه کردن یک تایمر ورزشی خوب
Adding a Nice Exercise Timer
افزودن یک صفحه گفتگوی لغو
Adding a Cancel Dialog Screen
انتقال داده به دیالوگ
Passing Data to the Dialog
افزودن گزینه های «خروج» و «ادامه»
Adding "Exit" and "Continue" Options
بسته شدن
Wrap Up
کار با داده ها و مواد زاویه ای
Working with Data and Angular Material
معرفی ماژول
Module Introduction
مهم: RxJS 6
Important: RxJS 6
پیاده سازی احراز هویت
Implementing Authentication
مسیریابی و احراز هویت
Routing & Authentication
حفاظت از مسیر
Route Protection
آماده سازی داده های تمرین
Preparing the Exercise Data
تزریق و استفاده از خدمات آموزشی
Injecting & Using the Training Service
تنظیم یک تمرین فعال
Setting an Active Exercise
کنترل ورزش فعال
Controlling the Active Exercise
افزودن فرم به مؤلفه آموزشی
Adding a Form to the Training Component
مدیریت آموزش فعال از طریق یک سرویس
Handling the Active Training via a Service
مدیریت رویدادهای "تکمیل" و "لغو".
Handling "Complete" and "Cancel" Events
اضافه کردن جدول داده های مواد زاویه ای
Adding the Angular Material Data Table
اضافه کردن مرتب سازی به جدول داده ها
Adding Sorting to the Data Table
افزودن فیلتر به جدول داده ها
Adding Filtering to the Data Table
افزودن صفحه بندی به جدول داده ها
Adding Pagination to the Data Table
بسته شدن
Wrap Up
با استفاده از Angularfire & Firebase
Using Angularfire & Firebase
معرفی ماژول
Module Introduction
Firebase چیست؟
What is Firebase?
شروع کار با Firebase
Getting Started with Firebase
Packtpub یک ناشر دیجیتالی کتابها و منابع آموزشی در زمینه فناوری اطلاعات و توسعه نرمافزار است. این شرکت از سال 2004 فعالیت خود را آغاز کرده و به تولید و انتشار کتابها، ویدیوها و دورههای آموزشی میپردازد که به توسعهدهندگان و متخصصان فناوری اطلاعات کمک میکند تا مهارتهای خود را ارتقا دهند. منابع آموزشی Packtpub موضوعات متنوعی از جمله برنامهنویسی، توسعه وب، دادهکاوی، امنیت سایبری و هوش مصنوعی را پوشش میدهد. محتوای این منابع به صورت کاربردی و بهروز ارائه میشود تا کاربران بتوانند دانش و تواناییهای لازم برای موفقیت در پروژههای عملی و حرفهای خود را کسب کنند.
نمایش نظرات