آموزش کار با Vue 3 and Go (Golang)

Working with Vue 3 and Go (Golang)

نکته: آخرین آپدیت رو دریافت میکنید حتی اگر این محتوا بروز نباشد.
نمونه ویدیوها:
توضیحات دوره: نحوه کار با Vue 3 و Go back end را از استاد دانشگاه برنده جایزه بیاموزید. نحوه ایجاد برنامه های کاربردی وب تعاملی با استفاده از Vue 3 یاد بگیرید چگونه با استفاده از Go یک Backend REST ایجاد کنید (اغلب به آن Golang گفته می شود) یاد بگیرید چگونه یک سیستم احراز هویت کاربر ایمن با Vue و Go ایجاد کنید بهترین روش ها برای ایجاد یک برنامه وب ایمن و مقیاس پذیر را بیاموزید. پیش نیازها:تجربه ای با HTML، Javascript و Go

Vue.js همانطور که در وب سایت خود می گویند، یک "چارچوب قابل دسترس، کارآمد و همه کاره برای ساخت رابط های کاربری وب" است. این جمله واقعاً به Vue حق کامل خود را نمی دهد. مسلماً این بهترین راه حل در حال حاضر برای ساخت برنامه های کاربردی وب بسیار تعاملی، آسان برای نگهداری و دارای ویژگی های غنی در دسترس است. بسیاری از توسعه دهندگان یادگیری را آسان تر از React یا Angular می دانند و هنگامی که اصول اولیه را یاد گرفتید، به راحتی می توانید به سمت ساخت برنامه های پیچیده تر بروید.

Go که معمولاً به آن Golang گفته می شود، یک زبان برنامه نویسی کامپایل شده و ایمن برای یادگیری، تایپ کردن آسان است که به سرعت در میان افرادی که نسخه های پشتیبان API، نرم افزارهای شبکه و محصولات مشابه را می نویسند به محبوبیت تبدیل شده است. به عنوان مثال، سهولت کار Go با JSON، آن را به یک راه حل ایده آل برای ایجاد یک صفحه پشتی برای یک برنامه Single Page نوشته شده در چیزی مانند Vue تبدیل می کند.

این دوره همه چیزهایی را که باید بدانید برای شروع نوشتن برنامه‌های کاربردی با ویژگی‌های غنی و بسیار تعاملی با استفاده از Vue.js نسخه 3 برای قسمت جلویی و Go for the back end API را پوشش می‌دهد.

ما پوشش خواهیم داد:

  • کار با Vue 3 با استفاده از CDN

  • کار با Vue 3 با استفاده از vue-cli، node.js و npm

  • هم Options API و هم Composition API را برای Vue 3 بیاموزید

  • نحوه کار با لوازم جانبی

  • نحوه ساخت اجزای Vue قابل استفاده مجدد

  • نحوه ساخت و استفاده از یک فروشگاه داده با Vue 3

  • ایجاد، اعتبارسنجی و ارسال فرم ها با استفاده از fetch و JSON

  • انتشار و پردازش رویدادها در Vue

  • پردازش مشروط در Vue

  • انیمیشن ها و انتقال ها در Vue

  • کار با روتر Vue

  • محافظت از مسیرها در Vue (نیاز به احراز هویت کاربر)

  • کش کردن اجزاء با استفاده از قابلیت KeepAlive Vue

  • اجرای یک REST API با استفاده از Go

  • مسیریابی با Go

  • اتصال به پایگاه داده Postgresql با Go

  • خواندن و نوشتن JSON با Go

  • تأیید هویت کاربر را با Go با استفاده از نشانه‌های حالتی کامل کنید

  • آزمایش بازگشت به عقب ما با تست‌های واحد و ادغام

  • و خیلی بیشتر.

Vue یکی از محبوب‌ترین چارچوب‌های جاوا اسکریپت جلویی است و Go به سرعت تبدیل به زبانی می‌شود که باید برای توسعه‌دهندگان بدانند، بنابراین یادگیری آن‌ها قطعاً برای هر توسعه‌دهنده‌ای یک مزیت است.



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

معرفی Introduction

  • معرفی Introduction

  • درمورد من About me

  • Options API در مقابل Composition API Options API vs. Composition API

  • در حال نصب Go Installing Go

  • نصب کد ویژوال استودیو Installing Visual Studio Code

  • نصب پسوند Vetur VS Code Installing the Vetur VS Code extension

  • در حال نصب make Installing make

  • نحوه درخواست کمک How to ask for help

معرفی Introduction

  • معرفی Introduction

  • درمورد من About me

  • Options API در مقابل Composition API Options API vs. Composition API

  • در حال نصب Go Installing Go

  • نصب کد ویژوال استودیو Installing Visual Studio Code

  • نصب پسوند Vetur VS Code Installing the Vetur VS Code extension

  • در حال نصب make Installing make

  • نحوه درخواست کمک How to ask for help

شروع کار با Vue Getting Started with Vue

  • آنچه در این بخش به آن خواهیم پرداخت What we'll cover in this section

  • استفاده از Vue با CDN (npm بعدا می آید) Using Vue with a CDN (npm comes later)

  • ساختار یک برنامه Vue The structure of a Vue app

  • افزودن یک عنصر فرم ساده و داده های اتصال Adding a simple form element and binding data

  • اضافه کردن شمارنده Adding a counter

  • اجزای Vue - شروع به کار Vue Components - Getting Started

  • ایجاد یک جزء ورودی فرم قابل استفاده مجدد Creating a reusable form input component

  • در حال آزمایش مؤلفه TextInput ما Trying out our TextInput component

  • چرخه عمر Vue و اعتبار سنجی سمت مشتری The Vue lifecycle and client side validation

  • تودرتوی اجزای درون کامپوننت ها Nesting components within components

  • افزودن یک جزء فرم انتخابی Adding a select form component

  • افزودن یک جزء فرم چک باکس Adding a checkbox form component

  • رندر مشروط Conditional Rendering

  • واکشی داده های راه دور Fetching remote data

  • با استفاده از داده هایی که در برنامه Vue خود واکشی می کنیم Using the data we fetch in our Vue application

  • افزودن مقداری تعامل به فهرست کتاب‌های ما Adding some interactivity to our list of books

  • حذف یک کتاب از لیست Removing a book from the list

شروع کار با Vue Getting Started with Vue

  • آنچه در این بخش به آن خواهیم پرداخت What we'll cover in this section

  • استفاده از Vue با CDN (npm بعدا می آید) Using Vue with a CDN (npm comes later)

  • ساختار یک برنامه Vue The structure of a Vue app

  • افزودن یک عنصر فرم ساده و داده های اتصال Adding a simple form element and binding data

  • اضافه کردن شمارنده Adding a counter

  • اجزای Vue - شروع به کار Vue Components - Getting Started

  • ایجاد یک جزء ورودی فرم قابل استفاده مجدد Creating a reusable form input component

  • در حال آزمایش مؤلفه TextInput ما Trying out our TextInput component

  • چرخه عمر Vue و اعتبار سنجی سمت مشتری The Vue lifecycle and client side validation

  • تودرتوی اجزای درون کامپوننت ها Nesting components within components

  • افزودن یک جزء فرم انتخابی Adding a select form component

  • افزودن یک جزء فرم چک باکس Adding a checkbox form component

  • رندر مشروط Conditional Rendering

  • واکشی داده های راه دور Fetching remote data

  • با استفاده از داده هایی که در برنامه Vue خود واکشی می کنیم Using the data we fetch in our Vue application

  • افزودن مقداری تعامل به فهرست کتاب‌های ما Adding some interactivity to our list of books

  • حذف یک کتاب از لیست Removing a book from the list

کار با Vue با استفاده از Single File Components، vue-cli و Node.js Working with Vue using Single File Components, the vue-cli and Node.js

  • در حال نصب Node.js Installing Node.js

  • در حال نصب vue-cli Installing vue-cli

  • ساخت و اجرای یک برنامه ساده Vue با vue-cli Building and running a simple Vue application with vue-cli

  • ساختار یک برنامه کاربردی vue-cli The structure of a vue-cli application

  • شروع به کار با برنامه ما Getting started with our app

  • ثبت اجزای هدر، بدنه و پاورقی Registering header, body, and footer components

  • اضافه کردن ناوبری به مؤلفه هدر ما Adding navigation to our header component

  • اضافه کردن محتوا به اجزای بدن ما Adding content to our body component

  • افزودن محتوا به مؤلفه پاورقی ما Adding content to our footer component

کار با Vue با استفاده از Single File Components، vue-cli و Node.js Working with Vue using Single File Components, the vue-cli and Node.js

  • در حال نصب Node.js Installing Node.js

  • در حال نصب vue-cli Installing vue-cli

  • ساخت و اجرای یک برنامه ساده Vue با vue-cli Building and running a simple Vue application with vue-cli

  • ساختار یک برنامه کاربردی vue-cli The structure of a vue-cli application

  • شروع به کار با برنامه ما Getting started with our app

  • ثبت اجزای هدر، بدنه و پاورقی Registering header, body, and footer components

  • اضافه کردن ناوبری به مؤلفه هدر ما Adding navigation to our header component

  • اضافه کردن محتوا به اجزای بدن ما Adding content to our body component

  • افزودن محتوا به مؤلفه پاورقی ما Adding content to our footer component

مسیریابی با روتر Vue Routing with the Vue Router

  • نصب روتر Vue Installing the Vue Router

  • شروع کار با روتر Vue Getting started with the Vue Router

  • اضافه کردن مسیرهای ما در App.vue و main.js Adding our routes in App.vue and main.js

  • ایجاد مؤلفه دوم و به روز رسانی پیوندهای ناوبری ما Creating a second component and updating our navigation links

  • افزودن و استفاده از فرم ما Vue Components از بخش قبل Adding and using our form Vue Components from the previous section

  • ایجاد و پیاده سازی یک جزء تگ فرم قابل استفاده مجدد Creating and implementing a re-usable Form tag component

  • بهبود فرم ورود ما با اتصال داده ها و گوش دادن به یک رویداد Improving our Login form by binding data and listening for an event

  • بهبود FormTag ما و ساده سازی اعتبار سنجی سمت مشتری Improving our FormTag and simplifying client side validation

مسیریابی با روتر Vue Routing with the Vue Router

  • نصب روتر Vue Installing the Vue Router

  • شروع کار با روتر Vue Getting started with the Vue Router

  • اضافه کردن مسیرهای ما در App.vue و main.js Adding our routes in App.vue and main.js

  • ایجاد مؤلفه دوم و به روز رسانی پیوندهای ناوبری ما Creating a second component and updating our navigation links

  • افزودن و استفاده از فرم ما Vue Components از بخش قبل Adding and using our form Vue Components from the previous section

  • ایجاد و پیاده سازی یک جزء تگ فرم قابل استفاده مجدد Creating and implementing a re-usable Form tag component

  • بهبود فرم ورود ما با اتصال داده ها و گوش دادن به یک رویداد Improving our Login form by binding data and listening for an event

  • بهبود FormTag ما و ساده سازی اعتبار سنجی سمت مشتری Improving our FormTag and simplifying client side validation

ساخت یک Go REST back end Building a Go REST back end

  • چگونه Go با فایل‌های JSON کار می‌کند How Go works with JSON files

  • راه اندازی پروژه ما Setting up our project

  • بهبود مسیرها Improving routes

  • اتصال از Vue به Go - اولین تلاش Connecting from Vue to Go - the first try

  • پیاده سازی CORS در فایل routes.go ما Implementing CORS in our routes.go file

  • اتصال از Vue به Go - دومین تلاش Connecting from Vue to Go - the second try

  • توابع کمکی ReadJSON و WriteJSON ReadJSON and WriteJSON helper functions

  • کنترل کننده های ما را برای استفاده از توابع کمکی جدید ساده می کنیم Simplifying our handlers to use the new helper functions

  • افزودن یک تابع کمکی برای ایجاد پیام های خطا Adding a helper function to generate error messages

ساخت یک Go REST back end Building a Go REST back end

  • چگونه Go با فایل‌های JSON کار می‌کند How Go works with JSON files

  • راه اندازی پروژه ما Setting up our project

  • بهبود مسیرها Improving routes

  • اتصال از Vue به Go - اولین تلاش Connecting from Vue to Go - the first try

  • پیاده سازی CORS در فایل routes.go ما Implementing CORS in our routes.go file

  • اتصال از Vue به Go - دومین تلاش Connecting from Vue to Go - the second try

  • توابع کمکی ReadJSON و WriteJSON ReadJSON and WriteJSON helper functions

  • کنترل کننده های ما را برای استفاده از توابع کمکی جدید ساده می کنیم Simplifying our handlers to use the new helper functions

  • افزودن یک تابع کمکی برای ایجاد پیام های خطا Adding a helper function to generate error messages

احراز هویت Authentication

  • راه اندازی پایگاه داده با داکر Setting up a database with Docker

  • انتخاب مشتری Postgres Choosing a Postgres client

  • آزمایش Beekeeper و تنظیم جدول کاربران Trying out Beekeeper and setting up a users table

  • ایجاد بسته درایور پایگاه داده Creating a database driver package

  • اتصال به پایگاه داده با استفاده از بسته درایور ما Connecting to the database using our driver package

  • استفاده از Makefile برای ساده کردن زندگی ما Using a Makefile to simplify our lives

  • راه اندازی یک مدل کاربر Setting up a User model

  • تنظیم جدول نشانه ها Setting up the tokens table

  • راه اندازی یک مدل توکن Setting up a Token model

  • چگونه توابع پایگاه داده را برای احراز هویت بنویسیم How we will write database functions for authentication

  • اضافه کردن دستی کاربر به پایگاه داده Manually adding a user to the database

  • ایجاد یک مسیر آزمایشی و کنترل کننده برای امتحان کردن چیزها Creating a test route and handler to try things out

  • روش های نوشتن برای دریافت کاربر از طریق ایمیل یا شناسه Writing methods to get a user by email or id

  • روش های نوشتن برای به روز رسانی و حذف کاربران Writing methods to update and delete users

  • نوشتن متد Insert برای نوع User Writing the Insert method for the User type

  • نوشتن توابع Password Reset و PasswordMatches برای نوع User Writing the Password reset and PasswordMatches functions for the User type

  • شروع به کار با روش هایی برای نوع Token Getting started with methods for the Token type

  • تولید و احراز هویت یک توکن Generating and authenticating a token

  • درج و حذف توکن ها Inserting and deleting tokens

  • افزودن متد ValidToken به نوع Token Adding a ValidToken method to the Token type

  • آزمایش توابع پایگاه داده: افزودن کاربر Trying out the database functions: adding a user

  • تلاش برای تولید یک توکن Trying out generating a token

  • در حال امتحان تابع Insert نوع Token Trying out the Token type's Insert function

  • در حال آزمایش تابع ValidToken Trying out the ValidToken function

  • اضافه کردن یک محدودیت منحصر به فرد به جدول کاربران Adding a unique constraint to the users table

  • بررسی خطاهای پایگاه داده در errorJSON Checking for database errors in errorJSON

  • بهبود نوع jsonResponse ما با یک پاکت Improving our jsonResponse type with an envelope

احراز هویت Authentication

  • راه اندازی پایگاه داده با داکر Setting up a database with Docker

  • انتخاب مشتری Postgres Choosing a Postgres client

  • آزمایش Beekeeper و تنظیم جدول کاربران Trying out Beekeeper and setting up a users table

  • ایجاد بسته درایور پایگاه داده Creating a database driver package

  • اتصال به پایگاه داده با استفاده از بسته درایور ما Connecting to the database using our driver package

  • استفاده از Makefile برای ساده کردن زندگی ما Using a Makefile to simplify our lives

  • راه اندازی یک مدل کاربر Setting up a User model

  • تنظیم جدول نشانه ها Setting up the tokens table

  • راه اندازی یک مدل توکن Setting up a Token model

  • چگونه توابع پایگاه داده را برای احراز هویت بنویسیم How we will write database functions for authentication

  • اضافه کردن دستی کاربر به پایگاه داده Manually adding a user to the database

  • ایجاد یک مسیر آزمایشی و کنترل کننده برای امتحان کردن چیزها Creating a test route and handler to try things out

  • روش های نوشتن برای دریافت کاربر از طریق ایمیل یا شناسه Writing methods to get a user by email or id

  • روش های نوشتن برای به روز رسانی و حذف کاربران Writing methods to update and delete users

  • نوشتن متد Insert برای نوع User Writing the Insert method for the User type

  • نوشتن توابع Password Reset و PasswordMatches برای نوع User Writing the Password reset and PasswordMatches functions for the User type

  • شروع به کار با روش هایی برای نوع Token Getting started with methods for the Token type

  • تولید و احراز هویت یک توکن Generating and authenticating a token

  • درج و حذف توکن ها Inserting and deleting tokens

  • افزودن متد ValidToken به نوع Token Adding a ValidToken method to the Token type

  • آزمایش توابع پایگاه داده: افزودن کاربر Trying out the database functions: adding a user

  • تلاش برای تولید یک توکن Trying out generating a token

  • در حال امتحان تابع Insert نوع Token Trying out the Token type's Insert function

  • در حال آزمایش تابع ValidToken Trying out the ValidToken function

  • اضافه کردن یک محدودیت منحصر به فرد به جدول کاربران Adding a unique constraint to the users table

  • بررسی خطاهای پایگاه داده در errorJSON Checking for database errors in errorJSON

  • بهبود نوع jsonResponse ما با یک پاکت Improving our jsonResponse type with an envelope

احراز هویت از Vue تا Go Back End Authentication from Vue to the Go Back End

  • در حال به روز رسانی کنترل کننده ورود ما Updating our Login handler

  • در حال به روز رسانی قسمت جلویی Vue برای اتصال به/users/auth و دریافت رمز Updating the Vue front end to connect to /users/auth and get a token

  • در حال تلاش برای احراز هویت Trying out authentication

  • به اشتراک گذاری داده ها بین اجزا با استفاده از یک فروشگاه ساده Sharing data between components using a simple store

  • بهبود روند ورود Improving the login process

  • خروج از سیستم Logging out

  • حذف توکن کاربر در انتهای پشت هنگام خروج Deleting a user's token on the back end on logout

  • درخواست حذف یک توکن از قسمت جلو Making the request to delete a token from the front end

  • ذخیره توکن به عنوان یک کوکی Saving the token as a cookie

  • در حال اتمام فرآیند ورود به سیستم بهبودیافته Finishing up the improved login process

  • یک نکته: افزایش سرعت کار هنگام نوشتن JSON در تولید An aside: speeding things up when writing JSON in production

احراز هویت از Vue تا Go Back End Authentication from Vue to the Go Back End

  • در حال به روز رسانی کنترل کننده ورود ما Updating our Login handler

  • در حال به روز رسانی قسمت جلویی Vue برای اتصال به/users/auth و دریافت رمز Updating the Vue front end to connect to /users/auth and get a token

  • در حال تلاش برای احراز هویت Trying out authentication

  • به اشتراک گذاری داده ها بین اجزا با استفاده از یک فروشگاه ساده Sharing data between components using a simple store

  • بهبود روند ورود Improving the login process

  • خروج از سیستم Logging out

  • حذف توکن کاربر در انتهای پشت هنگام خروج Deleting a user's token on the back end on logout

  • درخواست حذف یک توکن از قسمت جلو Making the request to delete a token from the front end

  • ذخیره توکن به عنوان یک کوکی Saving the token as a cookie

  • در حال اتمام فرآیند ورود به سیستم بهبودیافته Finishing up the improved login process

  • یک نکته: افزایش سرعت کار هنگام نوشتن JSON در تولید An aside: speeding things up when writing JSON in production

حفاظت از مسیرها و مدیریت محتوای سایت Protecting Routes and managing site content

  • حفاظت از مسیرها Protecting routes

  • در حال آزمایش میان‌افزار حفاظت از مسیر ما Trying out our route protection middleware

  • تنظیم قطعات و مسیرهای خرد Setting up stub components and routes

  • در حال به‌روزرسانی مؤلفه سرصفحه برای پیوند به مؤلفه‌های خرد ما Updating the Header component to link to our stub components

  • نکته دیگر: تنظیم متغیرهای محیطی با یک فایل env Another aside: setting environment variables with a .env file

  • استخراج منطق و امنیت احراز هویت در یک ماژول جداگانه Extracting authentication logic and security to a separate module

  • با استفاده از ماژول امنیتی جاوا اسکریپت جدید ما Using our new Security JavaScript module

  • ایمن سازی مسیرها به اجزای محافظت شده Securing routes to protected components

  • دریافت لیستی از همه کاربران از API پشتیبان Getting a list of all users from the back end API

  • نمایش لیست تمامی کاربران Displaying the list of all users

  • شروع کار با مؤلفه UserEdit Vue Getting started with the UserEdit Vue component

  • تکمیل تغییرات در قسمت جلویی برای ارسال کاربر به قسمت پشتی Completing changes on the front end to submit a user to the back end

  • راه اندازی کنترل کننده و مسیر برای ذخیره و به روز رسانی یک کاربر Setting up the handler and route to save and update a user

  • در حال تلاش برای افزودن کاربر به سیستم Trying out adding a user to the system

  • ویرایش یک کاربر موجود Editing an existing user

  • در حال آزمایش کد به روز شده ما برای ویرایش یک کاربر Trying out our updated code to edit a user

  • حذف یک کاربر Deleting a user

  • گوش دادن به رویدادهای منتشر شده به منظور ساده سازی اعلان های کاربر Listening for emitted events in order to simplify user notificiations

  • انتشار رویدادهای مربوط به اعلان Emitting notie related events

  • بررسی وضعیت آماده بودن هنگام واکشی Checking for ready status when fetching

  • اضافه کردن یک ستون "وضعیت" برای نشان دادن اینکه آیا کاربر وارد شده است یا خیر Adding a "status" column to show whether a user is logged in or not

  • به روز رسانی انتهای پشتی برای رسیدگی به خروج کاربر Updating the back end to handle logging a user out

  • اضافه کردن یک کنترل کننده برای خروج کاربر Adding a handler to log the user out

  • به روز رسانی قسمت جلویی برای خروج یک کاربر Updating the front end to log a user out

  • در حال تکمیل به‌روزرسانی‌ها در قسمت جلویی Finishing up updates to the front end

  • مولفه رندر مجدد: به روز رسانی لیست کاربران پس از خروج از سیستم Re-render component: Updating the list of users after logging someone out

  • بررسی وضعیت توکن در هر درخواست Checking status of token on every request

  • در حال آزمایش کنترل کننده ValidateToken و عملکرد Security.checkToken() ما. Trying out our ValidateToken handler and Security.checkToken() functionality.

حفاظت از مسیرها و مدیریت محتوای سایت Protecting Routes and managing site content

  • حفاظت از مسیرها Protecting routes

  • در حال آزمایش میان‌افزار حفاظت از مسیر ما Trying out our route protection middleware

  • تنظیم قطعات و مسیرهای خرد Setting up stub components and routes

  • در حال به‌روزرسانی مؤلفه سرصفحه برای پیوند به مؤلفه‌های خرد ما Updating the Header component to link to our stub components

  • نکته دیگر: تنظیم متغیرهای محیطی با یک فایل env Another aside: setting environment variables with a .env file

  • استخراج منطق و امنیت احراز هویت در یک ماژول جداگانه Extracting authentication logic and security to a separate module

  • با استفاده از ماژول امنیتی جاوا اسکریپت جدید ما Using our new Security JavaScript module

  • ایمن سازی مسیرها به اجزای محافظت شده Securing routes to protected components

  • دریافت لیستی از همه کاربران از API پشتیبان Getting a list of all users from the back end API

  • نمایش لیست تمامی کاربران Displaying the list of all users

  • شروع کار با مؤلفه UserEdit Vue Getting started with the UserEdit Vue component

  • تکمیل تغییرات در قسمت جلویی برای ارسال کاربر به قسمت پشتی Completing changes on the front end to submit a user to the back end

  • راه اندازی کنترل کننده و مسیر برای ذخیره و به روز رسانی یک کاربر Setting up the handler and route to save and update a user

  • در حال تلاش برای افزودن کاربر به سیستم Trying out adding a user to the system

  • ویرایش یک کاربر موجود Editing an existing user

  • در حال آزمایش کد به روز شده ما برای ویرایش یک کاربر Trying out our updated code to edit a user

  • حذف یک کاربر Deleting a user

  • گوش دادن به رویدادهای منتشر شده به منظور ساده سازی اعلان های کاربر Listening for emitted events in order to simplify user notificiations

  • انتشار رویدادهای مربوط به اعلان Emitting notie related events

  • بررسی وضعیت آماده بودن هنگام واکشی Checking for ready status when fetching

  • اضافه کردن یک ستون "وضعیت" برای نشان دادن اینکه آیا کاربر وارد شده است یا خیر Adding a "status" column to show whether a user is logged in or not

  • به روز رسانی انتهای پشتی برای رسیدگی به خروج کاربر Updating the back end to handle logging a user out

  • اضافه کردن یک کنترل کننده برای خروج کاربر Adding a handler to log the user out

  • به روز رسانی قسمت جلویی برای خروج یک کاربر Updating the front end to log a user out

  • در حال تکمیل به‌روزرسانی‌ها در قسمت جلویی Finishing up updates to the front end

  • مولفه رندر مجدد: به روز رسانی لیست کاربران پس از خروج از سیستم Re-render component: Updating the list of users after logging someone out

  • بررسی وضعیت توکن در هر درخواست Checking status of token on every request

  • در حال آزمایش کنترل کننده ValidateToken و عملکرد Security.checkToken() ما. Trying out our ValidateToken handler and Security.checkToken() functionality.

راه اندازی کاتالوگ کتاب ها Setting up the Books Catalogue

  • افزودن جداول پایگاه داده برای کتاب ها، نویسندگان و ژانرها Adding database tables for Books, Authors, and Genres

  • درج داده ها و بررسی کد جدید Inserting data, and reviewing the new code

  • شروع با فهرست کردن همه کتاب ها Getting started with listing all books

  • شروع به نمایش کتاب ها در قسمت جلویی Getting started displaying books on the front end

  • اضافه کردن ژانرها به کتاب ها و فیلتر کردن بر اساس ژانر Adding genres to the books and filtering by genre

  • بهبود فیلتر ما با افزودن یک TransitionGroup Improving our filter by adding a TransitionGroup

  • نمایش کتاب های جداگانه Displaying individual books

  • ذخیره وضعیت مؤلفه Books Saving the state of the Books component

  • فهرست کردن همه کتاب ها برای مدیران Listing all books for adminstrators

  • ساده کردن اجزای ذخیره شده در حافظه پنهان یا زنده نگه داشتن آنها Simplifying which components are cached, or kept alive

  • افزودن کتاب - قسمت اول Adding a book - part one

  • افزودن کتاب - قسمت دوم Adding a book - part two

  • افزودن کتاب - قسمت 3 Adding a book - part 3

  • دریافت لیست نویسندگان از API پشتیبان Getting the list of authors from the back end API

  • پر کردن انتخاب در مؤلفه BookEdit Vue با JSON از قسمت پشتی Populating the select in our BookEdit Vue component with JSON from the back end

  • نوشتن کنترل کننده EditBook Writing the EditBook handler

  • در حال تلاش برای قرار دادن یک کتاب در قسمت جلویی Trying out inserting a book on the front end

  • ویرایش یک کتاب Editing a book

  • حذف یک کتاب Deleting a book

راه اندازی کاتالوگ کتاب ها Setting up the Books Catalogue

  • افزودن جداول پایگاه داده برای کتاب ها، نویسندگان و ژانرها Adding database tables for Books, Authors, and Genres

  • درج داده ها و بررسی کد جدید Inserting data, and reviewing the new code

  • شروع با فهرست کردن همه کتاب ها Getting started with listing all books

  • شروع به نمایش کتاب ها در قسمت جلویی Getting started displaying books on the front end

  • اضافه کردن ژانرها به کتاب ها و فیلتر کردن بر اساس ژانر Adding genres to the books and filtering by genre

  • بهبود فیلتر ما با افزودن یک TransitionGroup Improving our filter by adding a TransitionGroup

  • نمایش کتاب های جداگانه Displaying individual books

  • ذخیره وضعیت مؤلفه Books Saving the state of the Books component

  • فهرست کردن همه کتاب ها برای مدیران Listing all books for adminstrators

  • ساده کردن اجزای ذخیره شده در حافظه پنهان یا زنده نگه داشتن آنها Simplifying which components are cached, or kept alive

  • افزودن کتاب - قسمت اول Adding a book - part one

  • افزودن کتاب - قسمت دوم Adding a book - part two

  • افزودن کتاب - قسمت 3 Adding a book - part 3

  • دریافت لیست نویسندگان از API پشتیبان Getting the list of authors from the back end API

  • پر کردن انتخاب در مؤلفه BookEdit Vue با JSON از قسمت پشتی Populating the select in our BookEdit Vue component with JSON from the back end

  • نوشتن کنترل کننده EditBook Writing the EditBook handler

  • در حال تلاش برای قرار دادن یک کتاب در قسمت جلویی Trying out inserting a book on the front end

  • ویرایش یک کتاب Editing a book

  • حذف یک کتاب Deleting a book

تست Back End Testing the Back End

  • راه اندازی محیط تست Setting up the test environment

  • مسیرهای تست Testing Routes

  • کنترل کننده های تست Testing Handlers

  • تست readJSON و writeJSON Testing readJSON and writeJSON

  • خطای تست JSON Testing errorJSON

  • در حال بهبود تست خطای JSON ما Improving our errorJSON test

  • تست یکپارچه سازی Integration testing

تست Back End Testing the Back End

  • راه اندازی محیط تست Setting up the test environment

  • مسیرهای تست Testing Routes

  • کنترل کننده های تست Testing Handlers

  • تست readJSON و writeJSON Testing readJSON and writeJSON

  • خطای تست JSON Testing errorJSON

  • در حال بهبود تست خطای JSON ما Improving our errorJSON test

  • تست یکپارچه سازی Integration testing

با استفاده از Composition API Using the Composition API

  • Composition API چیست؟ What is the Composition API

  • تبدیل مؤلفه Books به استفاده از Composition API Converting the Books component to use the Composition API

  • تبدیل مؤلفه Book به Composition API Converting the Book component to the Composition API

  • تبدیل مولفه Login برای استفاده از Composition API Converting the Login component to use the Composition API

با استفاده از Composition API Using the Composition API

  • Composition API چیست؟ What is the Composition API

  • تبدیل مؤلفه Books به استفاده از Composition API Converting the Books component to use the Composition API

  • تبدیل مؤلفه Book به Composition API Converting the Book component to the Composition API

  • تبدیل مولفه Login برای استفاده از Composition API Converting the Login component to use the Composition API

زنده کردن سایت Making the Site Live

  • به روز رسانی وابستگی ها Updating dependencies

  • به روز رسانی env Updating the .env

  • اجرای npm run build برای دریافت نسخه تولیدی پروژه ما Running npm run build to get the production version of our project

  • چرخاندن یک تصویر داکر با ساخت تولید ما Spinning up a docker image with our production build

زنده کردن سایت Making the Site Live

  • به روز رسانی وابستگی ها Updating dependencies

  • به روز رسانی env Updating the .env

  • اجرای npm run build برای دریافت نسخه تولیدی پروژه ما Running npm run build to get the production version of our project

  • چرخاندن یک تصویر داکر با ساخت تولید ما Spinning up a docker image with our production build

نظرات و پیشنهادات نهایی Final thoughts and suggestions

  • از اینجا به کجا برویم Where to go from here

نظرات و پیشنهادات نهایی Final thoughts and suggestions

  • از اینجا به کجا برویم Where to go from here

نمایش نظرات

آموزش کار با Vue 3 and Go (Golang)
جزییات دوره
15 hours
152
Udemy (یودمی) Udemy (یودمی)
(آخرین آپدیت)
1,772
4.6 از 5
دارد
دارد
دارد
Trevor Sawler
جهت دریافت آخرین اخبار و آپدیت ها در کانال تلگرام عضو شوید.

Google Chrome Browser

Internet Download Manager

Pot Player

Winrar