آموزش ساخت پورتفولیو برنامه‌نویسی با SvelteKit و Sanity CMS - آخرین آپدیت

پروژه ۲: پورتفولیو برنامه‌نویسی با Headless CMS Project 2: Developer Portfolio with Headless CMS

• مرور پروژه و زیرساخت اپلیکیشن Project Overview & App Infrastructure

• راه‌اندازی پروژه Project Setup

• بخش Hero Hero Section

• کامپوننت دکمه منعطف Flexible Button Component

• استایل‌دهی دکمه منعطف Flexible Button Styling

• کامپوننت تیتر بخش‌ها Section Headline Component

• بخش درباره من About Me Section

• استایل‌دهی بخش درباره من About Me Section Styling

• جدول سوابق کاری Work Experience Table

• استایل‌دهی جدول سوابق کاری Work Experience Table Styling

• راه‌اندازی Sanity Sanity Setup

• فراخوانی داده‌ها از Sanity در فرانت‌اند SvelteKit Fetch Data from Sanity in SvelteKit Frontend

• نمایش داده‌های Sanity در فرانت‌اند Display Sanity Data on Frontend

• بخش پروژه‌های من: طرحواره داده Sanity و افزودن داده My Work Section - Sanity Data Schema & Adding Data

• تعیین تایپ‌ها برای داده‌های پردازش شده و خام Sanity Set Up Types for Processed and Raw Data of Sanity

• پردازش داده‌ها از حالت خام به حالت قابل استفاده در فرانت‌اند Process Data from Raw to Usable on the Frontend

• بخش پروژه‌های من: ساختار HTML My Work Section - HTML Structure

• بخش پروژه‌های من: استایل‌دهی My Work Section - Styling

• مسیریابی پویا و بارگذاری مقاله وبلاگ Dynamic Routing & Loading of Blog Article

• رندر کردن مقاله وبلاگ در فرانت‌اند Render Blog Article on Frontend

• استایل‌دهی مقاله وبلاگ Blog Article Styling

• ایجاد مهارت‌ها و افزودن آیکون مهارت‌ها Create Skills & Add Skill Icons

• بخش مهارت‌ها Skills Section

• بخش مهارت‌ها: استایل‌دهی Skills Section - Styling

• بخش تماس با من Contact Section

• استایل‌دهی بخش تماس با من Contact Section Styling

• اعتبارسنجی فرانت‌اند فرم تماس با من Frontend Validation of Contact Me Form

• مدیریت بخش تماس با من در بک‌اند (Endpoint) Handling of Contact Me Section in Backend Endpoint

• هدر (Header) Header

• استایل‌دهی هدر Header Styling

• ساختار و استایل‌دهی فوتر Footer Structure & Styling

• استقرار پروژه در Vercel Project Deployment to Vercel