آنگولار با توسعه مبتنی بر آزمون - آخرین آپدیت

دانلود Angular with Test Driven Development

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

آموزش Angular با رویکرد توسعه تست محور (TDD)

یادگیری Angular با ساخت یک پروژه عملی

در این دوره، Angular را با استفاده از رویکرد توسعه تست محور (TDD) یاد می‌گیرید. مفاهیم اصلی Angular شامل مسیریابی، فرم‌ها، Karma، Jasmine، Jest و Testing-Library را فرا خواهید گرفت.

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

  • ساخت یک برنامه کامل با Angular
  • تمرین توسعه تست محور (TDD) از ابتدا تا انتها
  • نحوه شبیه‌سازی وابستگی‌های خارجی در تست‌ها
  • درک تاثیر توسعه تست محور بر بازسازی (Refactoring) کد
  • یادگیری Karma & Jasmine و همچنین Jest و Testing-Library

پیش‌نیازها:

تجربه کار با Javascript و Typescript الزامی است.

Angular یکی از محبوب‌ترین کتابخانه‌ها برای توسعه برنامه‌های کاربردی وب است.

در این دوره، با ساخت یک برنامه کاربردی وب، Angular را یاد می‌گیریم. همچنین، از ابتدا تا انتها، از روش توسعه تست محور (TDD) استفاده خواهیم کرد.

ما دو پیکربندی تست جداگانه خواهیم داشت. یکی از آنها همراه با پروژه پیش‌فرض Angular ارائه می‌شود: تست با Karma و Jasmine. و دیگری، یک پیکربندی سفارشی با محبوب‌ترین کتابخانه‌های تست جاوااسکریپت، یعنی Jest و Testing-Library، ایجاد خواهیم کرد.

در طول ساخت این برنامه، بلوک‌های اصلی Angular را یاد خواهیم گرفت. ما تمرین خواهیم کرد:

  • نحوه کارکرد مسیریابی سمت کاربر (Client-side Routing)

  • نحوه استفاده از فرم‌های مبتنی بر الگو (Template-driven Forms) و فرم‌های واکنش‌گرا (Reactive Forms)

  • نحوه استفاده از اعتبارسنجی‌ها (Validations) و نحوه ایجاد اعتبارسنج‌های همزمان و ناهمزمان سفارشی

  • نحوه کارکرد Observable

و خواهیم دید:

  • نحوه کارکرد توسعه تست محور (TDD).

  • تاثیر آن بر کیفیت کد و قابلیت استفاده مجدد.

  • چگونه به ما در مورد بازسازی (Refactoring) پیاده‌سازی‌مان اطمینان می‌دهد.

  • چگونه هنگام ایجاد تست، از جزئیات پیاده‌سازی اجتناب کنیم.

این دوره صرفاً مبتنی بر تمرین است. هر قطعه کدی که می‌نویسیم، برای پیاده‌سازی واقعی برنامه ما خواهد بود.

در هر بخش، به تدریج برنامه خود را می‌سازیم. جلوتر نمی‌رویم و عملکردی را که در آن لحظه مورد نیاز نیست اضافه نمی‌کنیم. در هر بار، یک نیاز (Requirement) را پیاده‌سازی می‌کنیم. هر پیاده‌سازی، نیاز بعدی را برای ما به ارمغان می‌آورد.

و دنبال کردن این تمرین، به شما کمک می‌کند تا یک پایه محکم در مورد الزامات کلی برنامه‌های کاربردی وب و نحوه پیاده‌سازی یکی از آنها با Angular با پیروی از روش توسعه تست محور به دست آورید.

پس از اتمام این دوره، قادر خواهید بود از Angular در پروژه بعدی خود استفاده کنید و مزایای توسعه تست محور را تجربه خواهید کرد.


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

Introduction

  • مقدمه Introduction

  • متدولوژی Methodology

  • ایجاد پروژه Create Project

  • راه اندازی تست Test Setup

  • راه اندازی Jest برای Angular 15 و نسخه‌های جدیدتر Jest Setup for Angular 15 and later versions

  • پروژه دوره Course Project

  • پروژه Backend Backend Project

ثبت نام Sign Up

  • کامپوننت اول First Component

  • Layout Layout

  • Layout - تست‌های Jest Layout - Jest Tests

  • Interactions Interactions

  • Interactions - تست‌های Jest Interactions - Jest Tests

  • ارسال درخواست Submitting Request

  • Mocking - Jasmine Mocking - Jasmine

  • Mocking - Jest Mocking - Jest

  • HttpClient HttpClient

  • HttpClient - تست‌های Jest HttpClient - Jest Tests

  • به‌روزرسانی Mock Service Worker Mock Service Worker Update

  • Mocking API در تست‌ها Mocking API in Tests

  • Proxy Proxy

  • Styling Styling

  • Progress Indicator Progress Indicator

  • Progress Indicator - تست‌های Jest Progress Indicator - Jest Tests

  • موفقیت در ثبت نام Sign Up Success

  • موفقیت در ثبت نام - تست‌های Jest Sign Up Success - Jest Tests

  • کامپوننت‌ها – Alert & Button Components - Alert & Button

بازسازی کد Refactoring

  • سرویس Service

  • ماژول Module

  • فرم Template Driven Template Driven Form

  • فرم Reactive Reactive Form

اعتبارسنجی Validation

  • اعتبارسنجی سمت کلاینت Client-side Validation

  • اعتبارسنجی سمت کلاینت - تست‌های Jest Client-side Validation - Jest Tests

  • ساده‌سازی Template Simplifying Template

  • Styling Styling

  • تست‌های Dynamic Dynamic Tests

  • تسک: اعتبارسنجی Required برای ایمیل و پسورد Task: Required Validation for E-mail & Password

  • اعتبارسنجی Required برای ایمیل و پسورد Required Validation for E-mail & Password

  • اعتبارسنجی Pattern Pattern Validation

  • اعتبارسنجی Cross-field Cross-field Validation

  • اعتبارسنجی Cross-field - تست‌های Jest Cross-field Validation - Jest Tests

  • اعتبارسنجی Async Async Validation

  • اعتبارسنجی Async - تست‌های Jest Async Validation - Jest Tests

  • اعتبارسنجی Backend Backend Validation

  • اعتبارسنجی Backend و Mock Service Worker Backend Validation & Mock Service Worker

  • تغییر منطق فعال‌سازی دکمه Modify Button Enable Logic

  • وضعیت دکمه Button State

  • وضعیت دکمه - تست‌های Jest Button State - Jest Tests

مسیریابی Routing

  • مسیریابی Routing

  • مسیریابی سمت کلاینت Client-side Routing

  • مسیریابی سمت کلاینت - تست‌های Jest Client-side Routing - Jest Tests

  • تسک: صفحات جدید Task: New Pages

  • صفحات جدید New Pages

  • NavBar NavBar

  • NavBar - تست‌های Jest NavBar - Jest Tests

  • NavBar Style NavBar Style

  • فعال‌سازی اکانت Account Activation

  • Activated Route Activated Route

  • Observable Observable

  • فراخوانی API فعال‌سازی Activation API Call

  • فراخوانی API فعال‌سازی - تست‌های Jest Activation API Call - Jest Tests

  • Progress Indicator Progress Indicator

  • Progress Indicator - تست‌های Jest Progress Indicator - Jest Tests

لیست کاربران و صفحه کاربر User List & User Page

  • لیست کاربران User List

  • لیست کاربران - تست‌های Jest User List - Jest Tests

  • رفع مشکل صفحه در تست‌ها Fixing Page in Tests

  • رفع مشکل صفحه در تست‌ها - تست‌های Jest Fixing Page in Tests - Jest Tests

  • صفحه بعدی و قبلی Next & Previous Page

  • صفحه بعدی و قبلی - تست‌های Jest Next & Previous Page - Jest Tests

  • استایل و Progress Indictor Style & Progress Indictor

  • استایل و Progress Indictor - تست‌های Jest Style & Progress Indictor - Jest Tests

  • لینک به صفحه کاربر Link to User Page

  • لینک به صفحه کاربر - تست‌های Jest Link to User Page - Jest Tests

  • آیتم لیست کاربر User List Item

  • تسک: صفحه کاربر Task: User Page

  • صفحه کاربر User Page

  • صفحه کاربر - تست‌های Jest User Page - Jest Tests

احراز هویت Authentication

  • تسک: صفحه ورود Task: Login Page

  • صفحه ورود Login Page

  • صفحه ورود - تست‌های Jest Login Page - Jest Tests

  • اعتبارسنجی Validation

  • اعتبارسنجی - تست‌های Jest Validation - Jest Tests

  • خطا Error

  • خطا - تست‌های Jest Error - Jest Tests

  • مسیر موفقیت Success Route

  • مسیر موفقیت - تست‌های Jest Success Route - Jest Tests

  • Layout ورود کرده Logged in Layout

  • Layout ورود کرده - تست‌های Jest Logged in Layout - Jest Tests

  • Local Storage Local Storage

  • Local Storage - تست‌های Jest Local Storage - Jest Tests

  • خروج Logout

  • خروج - تست‌های Jest Logout - Jest Tests

  • Refactor Refactor

نمایش نظرات

آنگولار با توسعه مبتنی بر آزمون
جزییات دوره
14 hours
92
Udemy (یودمی) Udemy (یودمی)
(آخرین آپدیت)
875
4.5 از 5
دارد
دارد
دارد
جهت دریافت آخرین اخبار و آپدیت ها در کانال تلگرام عضو شوید.

Google Chrome Browser

Internet Download Manager

Pot Player

Winrar

Basar Buyukkahraman Basar Buyukkahraman

مهندس نرم افزار