لطفا جهت اطلاع از آخرین دوره ها و اخبار سایت در
کانال تلگرام
عضو شوید.
آموزش کار با 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
نمایش نظرات