Vue JS Portfolio Project - آموزش Vue برای مبتدیان

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

تهیه ابزار Preparing tools

• این بخش در مورد چیست؟ What is this section about?

• در حال آماده سازی پروژه Vue Preparing Vue project

• راه اندازی api خود Setting up own api

• نصب زیباتر Installing Prettier

• به روز رسانی Vue به نسخه 3 Updating Vue to version 3

• ساختار فایل در Vue File structure in Vue

ثبت Registration

• ثبت طرح Register layout

• Redux و Vuex Redux and Vuex

• ایجاد ماژول Vuex auth Creating Vuex auth module

• اقدامات Vuex Vuex actions

• ایجاد درخواست ثبت نام API Making register API request

• بهبود صفحه ثبت نام Improving register page

• در حال ذخیره رمز دسترسی Saving access token

• ارائه خطاهای اعتبارسنجی Rendering validation errors

احراز هویت Authentication

• نامگذاری مجدد Refactoring naming

• افزودن صفحه ورود Adding login page

• ایجاد نوار بالای صفحه Creating topbar

• گیرندگان در Vuex Getters in Vuex

• دریافت کاربر فعلی Getting current user

خوراک Feed

• تهیه خوراک Preparing a feed

• ارائه فید Rendering a feed

• پیاده سازی صفحه بندی Implementing pagination

• محاسبه افست Calculating offset

• پیاده سازی برچسب های محبوب Implementing popular tags

• افزودن اجزای کمکی Adding helper components

• ایجاد فید و فید برچسب شما Creating your feed and tag feed

• اضافه کردن جابجایی فید Adding feed toggler

صفحات مقاله Article pages

• ایجاد صفحه مقاله Creating article page

• اضافه کردن حذف مقاله Adding article delete

• افزودن لیست برچسب ها Adding tag list

• ایجاد فرم مقاله Creating article form

• افزودن صفحه ایجاد مقاله Adding create article page

• افزودن صفحه ویرایش مقاله Adding edit article page

پروفایل ها Profiles

• صفحه تنظیمات پیاده سازی Implementing settings page

• فضای نام در Vuex Namespacing in Vuex

• افزودن به موارد دلخواه Adding to favorites

• ایجاد پروفایل کاربری Creating user profile

بعدش چی؟ What's next?

• مشق شب Homework

• سخنرانی جایزه من My Bonus Lecture