کانال تلگرام پشتیبانی تلگرام شماره تماس پشتیبانی: 0930 395 3766
ورود ثبت نام

آموزش حرفه‌ای Angular + Angular 17 و 18 + آمادگی برای مصاحبه شغلی + ساخت اپلیکیشن فروشگاه اینترنتی - آخرین آپدیت

دانلود Mastering Angular + Ang 17 - 18 + Interview + E-commerce App

نکته: ممکن هست محتوای این صفحه بروز نباشد ولی دانلود دوره آخرین آپدیت می باشد.
نمونه ویدیوها:
توضیحات دوره:

آموزش جامع Angular 17: ساخت، پیاده‌سازی و آمادگی برای بازار کار با پروژه‌های واقعی

معماری Angular را به صورت حرفه‌ای یاد بگیرید و آن را به صورت عملی به کار ببرید.

  • توسعه برنامه‌های وب پیچیده و مقیاس‌پذیر با Angular
  • ایجاد برنامه‌های تک صفحه‌ای واکنش‌گرا (SPA)
  • تسلط بر data binding برای تجربه‌های کاربری پویا
  • ایجاد ارتباط یکپارچه بین اجزا
  • پیاده‌سازی عملی پروژه فروشگاه آنلاین (eStore)
  • ایجاد پایه‌ای قوی برای نقش یک توسعه‌دهنده فرانت‌اند
  • سازماندهی و ساختاردهی موثر کدهای Angular

پیش‌نیازها:

دانش پایه HTML و CSS، اما اجباری نیست!

وقت، توجه و تعهد برای یادگیری و تمرین.

این دوره به دقت طراحی شده است تا شما را با مهارت‌ها و دانش لازم برای درخشش در دنیای پویای برنامه‌نویسی فرانت‌اند توانمند سازد و برای زبان‌آموزان مشتاق و متخصصانی که به دنبال غوطه‌ور شدن عمیق در توسعه Angular هستند طراحی شده است.

در این تجربه یادگیری منحصر به فرد غوطه ور، شما سفری عملی به Angular، یک چارچوب جاوا اسکریپت/تایپ اسکریپت پیشرفته خواهید داشت که به دلیل ساخت برنامه های وب پیچیده، پاسخگو و مقیاس پذیر مشهور است.

چه مبتدی باشید و چه تجربه برنامه نویسی قبلی داشته باشید، این دوره شما را به درک عمیقی از معماری Angular و همچنین مهارت های عملی برای مهار موثر قابلیت های آن مجهز می کند.

ویژگی‌های کلیدی این دوره:

تسلط جامع بر Angular ← از معماری تا استقرار، به یک متخصص Angular تبدیل شوید.

یادگیری عملی ← کسب مهارت های عملی از طریق پروژه ها و تمرین های دنیای واقعی.

توسعه SPA واکنش‌گرا ← یاد بگیرید که چگونه برنامه‌های تک صفحه‌ای سازگار را برای دستگاه‌های مختلف بسازید.

مهارت‌های آماده‌به‌کار ← دانش لازم برای برتری به عنوان یک توسعه‌دهنده فرانت‌اند در بازار رقابتی را کسب کنید.

فناوری‌های استفاده شده در این دوره:

  • Angular (آخرین نسخه 17+)
  • HTML5
  • CSS3
  • Bootstrap
  • TypeScript
  • Node.js (برای سرور توسعه)
  • MySQL
  • Git (کنترل نسخه)
  • Angular CLI (رابط خط فرمان)
  • Visual Studio Code (ویرایشگر کد)

مفاهیم کلیدی پوشش داده شده:

  • معرفی معماری Angular
  • Directives و Components
  • تکنیک‌های Databinding
  • Routing و Navigation
  • Angular Forms
  • Angular Tokens
  • بهبود نمایش داده با Pipes
  • Dependency Injection & Services
  • تسلط بر Angular Modules
  • Observables & RxJS
  • RxJS Operators
  • مدیریت HTTP Calls
  • پروژه بزرگ eStore
  • تکالیف عملی و بیشتر ...

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

همین امروز به ما بپیوندید و یک گام قطعی در جهت شکل دادن به یک شغل موفق در دنیای توسعه وب بردارید.

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

Introduction-فصل ۱-معرفی Introduction

  • Introduction-ویدیو ۱-۱-مقدمه Introduction

  • Angular CLI-ویدیو ۱-۲-Angular CLI Angular CLI

  • Understanding Project Structure-ویدیو ۱-۳-درک ساختار پروژه Understanding Project Structure

  • NG17-Introduction to Angular 17-ویدیو ۱-۴-NG17-معرفی Angular 17 NG17-Introduction to Angular 17

  • Getting started with Angular 17-ویدیو ۱-۵-شروع کار با Angular 17 Getting started with Angular 17

  • Migrating to Angular17-ویدیو ۱-۶-انتقال به Angular 17 Migrating to Angular17

Angular Fundamentals-فصل ۲-مبانی Angular Angular Fundamentals

  • First Component With Architecture-ویدیو ۲-۱-اولین کامپوننت با معماری First Component With Architecture

  • Displaying Message Dynamically-ویدیو ۲-۲-نمایش پیام به صورت پویا Displaying Message Dynamically

  • Assignment (Display sum of two values)-ویدیو ۲-۳-تمرین (نمایش مجموع دو مقدار) Assignment (Display sum of two values)

  • Understanding the @NgModule-ویدیو ۲-۴-درک @NgModule Understanding the @NgModule

  • NG17-Bootstrapping & Utilizing Standalone-ویدیو ۲-۵-NG17-بوت استرپ و استفاده از حالت Standalone NG17-Bootstrapping & Utilizing Standalone

  • Property Binding-ویدیو ۲-۶-اتصال ویژگی Property Binding

  • Assignment (Property binding with image tag)-ویدیو ۲-۷-تمرین (اتصال ویژگی با تگ تصویر) Assignment (Property binding with image tag)

  • Event Binding with Click Event-ویدیو ۲-۸-اتصال رویداد با رویداد کلیک Event Binding with Click Event

  • Binding Other Mouse Related Events-ویدیو ۲-۹-اتصال سایر رویدادهای مربوط به ماوس Binding Other Mouse Related Events

  • Binding Keyboard Events-ویدیو ۲-۱۰-اتصال رویدادهای صفحه کلید Binding Keyboard Events

  • $event object-ویدیو ۲-۱۱-شیء $event $event object

  • Assignment (Checking shift key status)-ویدیو ۲-۱۲-تمرین (بررسی وضعیت کلید shift) Assignment (Checking shift key status)

  • Two Way Binding (ngModel)-ویدیو ۲-۱۳-اتصال دو طرفه (ngModel) Two Way Binding (ngModel)

  • Assignment (Two-way Binding) - Get input field value on button click-ویدیو ۲-۱۴-تمرین (اتصال دو طرفه) - دریافت مقدار فیلد ورودی با کلیک دکمه Assignment (Two-way Binding) - Get input field value on button click

  • Assignment (Creating counter example)-ویدیو ۲-۱۵-تمرین (ایجاد مثال شمارنده) Assignment (Creating counter example)

  • Questions & Assignments List-ویدیو ۲-۱۶-لیست سوالات و تمرینات Questions & Assignments List

NG18-Angular Fundamentals-فصل ۳-NG18-مبانی Angular NG18-Angular Fundamentals

  • Angular CLI-ویدیو ۳-۱-Angular CLI Angular CLI

  • Understanding Project Structure-ویدیو ۳-۲-درک ساختار پروژه Understanding Project Structure

  • First Component with Architecture-ویدیو ۳-۳-اولین کامپوننت با معماری First Component with Architecture

  • RQ-First Component with Architecture-ویدیو ۳-۴-RQ-اولین کامپوننت با معماری RQ-First Component with Architecture

  • Displaying message dynamically (Interpolation)-ویدیو ۳-۵-نمایش پیام به صورت پویا (درون یابی) Displaying message dynamically (Interpolation)

  • RQ-Displaying message dynamically (Interpolation)-ویدیو ۳-۶-RQ-نمایش پیام به صورت پویا (درون یابی) RQ-Displaying message dynamically (Interpolation)

  • Assignment - Display sum of two values-ویدیو ۳-۷-تمرین - نمایش مجموع دو مقدار Assignment - Display sum of two values

  • Property binding-ویدیو ۳-۸-اتصال ویژگی Property binding

  • RQ-Property binding-ویدیو ۳-۹-RQ-اتصال ویژگی RQ-Property binding

  • Assignment - Property binding with image tag-ویدیو ۳-۱۰-تمرین - اتصال ویژگی با تگ تصویر Assignment - Property binding with image tag

  • Event binding with click event-ویدیو ۳-۱۱-اتصال رویداد با رویداد کلیک Event binding with click event

  • RQ-Event binding with click event-ویدیو ۳-۱۲-RQ-اتصال رویداد با رویداد کلیک RQ-Event binding with click event

  • Assignment - Creating Counter Example-ویدیو ۳-۱۳-تمرین - ایجاد مثال شمارنده Assignment - Creating Counter Example

  • Binding other mouse related events-ویدیو ۳-۱۴-اتصال سایر رویدادهای مربوط به ماوس Binding other mouse related events

  • Binding keyboard events-ویدیو ۳-۱۵-اتصال رویدادهای صفحه کلید Binding keyboard events

  • $event object-ویدیو ۳-۱۶-شیء $event $event object

  • RQ - $event object-ویدیو ۳-۱۷-RQ - شیء $event RQ - $event object

  • Assignment - Checking Shift key status-ویدیو ۳-۱۸-تمرین - بررسی وضعیت کلید Shift Assignment - Checking Shift key status

  • Assignment - Keydown to increment/decrement counter-ویدیو ۳-۱۹-تمرین - Keydown برای افزایش/کاهش شمارنده Assignment - Keydown to increment/decrement counter

  • Two way binding (ngModel)-ویدیو ۳-۲۰-اتصال دو طرفه (ngModel) Two way binding (ngModel)

  • RQ - Two way binding (ngModel)-ویدیو ۳-۲۱-RQ - اتصال دو طرفه (ngModel) RQ - Two way binding (ngModel)

  • Assignment (Two-way Binding) - Get input field value on button click-ویدیو ۳-۲۲-تمرین (اتصال دو طرفه) - دریافت مقدار فیلد ورودی با کلیک دکمه Assignment (Two-way Binding) - Get input field value on button click

  • Assignment - Simple Cart Calculation - Two way binding-ویدیو ۳-۲۳-تمرین - محاسبه ساده سبد خرید - اتصال دو طرفه Assignment - Simple Cart Calculation - Two way binding

Angular Directives-فصل ۴-دستورات Angular Angular Directives

  • Directives Introduction-ویدیو ۴-۱-معرفی دستورات Directives Introduction

  • Structural Directives (*ngIf)-ویدیو ۴-۲-دستورات ساختاری (*ngIf) Structural Directives (*ngIf)

  • Assignment - Implementing show & hide functionality with *ngIf-ویدیو ۴-۳-تمرین - پیاده سازی قابلیت نمایش و پنهان کردن با *ngIf Assignment - Implementing show & hide functionality with *ngIf

  • NG17-Control Flow Statements (@if & @else)-ویدیو ۴-۴-NG17-عبارات جریان کنترل (@if & @else) NG17-Control Flow Statements (@if & @else)

  • Structural Directives (*ngFor)-ویدیو ۴-۵-دستورات ساختاری (*ngFor) Structural Directives (*ngFor)

  • Assignment - Displaying list items on button click using *ngIf and *ngFor-ویدیو ۴-۶-تمرین - نمایش آیتم های لیست با کلیک دکمه با استفاده از *ngIf و *ngFor Assignment - Displaying list items on button click using *ngIf and *ngFor

  • NG17-Control Flow Statements @for loop-ویدیو ۴-۷-NG17-عبارات جریان کنترل حلقه @for NG17-Control Flow Statements @for loop

  • Structural Directives (*ngSwitch)-ویدیو ۴-۸-دستورات ساختاری (*ngSwitch) Structural Directives (*ngSwitch)

  • Assignment - Implementing age validation functionality using *ngSwitch-ویدیو ۴-۹-تمرین - پیاده سازی قابلیت اعتبارسنجی سن با استفاده از *ngSwitch Assignment - Implementing age validation functionality using *ngSwitch

  • Attribute Directives [ngClass]-ویدیو ۴-۱۰-دستورات ویژگی [ngClass] Attribute Directives [ngClass]

  • NG17-Control Flow Statements (@switch)-ویدیو ۴-۱۱-NG17-عبارات جریان کنترل (@switch) NG17-Control Flow Statements (@switch)

  • Assignment - ngClass-ویدیو ۴-۱۲-تمرین - ngClass Assignment - ngClass

  • Attribute Directives - [ngStyle]-ویدیو ۴-۱۳-دستورات ویژگی - [ngStyle] Attribute Directives - [ngStyle]

  • Assignment - Changing the color of input field using [ngStyle]-ویدیو ۴-۱۴-تمرین - تغییر رنگ فیلد ورودی با استفاده از [ngStyle] Assignment - Changing the color of input field using [ngStyle]

  • Grouping elements with ng-container-ویدیو ۴-۱۵-گروه بندی عناصر با ng-container Grouping elements with ng-container

  • HTML templates with ng-template-ویدیو ۴-۱۶-قالب های HTML با ng-template HTML templates with ng-template

  • <ng-template> Vs. <ng-container>-ویدیو ۴-۱۷-<ng-template> در مقابل <ng-container> <ng-template> Vs. <ng-container>

  • Assignment - Displaying message if the input field remains empty-ویدیو ۴-۱۸-تمرین - نمایش پیام اگر فیلد ورودی خالی بماند Assignment - Displaying message if the input field remains empty

  • Rendering templates with ngTemplateOutlet - Part 1-ویدیو ۴-۱۹-رندر کردن قالب ها با ngTemplateOutlet - قسمت ۱ Rendering templates with ngTemplateOutlet - Part 1

  • Rendering templates with ngTemplateOutlet - Part 2-ویدیو ۴-۲۰-رندر کردن قالب ها با ngTemplateOutlet - قسمت ۲ Rendering templates with ngTemplateOutlet - Part 2

  • Assignment - Portfolio Builder (Phase 1) - HTML-ویدیو ۴-۲۱-تمرین - ساخت نمونه کار (فاز ۱) - HTML Assignment - Portfolio Builder (Phase 1) - HTML

  • Assignment - Portfolio Builder (Phase 2) - CSS-ویدیو ۴-۲۲-تمرین - ساخت نمونه کار (فاز ۲) - CSS Assignment - Portfolio Builder (Phase 2) - CSS

  • Assignment - Portfolio Builder (Phase 3) - Binding-ویدیو ۴-۲۳-تمرین - ساخت نمونه کار (فاز ۳) - اتصال داده Assignment - Portfolio Builder (Phase 3) - Binding

  • Questions & Assignments List-ویدیو ۴-۲۴-لیست سوالات و تمرینات Questions & Assignments List

Component life cycle - lifecycle hooks-فصل ۵-چرخه حیات کامپوننت - هوک های چرخه حیات Component life cycle - lifecycle hooks

  • Introduction-ویدیو ۵-۱-مقدمه Introduction

  • Component Creation Hook - ngOnChanges()-ویدیو ۵-۲-هوک ایجاد کامپوننت - ngOnChanges() Component Creation Hook - ngOnChanges()

  • Understanding SimpleChanges Object-ویدیو ۵-۳-درک شیء SimpleChanges Understanding SimpleChanges Object

  • Component Creation Hook - ngOnInIt()-ویدیو ۵-۴-هوک ایجاد کامپوننت - ngOnInIt() Component Creation Hook - ngOnInIt()

  • Detecting Custom Changes With ngDoCheck() hook-ویدیو ۵-۵-تشخیص تغییرات سفارشی با هوک ngDoCheck() Detecting Custom Changes With ngDoCheck() hook

  • Understanding the ngAfterContentInit() hook-ویدیو ۵-۶-درک هوک ngAfterContentInit() Understanding the ngAfterContentInit() hook

  • Checking The Content With ngAfterContentChecked() hook-ویدیو ۵-۷-بررسی محتوا با هوک ngAfterContentChecked() Checking The Content With ngAfterContentChecked() hook

  • Loading Content With ngAfterViewInit() hook-ویدیو ۵-۸-بارگیری محتوا با هوک ngAfterViewInit() Loading Content With ngAfterViewInit() hook

  • Checking The Component View With ngAfterViewChecked() hook-ویدیو ۵-۹-بررسی نمای کامپوننت با هوک ngAfterViewChecked() Checking The Component View With ngAfterViewChecked() hook

  • Destroying Component With ngDestroy() hook-ویدیو ۵-۱۰-از بین بردن کامپوننت با هوک ngDestroy() Destroying Component With ngDestroy() hook

  • Questions & Assignments List-ویدیو ۵-۱۱-لیست سوالات و تمرینات Questions & Assignments List

Decorators-فصل ۶-دکوراتورها Decorators

  • Introduction To Decorators-ویدیو ۶-۱-معرفی دکوراتورها Introduction To Decorators

  • Class Decorators - @NgModule-ویدیو ۶-۲-دکوراتورهای کلاس - @NgModule Class Decorators - @NgModule

  • Class Decorators - @Component-ویدیو ۶-۳-دکوراتورهای کلاس - @Component Class Decorators - @Component

  • Property Decorators - @Input-ویدیو ۶-۴-دکوراتورهای ویژگی - @Input Property Decorators - @Input

  • Assignment @Input Decorator-ویدیو ۶-۵-تمرین دکوراتور @Input Assignment @Input Decorator

  • Property Decorators - @Output-ویدیو ۶-۶-دکوراتورهای ویژگی - @Output Property Decorators - @Output

  • Assignment - Implementing parent-child data sharing using @Input & @Output-ویدیو ۶-۷-تمرین - پیاده سازی به اشتراک گذاری داده بین پدر و فرزند با استفاده از @Input و @Output Assignment - Implementing parent-child data sharing using @Input & @Output

  • Property Decorators - Accessing Child Components With @ViewChild-ویدیو ۶-۸-دکوراتورهای ویژگی - دسترسی به کامپوننت های فرزند با @ViewChild Property Decorators - Accessing Child Components With @ViewChild

  • Property Decorators - Accessing The Projected Content With @ContentChild-ویدیو ۶-۹-دکوراتورهای ویژگی - دسترسی به محتوای پیش بینی شده با @ContentChild Property Decorators - Accessing The Projected Content With @ContentChild

  • Property Decorators - Binding Properties With @HostBinding-ویدیو ۶-۱۰-دکوراتورهای ویژگی - اتصال ویژگی ها با @HostBinding Property Decorators - Binding Properties With @HostBinding

  • Method Decorators - Binding events with @HostListener-ویدیو ۶-۱۱-دکوراتورهای متد - اتصال رویدادها با @HostListener Method Decorators - Binding events with @HostListener

  • Assignment - Implementing color picker-ویدیو ۶-۱۲-تمرین - پیاده سازی انتخابگر رنگ Assignment - Implementing color picker

  • Parameter Decorators-ویدیو ۶-۱۳-دکوراتورهای پارامتر Parameter Decorators

  • Questions & Assignments List-ویدیو ۶-۱۴-لیست سوالات و تمرینات Questions & Assignments List

Angular Pipes-فصل ۷-پایپ های Angular Angular Pipes

  • Pipes - Introduction-ویدیو ۷-۱-پایپ ها - مقدمه Pipes - Introduction

  • Assignment - Implementing the built-in pipes-ویدیو ۷-۲-تمرین - پیاده سازی پایپ های داخلی Assignment - Implementing the built-in pipes

  • Understanding Slice Pipe-ویدیو ۷-۳-درک Slice Pipe Understanding Slice Pipe

  • Assignment - Page navigation using slice pipe (Part 1)-ویدیو ۷-۴-تمرین - پیمایش صفحه با استفاده از slice pipe (قسمت ۱) Assignment - Page navigation using slice pipe (Part 1)

  • Assignment - Page navigation using slice pipe (Part 2)-ویدیو ۷-۵-تمرین - پیمایش صفحه با استفاده از slice pipe (قسمت ۲) Assignment - Page navigation using slice pipe (Part 2)

  • Understanding Number pipe-ویدیو ۷-۶-درک Number pipe Understanding Number pipe

  • Assignment - Pound(lbs) to Kg Converter Using Number Pipe-ویدیو ۷-۷-تمرین - تبدیل پوند (lbs) به کیلوگرم با استفاده از Number Pipe Assignment - Pound(lbs) to Kg Converter Using Number Pipe

  • Understanding JSON Pipe-ویدیو ۷-۸-درک JSON Pipe Understanding JSON Pipe

  • Assignment - Displaying Table Data To JSON string-ویدیو ۷-۹-تمرین - نمایش داده های جدول به رشته JSON Assignment - Displaying Table Data To JSON string

  • Questions & Assignments List-ویدیو ۷-۱۰-لیست سوالات و تمرینات Questions & Assignments List

Custom Pipes-فصل ۸-پایپ های سفارشی Custom Pipes

  • Creating Custom Pipes-ویدیو ۸-۱-ایجاد پایپ های سفارشی Creating Custom Pipes

  • Assignment - Custom Pipe for Sorting Numbers-ویدیو ۸-۲-تمرین - پایپ سفارشی برای مرتب سازی اعداد Assignment - Custom Pipe for Sorting Numbers

  • Assignment - Creating Custom Pipe For Letter Count-ویدیو ۸-۳-تمرین - ایجاد پایپ سفارشی برای شمارش حروف Assignment - Creating Custom Pipe For Letter Count

  • Pure Vs. Impure Pipe-ویدیو ۸-۴-پایپ خالص در مقابل ناخالص Pure Vs. Impure Pipe

  • Using Impure Pipes-ویدیو ۸-۵-استفاده از پایپ های ناخالص Using Impure Pipes

  • Questions & Assignments List-ویدیو ۸-۶-لیست سوالات و تمرینات Questions & Assignments List

Angular Routing-فصل ۹-مسیریابی Angular Angular Routing

  • Routing - Introduction-ویدیو ۹-۱-مسیریابی - مقدمه Routing - Introduction

  • Understanding Router Module Structure-ویدیو ۹-۲-درک ساختار ماژول مسیریاب Understanding Router Module Structure

  • <router-outlet> - Creating a simple route-ویدیو ۹-۳-<router-outlet> - ایجاد یک مسیر ساده <router-outlet> - Creating a simple route

  • Creating a navigation link with "routerLink" Directive-ویدیو ۹-۴-ایجاد یک لینک ناوبری با دستور "routerLink" Creating a navigation link with "routerLink" Directive

  • Assignment - Creating a Navbar using routes-ویدیو ۹-۵-تمرین - ایجاد نوار ناوبری با استفاده از مسیرها Assignment - Creating a Navbar using routes

  • Passing Route Parameters (Dynamic Routing)-ویدیو ۹-۶-ارسال پارامترهای مسیر (مسیریابی پویا) Passing Route Parameters (Dynamic Routing)

  • Wildcard Routes - Displaying the 404 page-ویدیو ۹-۷-مسیرهای Wildcard - نمایش صفحه ۴۰۴ Wildcard Routes - Displaying the 404 page

  • Understanding Nested Routes-ویدیو ۹-۸-درک مسیرهای تودرتو Understanding Nested Routes

  • Assignment - Creating a multi-level menu-ویدیو ۹-۹-تمرین - ایجاد یک منوی چند سطحی Assignment - Creating a multi-level menu

  • Redirecting Routes-ویدیو ۹-۱۰-تغییر مسیرها Redirecting Routes

  • Understanding forRoot and forChild in routing-ویدیو ۹-۱۱-درک forRoot و forChild در مسیریابی Understanding forRoot and forChild in routing

  • Understanding ActivatedRoute-ویدیو ۹-۱۲-درک ActivatedRoute Understanding ActivatedRoute

  • Query Parameters In Routing-ویدیو ۹-۱۳-پارامترهای پرس و جو در مسیریابی Query Parameters In Routing

  • Assignment - Displaying Course Details And Fetching The Query Parameters-ویدیو ۹-۱۴-تمرین - نمایش جزئیات دوره و دریافت پارامترهای پرس و جو Assignment - Displaying Course Details And Fetching The Query Parameters

  • Questions & Assignments List-ویدیو ۹-۱۵-لیست سوالات و تمرینات Questions & Assignments List

Angular Services-فصل ۱۰-سرویس های Angular Angular Services

  • Introduction To Services-ویدیو ۱۰-۱-معرفی سرویس ها Introduction To Services

  • Dependency Injection-ویدیو ۱۰-۲-تزریق وابستگی Dependency Injection

  • Providing Services-ویدیو ۱۰-۳-ارائه سرویس ها Providing Services

  • Questions & Assignments List-ویدیو ۱۰-۴-لیست سوالات و تمرینات Questions & Assignments List

Angular Tokens-فصل ۱۱-توکن های Angular Angular Tokens

  • Injecting Tokens-ویدیو ۱۱-۱-تزریق توکن ها Injecting Tokens

  • Injecting String Tokens-ویدیو ۱۱-۲-تزریق توکن های رشته ای Injecting String Tokens

  • Injection Token Object-ویدیو ۱۱-۳-شیء توکن تزریق Injection Token Object

  • Providing Value With “useValue”-ویدیو ۱۱-۴-ارائه مقدار با "useValue" Providing Value With “useValue”

  • Assignment - Provide A Constant Value As Dependency-ویدیو ۱۱-۵-تمرین - ارائه یک مقدار ثابت به عنوان وابستگی Assignment - Provide A Constant Value As Dependency

  • Alias Provider - useExisting Property-ویدیو ۱۱-۶-Alias Provider - ویژگی useExisting Alias Provider - useExisting Property

  • Factory Provider - useFactory Property-ویدیو ۱۱-۷-Factory Provider - ویژگی useFactory Factory Provider - useFactory Property

  • "Providing Dependencies Using “deps” Property With useFactory"-ویدیو ۱۱-۸-ارائه وابستگی ها با استفاده از ویژگی "deps" با useFactory "Providing Dependencies Using “deps” Property With useFactory"

  • useFactory Vs. useValue-ویدیو ۱۱-۹-useFactory در مقابل useValue useFactory Vs. useValue

  • Questions & Assignments List-ویدیو ۱۱-۱۰-لیست سوالات و تمرینات Questions & Assignments List

Angular Template Driven Forms-فصل ۱۲-فرم های Template Driven Angular Angular Template Driven Forms

  • Introduction to Angular Forms-ویدیو ۱۲-۱-معرفی فرم های Angular Introduction to Angular Forms

  • Understanding ngForm directive-ویدیو ۱۲-۲-درک دستور ngForm Understanding ngForm directive

  • Assignment - Creating A Simple Submit And Reset Form-ویدیو ۱۲-۳-تمرین - ایجاد یک فرم ارسال و بازنشانی ساده Assignment - Creating A Simple Submit And Reset Form

  • Template-driven form-ویدیو ۱۲-۴-فرم Template-driven Template-driven form

Angular Reactive Forms-فصل ۱۳-فرم های Reactive Angular Angular Reactive Forms

  • Understanding FormControl-ویدیو ۱۳-۱-درک FormControl Understanding FormControl

  • Understanding FormGroup-ویدیو ۱۳-۲-درک FormGroup Understanding FormGroup

  • Dynamic Forms With FormArray-ویدیو ۱۳-۳-فرم های پویا با FormArray Dynamic Forms With FormArray

  • Understanding FormBuilder-ویدیو ۱۳-۴-درک FormBuilder Understanding FormBuilder

  • Validating Form Controls-ویدیو ۱۳-۵-اعتبارسنجی کنترل های فرم Validating Form Controls

  • Creating Multi Step Reactive Form With Bootstrap (Part 1)-ویدیو ۱۳-۶-ایجاد فرم Reactive چند مرحله ای با Bootstrap (قسمت ۱) Creating Multi Step Reactive Form With Bootstrap (Part 1)

  • Creating Multi Step Reactive Form With Bootstrap (Part 2)-ویدیو ۱۳-۷-ایجاد فرم Reactive چند مرحله ای با Bootstrap (قسمت ۲) Creating Multi Step Reactive Form With Bootstrap (Part 2)

  • Creating Multi Step Reactive Form With Bootstrap (Part 3)-ویدیو ۱۳-۸-ایجاد فرم Reactive چند مرحله ای با Bootstrap (قسمت ۳) Creating Multi Step Reactive Form With Bootstrap (Part 3)

  • Tracking Form Control States (Dirty and Pristine Properties)-ویدیو ۱۳-۹-ردیابی وضعیت کنترل های فرم (ویژگی های Dirty و Pristine) Tracking Form Control States (Dirty and Pristine Properties)

  • Multiple Validations On Password Field-ویدیو ۱۳-۱۰-اعتبارسنجی های متعدد روی فیلد رمز عبور Multiple Validations On Password Field

Custom Form Validators-فصل ۱۴-اعتبارسنج های سفارشی فرم Custom Form Validators

  • Creating Custom Validators-ویدیو ۱۴-۱-ایجاد اعتبارسنج های سفارشی Creating Custom Validators

  • Custom URL Validator-ویدیو ۱۴-۲-اعتبارسنج URL سفارشی Custom URL Validator

Route Guards-فصل ۱۵-نگهبان های مسیر Route Guards

  • Securing Routes With Route Guards-ویدیو ۱۵-۱-ایمن سازی مسیرها با نگهبان های مسیر Securing Routes With Route Guards

  • CanDeactivate Route Guard-ویدیو ۱۵-۲-نگهبان مسیر CanDeactivate CanDeactivate Route Guard

  • CanActivateChild Route Guard-ویدیو ۱۵-۳-نگهبان مسیر CanActivateChild CanActivateChild Route Guard

  • Assignment - Login Authentication-ویدیو ۱۵-۴-تمرین - احراز هویت ورود به سیستم Assignment - Login Authentication

  • Loading Modules with CanLoad Route Guard-ویدیو ۱۵-۵-بارگیری ماژول ها با نگهبان مسیر CanLoad Loading Modules with CanLoad Route Guard

  • CanMatch Guard-ویدیو ۱۵-۶-نگهبان CanMatch CanMatch Guard

Lazy Loading-فصل ۱۶-بارگذاری تنبل Lazy Loading

  • Introduction To Lazy Loading-ویدیو ۱۶-۱-معرفی بارگذاری تنبل Introduction To Lazy Loading

  • Lazy Loading Of Modules-ویدیو ۱۶-۲-بارگذاری تنبل ماژول ها Lazy Loading Of Modules

  • Preloading Of Modules-ویدیو ۱۶-۳-پیش بارگذاری ماژول ها Preloading Of Modules

  • Relative Question - Preloading Vs. Lazy Loading-ویدیو ۱۶-۴-سوال نسبی - پیش بارگذاری در مقابل بارگذاری تنبل Relative Question - Preloading Vs. Lazy Loading

  • NG17-Deferred Loading-ویدیو ۱۶-۵-NG17-بارگذاری معوق NG17-Deferred Loading

  • NG17-@defer with @placeholder-ویدیو ۱۶-۶-NG17-@defer با @placeholder NG17-@defer with @placeholder

  • NG17-@defer with @loading-ویدیو ۱۶-۷-NG17-@defer با @loading NG17-@defer with @loading

  • NG17-@defer with @error-ویدیو ۱۶-۸-NG17-@defer با @error NG17-@defer with @error

  • NG17-Working with Triggers (on idle)-ویدیو ۱۶-۹-NG17-کار با محرک ها (on idle) NG17-Working with Triggers (on idle)

  • NG17-Working with Triggers (on viewport)-ویدیو ۱۶-۱۰-NG17-کار با محرک ها (on viewport) NG17-Working with Triggers (on viewport)

  • NG17-Working with Triggers (on interaction)-ویدیو ۱۶-۱۱-NG17-کار با محرک ها (on interaction) NG17-Working with Triggers (on interaction)

  • NG17-Working with Triggers (on hover)-ویدیو ۱۶-۱۲-NG17-کار با محرک ها (on hover) NG17-Working with Triggers (on hover)

  • NG17-Working with Triggers (on immediate)-ویدیو ۱۶-۱۳-NG17-کار با محرک ها (on immediate) NG17-Working with Triggers (on immediate)

  • NG17-Working with Triggers (on timer)-ویدیو ۱۶-۱۴-NG17-کار با محرک ها (on timer) NG17-Working with Triggers (on timer)

  • NG17-Prefetching of @defer blocks-ویدیو ۱۶-۱۵-NG17-پیش واکشی بلوک های @defer NG17-Prefetching of @defer blocks

  • NG17-Defining Custom Triggers-ویدیو ۱۶-۱۶-NG17-تعریف محرک های سفارشی NG17-Defining Custom Triggers

Observables & RxJS-فصل ۱۷-Observables و RxJS Observables & RxJS

  • Understanding Observables & RxJS-ویدیو ۱۷-۱-درک Observables و RxJS Understanding Observables & RxJS

  • Managing Observables & Subscribers-ویدیو ۱۷-۲-مدیریت Observables و Subscribers Managing Observables & Subscribers

  • Unsubscribing an Observable-ویدیو ۱۷-۳-لغو اشتراک یک Observable Unsubscribing an Observable

  • Understanding Async Pipe-ویدیو ۱۷-۴-درک Async Pipe Understanding Async Pipe

  • Assignment - Fetching JSON Data With Async Pipe-ویدیو ۱۷-۵-تمرین - دریافت داده های JSON با Async Pipe Assignment - Fetching JSON Data With Async Pipe

RxJS Operators-فصل ۱۸-عملگرهای RxJS RxJS Operators

  • RxJS {of} Operator-ویدیو ۱۸-۱-عملگر RxJS {of} RxJS {of} Operator

  • RxJS {from} Operator-ویدیو ۱۸-۲-عملگر RxJS {from} RxJS {from} Operator

  • RxJS {interval} Operator-ویدیو ۱۸-۳-عملگر RxJS {interval} RxJS {interval} Operator

  • RxJS {timer} Operator-ویدیو ۱۸-۴-عملگر RxJS {timer} RxJS {timer} Operator

  • Assignment - Implementing a loading spinner with timer operator-ویدیو ۱۸-۵-تمرین - پیاده سازی اسپینر بارگیری با عملگر timer Assignment - Implementing a loading spinner with timer operator

  • RxJS {empty} Operator-ویدیو ۱۸-۶-عملگر RxJS {empty} RxJS {empty} Operator

  • RxJS Pipeable Operators-ویدیو ۱۸-۷-عملگرهای Pipeable RxJS RxJS Pipeable Operators

  • RxJS {filter} Operator-ویدیو ۱۸-۸-عملگر RxJS {filter} RxJS {filter} Operator

  • RxJS {map} Operator-ویدیو ۱۸-۹-عملگر RxJS {map} RxJS {map} Operator

  • RxJS {mergeMap} Operator-ویدیو ۱۸-۱۰-عملگر RxJS {mergeMap} RxJS {mergeMap} Operator

  • Assignment - mergeMap() - Displaying the Courses Associated With User-ویدیو ۱۸-۱۱-تمرین - mergeMap() - نمایش دوره های مرتبط با کاربر Assignment - mergeMap() - Displaying the Courses Associated With User

  • RxJS { concatMap } Operator-ویدیو ۱۸-۱۲-عملگر RxJS { concatMap } RxJS { concatMap } Operator

  • RxJS { switchMap } Operator-ویدیو ۱۸-۱۳-عملگر RxJS { switchMap } RxJS { switchMap } Operator

Handling HTTP Calls With Angular-فصل ۱۹-مدیریت تماس های HTTP با Angular Handling HTTP Calls With Angular

  • Making HTTP Calls With HttpClient-ویدیو ۱۹-۱-برقراری تماس های HTTP با HttpClient Making HTTP Calls With HttpClient

  • Making HTTP Calls With Observable-ویدیو ۱۹-۲-برقراری تماس های HTTP با Observable Making HTTP Calls With Observable

  • Implementing HTTP POST Request-ویدیو ۱۹-۳-پیاده سازی درخواست HTTP POST Implementing HTTP POST Request

  • Modifying Data With PUT Request-ویدیو ۱۹-۴-تغییر داده ها با درخواست PUT Modifying Data With PUT Request

  • Removing Data With DELETE Request-ویدیو ۱۹-۵-حذف داده ها با درخواست DELETE Removing Data With DELETE Request

  • CRUD App#1 Displaying Products With GET Request-ویدیو ۱۹-۶-برنامه CRUD#1 نمایش محصولات با درخواست GET CRUD App#1 Displaying Products With GET Request

  • CRUD App#2 Adding Products With POST Request-ویدیو ۱۹-۷-برنامه CRUD#2 اضافه کردن محصولات با درخواست POST CRUD App#2 Adding Products With POST Request

  • CRUD App#3 Fetching Products Data Before Updating-ویدیو ۱۹-۸-برنامه CRUD#3 دریافت داده های محصولات قبل از به روز رسانی CRUD App#3 Fetching Products Data Before Updating

  • CRUD App#4 Updating Products With PUT Request-ویدیو ۱۹-۹-برنامه CRUD#4 به روز رسانی محصولات با درخواست PUT CRUD App#4 Updating Products With PUT Request

  • CRUD App#5 Deleting Products With DELETE Request-ویدیو ۱۹-۱۰-برنامه CRUD#5 حذف محصولات با درخواست DELETE CRUD App#5 Deleting Products With DELETE Request

Signals - Angular 16-فصل ۲۰-سیگنال ها - Angular 16 Signals - Angular 16

  • Introduction to Signals-ویدیو ۲۰-۱-معرفی سیگنال ها Introduction to Signals

  • Creating Signal-ویدیو ۲۰-۲-ایجاد سیگنال Creating Signal

  • Updating Signal Value-ویدیو ۲۰-۳-به روز رسانی مقدار سیگنال Updating Signal Value

  • Mutating A Signal-ویدیو ۲۰-۴-تغییر سیگنال Mutating A Signal

  • To-do list assignment-ویدیو ۲۰-۵-تمرین لیست کارها To-do list assignment

  • Computed Signals-ویدیو ۲۰-۶-سیگنال های محاسبه شده Computed Signals

  • Understanding effect() function-ویدیو ۲۰-۷-درک تابع effect() Understanding effect() function

  • Untracking Signals-ویدیو ۲۰-۸-عدم ردیابی سیگنال ها Untracking Signals

  • Assignment - Updating The Cart using Signals-ویدیو ۲۰-۹-تمرین - به روز رسانی سبد خرید با استفاده از سیگنال ها Assignment - Updating The Cart using Signals

Angular - 17 [All lectures collection]-فصل ۲۱-Angular - 17 [مجموعه تمام سخنرانی ها] Angular - 17 [All lectures collection]

  • Introduction to Angular 17-ویدیو ۲۱-۱-معرفی Angular 17 Introduction to Angular 17

  • Getting started with Angular 17-ویدیو ۲۱-۲-شروع کار با Angular 17 Getting started with Angular 17

  • Bootstrapping & Utilizing Standalone-ویدیو ۲۱-۳-بوت استرپ و استفاده از حالت Standalone Bootstrapping & Utilizing Standalone

  • Control Flow Statements @for loop-ویدیو ۲۱-۴-عبارات جریان کنترل حلقه @for Control Flow Statements @for loop

  • Control Flow Statements (@if & @else)-ویدیو ۲۱-۵-عبارات جریان کنترل (@if & @else) Control Flow Statements (@if & @else)

  • Control Flow Statements (@switch)-ویدیو ۲۱-۶-عبارات جریان کنترل (@switch) Control Flow Statements (@switch)

  • Deferred Loading-ویدیو ۲۱-۷-بارگذاری معوق Deferred Loading

  • @defer with @placeholder-ویدیو ۲۱-۸-@defer با @placeholder @defer with @placeholder

  • @defer with @loading-ویدیو ۲۱-۹-@defer با @loading @defer with @loading

  • @defer with @error-ویدیو ۲۱-۱۰-@defer با @error @defer with @error

  • Working with Triggers (on idle)-ویدیو ۲۱-۱۱-کار با محرک ها (on idle) Working with Triggers (on idle)

  • Working with Triggers (on viewport)-ویدیو ۲۱-۱۲-کار با محرک ها (on viewport) Working with Triggers (on viewport)

  • Working with Triggers (on interaction)-ویدیو ۲۱-۱۳-کار با محرک ها (on interaction) Working with Triggers (on interaction)

  • Working with Triggers (on hover)-ویدیو ۲۱-۱۴-کار با محرک ها (on hover) Working with Triggers (on hover)

  • Working with Triggers (on immediate)-ویدیو ۲۱-۱۵-کار با محرک ها (on immediate) Working with Triggers (on immediate)

  • Working with Triggers (on timer)-ویدیو ۲۱-۱۶-کار با محرک ها (on timer) Working with Triggers (on timer)

  • Prefetching of @defer blocks-ویدیو ۲۱-۱۷-پیش واکشی بلوک های @defer Prefetching of @defer blocks

  • Defining Custom Triggers-ویدیو ۲۱-۱۸-تعریف محرک های سفارشی Defining Custom Triggers

eStore Project-فصل ۲۲-پروژه فروشگاه الکترونیکی eStore Project

  • Introduction-ویدیو ۲۲-۱-مقدمه Introduction

  • eStore project creation-ویدیو ۲۲-۲-ایجاد پروژه فروشگاه الکترونیکی eStore project creation

  • Installing Bootstrap-ویدیو ۲۲-۳-نصب Bootstrap Installing Bootstrap

  • Beginning header component-ویدیو ۲۲-۴-شروع کامپوننت هدر Beginning header component

  • Adding search bar-ویدیو ۲۲-۵-اضافه کردن نوار جستجو Adding search bar

  • Category dropdown in search bar-ویدیو ۲۲-۶-منوی کشویی دسته بندی در نوار جستجو Category dropdown in search bar

  • Login link, wish-list and cart icons-ویدیو ۲۲-۷-لینک ورود، لیست علاقه مندی ها و آیکون های سبد خرید Login link, wish-list and cart icons

  • Category navigation bar-ویدیو ۲۲-۸-نوار ناوبری دسته بندی Category navigation bar

  • Creating home component-ویدیو ۲۲-۹-ایجاد کامپوننت خانه Creating home component

  • Reorganizing header and category navigation components hierarchy-ویدیو ۲۲-۱۰-سازماندهی مجدد سلسله مراتب کامپوننت های هدر و ناوبری دسته بندی Reorganizing header and category navigation components hierarchy

  • Creating Error 404 Page-ویدیو ۲۲-۱۱-ایجاد صفحه خطا ۴۰۴ Creating Error 404 Page

  • Side navigation component-ویدیو ۲۲-۱۲-کامپوننت ناوبری جانبی Side navigation component

  • Fetching data into side navigation component-ویدیو ۲۲-۱۳-دریافت داده ها به کامپوننت ناوبری جانبی Fetching data into side navigation component

  • Products component-ویدیو ۲۲-۱۴-کامپوننت محصولات Products component

  • Styling product card-ویدیو ۲۲-۱۵-استایل دهی کارت محصول Styling product card

  • Fetching data into products component-ویدیو ۲۲-۱۶-دریافت Fetching data into products component

  • Creating ratings component

  • Installing MySQL

  • Creating Database

  • Creating Node Server

  • Configuring API Route

  • Configuring Nodemon

  • Connecting To MySQL

  • Data fetching with SQL query

  • Removing getConnection() call

  • Creating routes with Express

  • Configuring Routes with “express.Router()”

  • Creating workspace

  • Fetching Categories from server

  • Fetching Categories in Category navigation bar

  • Introducing state management

  • Populate header search categories

  • Define routes to fetch products

  • Fetching products in products component

  • Query parameters to Filter products by category

  • Add products store

  • Filter products from side navigation bar

  • Filter products from category navigation bar

  • Adding keywords in database

  • Find products using search box

  • Lazy loading home module and products gallery component

  • Creating product details component

  • Implementing Shopping Cart - Part 1

  • Implementing Shopping Cart - Part 2

  • Creating shopping cart component - Part 1

  • Creating shopping cart component - Part 2

  • Cart summary and session storage

  • User Signup API

  • Starting User Sign up form

  • Adding validations in user sign up form

  • Connect sign up form to API

  • User login API + Introduction to jwt

  • User login form

  • Connect User login form to API

  • Create user drop down menu

  • Adding logout functionality

  • Display delivery address in checkout screen

  • Creating API to save order

  • Creating order service

  • Saving order from cart

  • 59. API to get orders list

  • Creating past orders component

  • Displaying past orders and route guard

Angular Testing

  • Intro - Why Testing? Manual Vs Automated

  • Unit Vs. Integrated Vs. End to End

  • Jasmine & Karma - First Test

  • Jasmine before() and after() methods

  • Unit tests for rating component

  • Spies and mocks

  • Unit testing forms

  • Unit testing routes

  • Unit testing http services

  • Integration test

  • Code coverage

آموزش ایجاد وایرفریم های تعاملی و با کیفیت بالا در ایندیزاین

آموزش ایجاد وایرفریم های تعاملی و با کیفیت بالا در ایندیزاین

Creating Interactive, High-Fidelity Wireframes in InDesign

آموزش تست واحد در روبی

آموزش تست واحد در روبی

Unit Testing in Ruby

آموزش صورتهای حسابداری بانکی و مالی تجزیه و تحلیل مالی

آموزش صورتهای حسابداری بانکی و مالی تجزیه و تحلیل مالی

Banking and Finance Accounting Statements Financial Analysis

نمایش نظرات

آموزش حرفه‌ای Angular + Angular 17 و 18 + آمادگی برای مصاحبه شغلی + ساخت اپلیکیشن فروشگاه اینترنتی
جزییات دوره
20.5 hours
306
Udemy (یودمی) Udemy (یودمی)
(آخرین آپدیت)
3,470
4.5 از 5
دارد
دارد
دارد
Nirmal Joshi

https://donyad.com/d/fec6d6

جهت دریافت آخرین اخبار و آپدیت ها در کانال تلگرام عضو شوید.

Google Chrome Browser

Internet Download Manager

Pot Player

Winrar

Nirmal Joshi Nirmal Joshi

مدیر عامل شرکت ، مربی شرکت ، برنامه نویسی AficionadoHi! من نیرمال جوشی هستم ، بنیانگذار و مدیرعامل یک شرکت توسعه فناوری در هند. من بیش از 23 سال تجربه کار با افراد ، فرایندها و کدها را دارم. من سالها مربی شرکتی فعال هستم و با شرکتهای برتر Fortune 1000 مشورت می کنم. سفر من در اینجا در Udemy شامل به اشتراک گذاری آموزشهای پیشرفته توسعه وب Front-end/Full-stack با تمرکز بر آخرین ابزارها ، تکنیک ها ، پروژه ها و شیوه های استاندارد برنامه نویسی برای کمک به افراد خلاق در پیاده سازی عالی فناوری است. اگر شما مشتاق فناوری هستید یا کسی که علاقه مند به ایجاد چیزهای شگفت انگیز در پیکسل و کد است ، حتماً در دوره های من ثبت نام کنید. ارتباط با من آسان است. سوالات خود را در بخش پرسش و پاسخ با من در میان بگذارید. موفق باشید!