آموزش پروژه‌های واقعی انگولار، تست‌نویسی و آمادگی برای مصاحبه کاری - آخرین آپدیت

پروژه فروشگاه eStore eStore Project

• مقدمه Introduction

• ایجاد پروژه eStore eStore Project Creation

• نصب بوت استرپ (Bootstrap) Installing Bootstrap

• شروع ساخت کامپوننت هدر Beginning Header Component

• افزودن نوار جستجو Adding Search Bar

• منوی کشویی دسته‌بندی در نوار جستجو Category Dropdown in Search Bar

• لینک ورود، لیست علاقه‌مندی‌ها و آیکون‌های سبد خرید Login Link, Wish-list, and Cart Icons

• نوار ناوبری دسته‌بندی‌ها Category Navigation Bar

• ایجاد کامپوننت صفحه اصلی Creating Home Component

• بازسازماندهی سلسله‌مراتب کامپوننت‌های هدر و ناوبری دسته‌بندی Reorganizing Header and Category Navigation Components Hierarchy

• ایجاد صفحه خطای 404 Creating Error 404 Page

• کامپوننت ناوبری کناری (Side Navigation) Side Navigation Component

• دریافت داده‌ها برای کامپوننت ناوبری کناری Fetching Data into Side Navigation Component

• کامپوننت محصولات Products Component

• استایل‌دهی به کارت محصول Styling Product Card

• دریافت داده‌ها برای کامپوننت محصولات Fetching Data into Products Component

• ایجاد کامپوننت امتیازدهی Creating Ratings Component

• نصب MySQL Installing MySQL

• ایجاد پایگاه داده Creating Database

• ایجاد سرور Node Creating Node Server

• پیکربندی مسیر API Configuring API Route

• پیکربندی Nodemon Configuring Nodemon

• اتصال به MySQL Connecting To MySQL

• دریافت داده‌ها با کوئری SQL Data Fetching with SQL Query

• حذف فراخوانی getConnection() Removing getConnection() Call

• ایجاد مسیرها با Express Creating Routes With Express

• پیکربندی مسیرها با express.Router() Configuring Routes with "express.Router()"

• ایجاد فضای کاری (Workspace) Creating Workspace

• دریافت دسته‌بندی‌ها از سرور Fetching Categories From Server

• نمایش دسته‌بندی‌ها در نوار ناوبری Fetching Categories in Category Navigation Bar

• آشنایی با مدیریت وضعیت (State Management) Introducing State Management

• پر کردن دسته‌بندی‌های جستجوی هدر Populate Header Search Categories

• تعریف مسیرها برای دریافت محصولات Define Routes to Fetch Products

• دریافت محصولات در کامپوننت محصولات Fetching Products in Products Component

• استفاده از Query Parameters برای فیلتر محصولات بر اساس دسته‌بندی 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) ماژول اصلی و کامپوننت گالری محصولات 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

• خلاصه سبد خرید و Session Storage Cart Summary and Session Storage

• ای‌پی‌آی (API) ثبت‌نام کاربر User Signup API

• شروع طراحی فرم ثبت‌نام کاربر Starting User Sign Up Form

• افزودن اعتبارسنجی‌ها در فرم ثبت‌نام Adding Validations in User Sign Up Form

• اتصال فرم ثبت‌نام به API Connect Sign Up Form to API

• ای‌پی‌آی ورود کاربر و آشنایی با JWT User Login API + Introduction to JWT

• طراحی فرم ورود کاربر User Login Form

• اتصال فرم ورود به API Connect User Login Form to API

• ایجاد منوی کشویی کاربر Create User Drop Down Menu

• افزودن قابلیت خروج از حساب Adding Logout Functionality

• نمایش آدرس ارسال در صفحه پرداخت Display Delivery Address In Checkout Screen

• ایجاد API برای ذخیره سفارش Creating API to Save Order

• ایجاد سرویس سفارشات Creating Order Service

• ذخیره سفارش از سبد خرید Saving Order From Cart

• ای‌پی‌آی دریافت لیست سفارشات API to Get Orders List

• ایجاد کامپوننت سفارشات گذشته Creating Past Orders Component

• نمایش سفارشات گذشته و Route Guard Displaying Past Orders and Route Guard

تست‌نویسی در انگولار Angular Testing

• مقدمه: چرا تست‌نویسی؟ تست دستی در مقابل خودکار Intro - Why Testing? Manual Vs Automated

• تست واحد (Unit) در مقابل یکپارچگی (Integrated) و End to End Unit Vs. Integrated Vs. End to End

• شروع اولین تست با Jasmine و Karma Jasmine & Karma - First Test

• متدهای before() و after() در Jasmine Jasmine before() and after() Methods

• تست‌های واحد برای کامپوننت امتیازدهی Unit Tests for Rating Component

• استفاده از Spies و Mocks Spies and Mocks

• تست واحد برای فرم‌ها Unit Testing Forms

• تست واحد برای مسیرها (Routes) Unit Testing Routes

• تست واحد برای سرویس‌های HTTP Unit Testing HTTP Services

• تست یکپارچگی (Integration Test) Integration Test

• پوشش کد (Code Coverage) Code Coverage