آموزش جاوا اسکریپت و Ruby on Rails با React، Angular و Vue

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

معرفی Introduction

• معرفی Introduction

• بررسی اجمالی کار دوره Course Work Overview

• مروری بر توسعه Development Overview

• مهم - به روز رسانی دوره - از دست ندهید! IMPORTANT - Course updates - don't skip!

مقدمه ای بر جاوا اسکریپت Introduction to JavaScript

• مقدمه ای بر مرور کلی جاوا اسکریپت Introduction to JavaScript Overview

• جاوا اسکریپت چیست؟ What is JavaScript?

• محیط توسعه Development Environment

• متغیرها Variables

• تمرین کدگذاری متغیرها Variables Coding Exercise

• متغیرها - Let و Const Variables - Let and Const

• تمرین کدگذاری Let and Const Let and Const Coding Exercise

• عملیات اساسی Basic Operations

• تمرین کدگذاری عملیات پایه Basic Operations Coding Exercise

• تکرار و ریاضی Iteration and Math

• تمرین تکرار و کدگذاری ریاضی Iteration and Math Coding Exercise

• الحاق رشته و درون یابی String Concatenation and Interpolation

• تمرین الحاق رشته و درون یابی String Concatenation and Interpolation Exercise

• اگر و برابری If and Equality

• اعداد مناسب را برگردانید Return the right numbers

• کارکرد Functions

• تمرین کدگذاری توابع Functions Coding Exercise

• بیانیه های بازگشت تابع Function Return Statements

• پیام درست را برگردانید Return the right message

• اشیاء Objects

• کلاس تمدید شد Class Extends

• این ملک The this Property

• پرنده را به پرواز درآور Make the bird fly

• ماژول ها و نیازمندی ها Modules and Require

• ماژول واردات و صادرات Module imports and exports

• سند The Document

• گردانندگان رویداد Event Handlers

• پیام را تغییر دهید Change the message

• جستجوگر قدرت رمز عبور - مقدمه Password Strength Checker - Introduction

• جستجوگر قدرت رمز عبور - افزودن جاوا اسکریپت Password Strength Checker - Adding JavaScript

• جستجوگر قدرت رمز عبور - اضافه کردن قوانین Password Strength Checker - Adding Rules

• جستجوگر قدرت رمز عبور - پروژه تکمیل شده Password Strength Checker - The Completed Project

• جستجوگر قدرت رمز عبور - مخزن کد Password Strength Checker - Code Repository

کورس تصادف Ruby on Rails Ruby on Rails crash course

• Ruby on Rails - مقدمه ای بر بخش Ruby on Rails - Introduction to the section

• پیش نمایش پروژه برای برنامه وب ساخته شده با Ruby on Rails Project preview for web app built with Ruby on Rails

• نصب محلی: نصب Ruby on Rails در مک (اختیاری) Local Installation: Install Ruby on Rails on a Mac (Optional)

• نصب محلی: Ruby on Rails را در ویندوز نصب کنید (اختیاری) Local Installation: Install Ruby on Rails on Windows (Optional)

• سخنرانی متنی بعدی نصب Installation follow-up text lecture

• برنامه rails جدید را راه اندازی کنید، سرور را اجرا کنید - نمونه محلی و ابر-IDE Start new rails app, run server - both local and cloud-IDE example

• ساختار برنامه، MVC و مسیر ریشه App structure, MVC and root route

• قراردادهای نامگذاری - قرارداد بیش از پیکربندی Naming conventions - Convention over configuration

• خلاصه: برنامه جدید، نمای کلی ساختار و IDE Summary: New app, structure overview and IDE

• اضافه کردن مسیرها Add routes

• فایل layout و erb را کاوش کنید Explore the layout file and erb

• استایل کردن برنامه را شروع کنید Start styling the app

• چارچوب و ناوبری جلویی را اضافه کنید Add front-end framework and navigation

• یک پاورقی چسبناک ایجاد کنید Create a sticky footer

• ویژگی کشویی و منوی همبرگر را اضافه کنید Add dropdown feature and hamburger menu

• کار بر روی نمای طرح بندی محتوا - دوره ها Work on the content layout view - Courses

• CRUD از منبع back-end و دوره ها CRUD from the back-end and courses resource

• نمایش جلویی و اعتبارسنجی Front-end display and validations

• نحوه استفاده از جزئی را یاد بگیرید Learn how to use partials

• منبع دانش آموزان ایجاد کنید Create students resource

• ایجاد منبع دانش‌آموز - دستورالعمل‌ها و منابع بعدی متنی Create students resource - Text follow-up instructions and resources

• نمایه دانش آموزان Students index

• یک فرم دانشجویی جدید ایجاد کنید Create a new student form

• دانش آموزان ایجاد کنید و با خطاها کار کنید Create students and work with errors

• پیام های فلش و خطاها را اضافه کنید Add flash messages and errors

• صفحه نمایش دانش آموز Student show page

• ویرایش عملکرد دانش آموز Edit student functionality

• کد خود را خشک کنید - موارد اضافی را استخراج کنید DRY your code - extract redundancies

• رمز عبور امن اضافه کنید Add secure password

• برای پذیرش گذرواژه‌ها و تغییر استایل، فرم‌ها را به‌روزرسانی کنید Update forms to accept passwords and modify styling

• سیستم احراز هویت - ساخت مسیرها و فرم Authentication system - build routes and form

• ایجاد و از بین بردن جلسات - اضافه کردن روش های احراز هویت Create and destroy sessions - add auth methods

• اعمال، نماها را محدود کنید و طرح‌بندی را پاک کنید Restrict actions, views and clean up layout

• معرفی بسیاری از انجمن ها Introduction to many to many associations

• ایجاد ارتباط از کنسول ریل Create association from rails console

• پیوندها را از front-end اضافه کنید Add associations from front-end

مقدمه ای برای React - ToDo App Introduction to React - ToDo App

• React Basics React Basics

• React Basics - دستورالعمل های متنی React Basics - Text Instructions

• راه اندازی React App - HTML Setup React App - HTML

• راه اندازی React App - HTML - Text Instructions Setup React App - HTML - Text Instructions

• راه اندازی React App - JavaScript Setup React App - JavaScript

• راه اندازی React App - JavaScript - Text Instructions Setup React App - JavaScript - Text Instructions

• اختیاری - از کد خود در GitHub نسخه پشتیبان تهیه کنید Optional - Backup Your Code to GitHub

• کامپوننت Todo را ایجاد کنید Create Todo Component

• ایجاد مؤلفه Todo - دستورالعمل های متنی Create Todo Component - Text Instructions

• ایجاد مؤلفه Todo ادامه دارد Create Todo Component Continued

• ایجاد مؤلفه Todo ادامه دارد - دستورالعمل های متنی Create Todo Component Continued - Text Instructions

• React Component State React Component State

• React Component State - دستورالعمل های متنی React Component State - Text Instructions

• React Event Handlers React Event Handlers

• React Event Handlers - دستورالعمل های متنی React Event Handlers - Text Instructions

• React Handle Change React Handle Change

• React Handle Change - دستورالعمل های متنی React Handle Change - Text Instructions

• جزء TodoList TodoList Component

• جزء TodoList - دستورالعمل های متنی TodoList Component - Text Instructions

• کار جدید New Todo

• کار جدید - دستورالعمل های متنی New Todo - Text Instructions

• مدل دادن به Todolist Styling the Todolist

• Styling Todolist - دستورالعمل های متنی Styling the Todolist - Text Instructions

Node.js Introduction - Todo App REST API Node.js Introduction - Todo App REST API

• مقدمه ای بر REST Introduction to REST

• مقدمه ای بر REST - دستورالعمل های متنی Introduction to REST - Text Instructions

• Node.js Hello World Node.js Hello World

• Node.js Hello World - دستورالعمل های متنی Node.js Hello World - Text Instructions

• Node.js REST API Node.js REST API

• Node.js REST API - دستورالعمل های متنی Node.js REST API - Text Instructions

• Node.js REST API ادامه دارد Node.js REST API Continued

• Node.js REST API ادامه دارد - دستورالعمل های متنی Node.js REST API Continued - Text Instructions

• Todo API ایجاد کنید Create Todo API

• ایجاد Todo API - دستورالعمل های متنی Create Todo API - Text Instructions

• تست Create Todo API Testing the Create Todo API

• تست Create Todo API - دستورالعمل های متنی Testing the Create Todo API - Text Instructions

• Todo API را به روز کنید Update Todo API

• به روز رسانی Todo API - دستورالعمل های متنی Update Todo API - Text Instructions

ادغام برنامه React Todo با Node.js REST API Integrating React Todo App with Node.js REST API

• بررسی اجمالی Overview

• نمای کلی - دستورالعمل های متنی Overview - Text Instructions

• یکپارچه سازی TodoList Integrating TodoList

• یکپارچه سازی TodoList - دستورالعمل های متنی Integrating TodoList - Text Instructions

• در حال اتصال Create Todo Call Connecting the Create Todo Call

• اتصال ایجاد تماس Todo - دستورالعمل های متنی Connecting the Create Todo Call - Text Instructions

• برنامه React را از برنامه Node.js ارائه دهید Serve the React App from the Node.js App

• برنامه React را از برنامه Node.js - دستورالعمل های متنی ارائه دهید Serve the React App from the Node.js App - Text Instructions

• برنامه Todo را در Heroku مستقر کنید Deploy the Todo App to Heroku

• استقرار برنامه Todo در Heroku - دستورالعمل های متنی Deploy the Todo App to Heroku - Text Instructions

• کد منبع و لینک های مفید Source Code and Helpful Links

• به زودی - احراز هویت! Coming Soon - Authentication!

با ریل واکنش نشان دهید React with Rails

• اصول ریل Rails Basics

• اطلاعات مخزن GitHub - لطفا قبل از شروع مطالعه کنید! GitHub Repository Information - Please read before starting!

• واکنش - مقدمه React - Introduction

• شروع کار با بلاگ آلفا Getting Started with Alpha Blog

• شروع به کار با بلاگ آلفا - مسیرهای متنی و کد Getting Started with Alpha Blog - Text Directions and Code

• نصب Webpacker و React Installing Webpacker and React

• نصب Webpacker و React - مسیرهای متن و کد Installing Webpacker and React - Text Directions and Code

• React on Rails Intro React on Rails Intro

• React-Rails و Pushing به GitHub React-Rails and Pushing to GitHub

• React-Rails and Pushing to GitHub - مسیرها و کدهای متنی React-Rails and Pushing to GitHub - Text Directions and Code

• Webpacker، React و Yarn - Layout and Configuration Webpacker, React, and Yarn - Layout and Configuration

• React را امتحان کنید Try React

React With Rails - The Article Component React With Rails - The Article Component

• واکنش نشان دهید - چگونه کار می کند React - How It Works

• شروع مولفه مقاله Starting the Article Component

• شروع مولفه مقاله - جهت های متن و کد Starting the Article Component - Text Directions and Code

• کامپوننت مقاله ادامه یافت Article Component continued

• کامپوننت مقاله ادامه یافت - دستورالعمل ها و کدهای متنی Article Component continued - Text Directions and Code

• کامپوننت پایان مقاله Finishing Article Component

• کامپوننت پایان مقاله - جهت های متن و کد Finishing Article Component - Text Directions and Code

• بررسی ساخت اجزای مقاله Reviewing the Article Component Build

• اضافه کردن یک مؤلفه مهر زمانی Adding a Timestamp Component

• اضافه کردن یک مؤلفه مهر زمانی - جهت های متن و کد Adding a Timestamp Component - Text Directions and Code

• مؤلفه مهر زمانی ادامه یافت Timestamp Component continued

• مؤلفه مهر زمانی ادامه یافت - مسیرهای نوشتاری و کد Timestamp Component continued - Text Directions and Code

• بررسی مؤلفه Timestamp Timestamp Component Review

• React Component Life Cycle - ComponentDidMount React Component LifeCycle - ComponentDidMount

• React Component Life Cycle - Component DidMount - مسیرهای متنی و کد React Component LifeCycle - Component DidMount - Text Directions and Code

• React Component Life Cycle - ComponentDidUnmount React Component LifeCycle - ComponentDidUnmount

• React Component Life Cycle - ComponentDidUnmount - مسیرهای متنی و کد React Component LifeCycle - ComponentDidUnmount - Text Directions and Code

• بررسی اجزای React React Components Review

واکنش با ریل - جزء Colorpicker React with Rails - The Colorpicker Component

• معرفی مؤلفه Colorpicker Colorpicker Component Introduction

• معرفی مؤلفه Colorpicker - جهت های متن و کد Colorpicker Component Introduction - Text Directions and Code

• ایجاد Colorpicker Creating the Colorpicker

• ایجاد Colorpicker - جهت های متن و کد Creating the Colorpicker - Text Directions and Code

• بررسی مدل ریل Rails Model Review

• افزودن رنگ به کاربران Adding Color to Users

• افزودن رنگ به کاربران - مسیرهای متن و کد Adding Color to Users - Text Directions and Code

• افزودن Colorpicker به فرم Adding Colorpicker to the Form

• افزودن Colorpicker به فرم - جهت های متن و کد Adding Colorpicker to the Form - Text Directions and Code

• ایجاد Colorpicker Constructor Creating the Colorpicker Constructor

• ایجاد Colorpicker Constructor - جهت های متن و کد Creating the Colorpicker Constructor - Text Directions and Code

• Colorpicker Quiz Colorpicker Quiz

• تابع handleChange The handleChange Function

• تابع handleChange - جهت های متن و کد The handleChange Function - Text Directions and Code

• بهبود عملکرد handleChange Improving the handleChange Function

• بهبود عملکرد handleChange - جهت های متن و کد Improving the handleChange Function - Text Directions and Code

• سیم کشی کامپوننت به فیلد فرم Wiring the Component to the Form Field

• سیم کشی کامپوننت به فیلد فرم - جهت های متن و کد Wiring the Component to the Form Field - Text Directions and Code

• Colorpicker Quiz 2 Colorpicker Quiz 2

• به روز رسانی برنامه برای استفاده از رنگ ترجیحی Updating the App to Use Preferred Color

• به روز رسانی برنامه برای استفاده از رنگ ترجیحی - جهت های نوشتاری و کد Updating the App to Use Preferred Color - Text Directions and Code

• تمیز کردن و خوب بودن Cleaning Up and Nice to Haves

• تمیز کردن و خوب بودن - دستورالعمل ها و کدهای متنی Cleaning Up and Nice to Haves - Text Directions and Code

• بررسی و خلاصه Review and Summary

• واکنش - تکلیف React - Assignment

Angular with Rails - نمونه کارها من Angular with Rails - My Portfolio

• مقدمه ای بر Finance Tracker Introduction to Finance Tracker

• مقدمه ای بر Finance Tracker - مسیرها و کدهای متنی Introduction to Finance Tracker - Text Directions and Code

• به‌روزرسانی‌های ردیاب مالی (لطفا بخوانید - مهم!) Finance Tracker Updates (Please Read - Important!)

• بررسی اجمالی برنامه Application Overview

• شی مناسب را پیدا کنید Find the right object

• افزودن AngularJS به برنامه Adding AngularJS to the App

• افزودن AngularJS به برنامه - مسیرهای متنی و کد Adding AngularJS to the App - Text Directions and Code

• راه اندازی اپلیکیشن Angular Starting the Angular App

• راه‌اندازی برنامه Angular - مسیرهای متن و کد Starting the Angular App - Text Directions and Code

• ایجاد Repo و فشار دادن به GitHub Creating the Repo and Pushing to GitHub

• ایجاد مخزن و فشار دادن به GitHub - مسیرها و کدهای متنی Creating the Repo and Pushing to GitHub - Text Directions and Code

• شروع به تغییر جستجوی سهام Starting to Change Stock Lookup

• مفاهیم زاویه ای Angular concepts

• راه اندازی کنترل کننده سهام Setting Up Stocks Controller

• راه اندازی StocksController - مسیرهای متنی و کد Setting Up StocksController - Text Directions and Code

• تغییر فرم به HTML ساده Changing the Form to Plain HTML

• تغییر فرم به HTML ساده - جهت های متن و کد Changing the Form to Plain HTML - Text Directions and Code

• تابع جستجو The Lookup Function

• تابع جستجو - جهت های متن و کد The Lookup Function - Text Directions and Code

• اتصال نتایج به تابع جستجو Binding the Results to the Lookup Function

• اتصال نتایج به تابع جستجو - مسیرهای متن و کد Binding the Results to the Lookup Function - Text Directions and Code

• مفاهیم زاویه ای 2 Angular concepts 2

• تغییر نتایج جزئی از Rails به Angular Changing the Results Partial from Rails to Angular

• تغییر نتایج جزئی از Rails به Angular - جهت های متن و کد Changing the Results Partial from Rails to Angular - Text Directions and Code

• انتقال نتایج جزئی به مجموعه من Moving the Results Partial Back into My Portfolio

• بازگشت جزئی نتایج به نمونه کارها - مسیرهای متنی و کد Moving the Results Partial Back into My Portfolio - Text Directions and Code

• تبدیل Rails Controller به API Turning the Rails Controller into an API

• تبدیل کنترلر Rails به یک API - مسیرهای متن و کد Turning the Rails Controller into an API - Text Directions and Code

• مروری بر تغییرات مدل ها Overview of Changes to the Models

• بررسی API Rails Rails API Review

• اصلاح مدل سهام Modifying the Stock Model

• اصلاح مدل سهام - جهت های متنی و کد Modifying the Stock Model - Text Directions and Code

• اضافه کردن StockService Adding the StockService

• اضافه کردن StockService - مسیرهای متنی و کد Adding the StockService - Text Directions and Code

• ساختن تابع جستجو Building the Lookup Function

• ساختن تابع جستجو - جهت های متن و کد Building the Lookup Function - Text Directions and Code

• آزمون Angular Service و API Angular Service and API Quiz

• اضافه کردن Error Handling به Lookup Adding Error Handling to Lookup

• افزودن مدیریت خطا به جستجو - مسیرهای متن و کد Adding Error Handling to Lookup - Text Directions and Code

• پاکسازی و نمایش خطا Cleanup and Error Display

• پاکسازی و نمایش خطا - مسیرهای متنی و کد Cleanup and Error Display - Text Directions and Code

• شروع کارکرد افزودن Beginning the Add Functionality

• شروع کارکرد افزودن - مسیرهای متن و کد Beginning the Add Functionality - Text Directions and Code

• مدیریت خطا برای افزودن Error Handling for Add

• مدیریت خطا برای افزودن - مسیرهای متن و کد Error Handling for Add - Text Directions and Code

• آزمون کنترل خطای زاویه ای و افزودن عملکرد Angular Error Handling and Add Functionality Quiz

• تبدیل UserStock Controller Add Action به API Converting the UserStock Controller Add Action to API

• تبدیل UserStock Controller Add Action به API - Text Directions and Code Converting the UserStock Controller Add Action to API - Text Directions and Code

• تکمیل عملکرد افزودن و عیب یابی یک اشکال Finishing the Add Functionality and Troubleshooting a Bug

• تکمیل عملکرد افزودن و عیب یابی یک اشکال - متن و کد Finishing the Add Functionality and Troubleshooting a Bug - Text & Code

• پویا کردن نمایش لیست سهام Making the Stock List Display Dynamic

• ایجاد پویایی نمایش لیست سهام - جهت های متنی و کد Making the Stock List Display Dynamic - Text Directions and Code

• حذف پیام های فلش اضافی و بسته بندی Removing Extra Flash Messages and Wrapping Up

• حذف پیام های فلش اضافی و بسته بندی - دستورالعمل ها و کدهای متنی Removing Extra Flash Messages and Wrapping Up - Text Directions and Code

• امتحان بررسی نمونه کارها من My Portfolio Review Quiz

Angular with Rails - دوستان من Angular with Rails - My Friends

• نمای کلی از ویژگی Friendships Back End Overview of Friendships Feature Back End

• Friendships Front End and Starting Conversion به Angular Friendships Front End and Starting Conversion to Angular

• Friendships Front End and Starting Conversion به Angular - Text & Code Friendships Front End and Starting Conversion to Angular - Text & Code

• تغییر فرم جستجو به Angular Changing Lookup Form to Angular

• تغییر فرم جستجو به Angular - مسیرهای متن و کد Changing Lookup Form to Angular - Text Directions and Code

• افزودن کنترلر و سرویس Friend Lookup Angular Adding Friend Lookup Angular Controller and Service

• افزودن کنترلر و سرویس Friend Lookup Angular - مسیرهای متن و کد Adding Friend Lookup Angular Controller and Service - Text Directions and Code

• مسابقه مفاهیم زاویه ای 3 Angular concepts 3 Quiz

• تغییر Friend Lookup Controller به API Changing Friend Lookup Controller to API

• تغییر کنترلر جستجوی دوستان به API - مسیرهای متن و کد Changing Friend Lookup Controller to API - Text Directions and Code

• حذف کد ریل از قسمت جستجو Removing Rails Code from the Lookup Partial

• حذف کد ریل از قسمت جستجو - مسیرها و کدهای متنی Removing Rails Code from the Lookup Partial - Text Directions and Code

• افزودن مسیر پروفایل به API Adding Profile Path to the API

• افزودن مسیر نمایه به API - مسیرهای متنی و کد Adding Profile Path to the API - Text Directions and Code

• مسابقه جستجوی دوستان Friends Lookup Quiz

• ایجاد و استفاده از Friends Already Helper Creating and Using the Friends Already Helper

• ایجاد و استفاده از Friends Already Helper - راهنمای متن و کد Creating and Using the Friends Already Helper - Text Directions and Code

• کنترلر زاویه ای و سرویس برای افزودن دوست Angular Controller and Service for Add Friend

• کنترلر و سرویس زاویه ای برای افزودن دوست - مسیرهای متنی و کد Angular Controller and Service for Add Friend - Text Directions and Code

• اضافه کردن مسابقه دوست Add Friend Quiz

• تغییر کنترل کننده افزودن دوست و نمایش پیام Changing the Add Friend Controller and Message Display

• تغییر کنترلگر افزودن دوست و نمایش پیام - مسیرها و کدهای نوشتاری Changing the Add Friend Controller and Message Display - Text Directions & Code

• فهرست دوستان پویا و بررسی برنامه Dynamic Friends List and App Review

• فهرست دوستان پویا و بررسی برنامه - مسیرهای متنی و کد Dynamic Friends List and App Review - Text Directions and Code

• AngularJS - تکلیف AngularJS - Assignment

برنامه Vue.js Task Manager Vue.js Task Manager App

• معرفی Vue.js و Semantic UI Vue.js and Semantic UI Introduction

• Vue.js و Semantic UI Introduction - دستورالعمل های متنی Vue.js and Semantic UI Introduction - Text Instructions

• افزودن Vue.js به Task Manager Adding Vue.js to the Task Manager

• افزودن Vue.js به Task Manager - دستورالعمل های متنی Adding Vue.js to the Task Manager - Text Instructions

• افزودن کد جاوا اسکریپت Vue app.js Adding the Vue app.js JavaScript Code

• افزودن کد جاوا اسکریپت Vue app.js - دستورالعمل های متنی Adding the Vue app.js JavaScript Code - Text Instructions

• مبانی راه اندازی Setup Basics

• اضافه کردن Semantic UI و Starting Styling Adding Semantic UI and Starting Styling

• افزودن رابط کاربری معنایی و شروع یک استایل - دستورالعمل های متنی Adding Semantic UI and Starting Styling - Text Instructions

• اضافه کردن لوگو و پیام Adding a Logo and Message

• اضافه کردن یک لوگو و پیام - دستورالعمل های متنی Adding a Logo and Message - Text Instructions

• افزودن و نمایش لیست وظایف Adding and Displaying Task List

• افزودن و نمایش لیست وظایف - دستورالعمل های متنی Adding and Displaying Task List - Text Instructions

• افزودن ویژگی های استایل و محاسبه شده بیشتر Adding More Styling and Computed Properties

• افزودن ویژگی های استایل و محاسبه بیشتر - دستورالعمل های متنی Adding More Styling and Computed Properties - Text Instructions

• بررسی مبانی Vue Vue Basics Review

• اضافه کردن یک ظاهر طراحی سفارشی و هدرها Adding Custom Styling and Headers

• اضافه کردن یک ظاهر طراحی سفارشی و هدر - دستورالعمل های متنی Adding Custom Styling and Headers - Text Instructions

• یک ظاهر طراحی با کلاس Vue Bindings Styling with Vue Class Bindings

• یک ظاهر طراحی با کلاس Vue Bindings - دستورالعمل های متنی Styling with Vue Class Bindings - Text Instructions

• شروع مؤلفه وظیفه Starting the Task Component

• شروع مؤلفه وظیفه - دستورالعمل های متنی Starting the Task Component - Text Instructions

• استایل‌سازی مداوم مؤلفه وظیفه Continuing Styling of the Task Component

• استایل‌سازی مداوم مولفه وظیفه - دستورالعمل‌های متنی Continuing Styling of the Task Component - Text Instructions

• شروع عملکرد toggleDone Starting the toggleDone Function

• شروع تابع toggleDone - دستورالعمل های متنی Starting the toggleDone Function - Text Instructions

• ادامه toggleDone و شروع حذف Continuing toggleDone and Starting Delete

• ادامه toggleDone و شروع حذف - دستورالعمل های متنی Continuing toggleDone and Starting Delete - Text Instructions

• اتمام عملکرد حذف Finishing the Delete Function

• اتمام تابع حذف - دستورالعمل های متنی Finishing the Delete Function - Text Instructions

• ساخت فرم ویرایشگر Building the Editor Form

• ساخت فرم ویرایشگر - دستورالعمل های متنی Building the Editor Form - Text Instructions

• افزودن فیلدها و صحافی به فرم Adding Fields and Binding to the Form

• افزودن فیلدها و صحافی به فرم - دستورالعمل های متنی Adding Fields and Binding to the Form - Text Instructions

• ساخت تابع به روز رسانی Building the Update Function

• ساخت تابع به روز رسانی - دستورالعمل های متنی Building the Update Function - Text Instructions

• تنظیم دکمه های ایجاد و جدید Setting Up the Create and New Buttons

• تنظیم دکمه های ایجاد و جدید - دستورالعمل های متنی Setting Up the Create and New Buttons - Text Instructions

• تابع ایجاد وظیفه The Create Task Function

• تابع ایجاد وظیفه - دستورالعمل های متنی The Create Task Function - Text Instructions

• افزودن پیام Adding Messaging

• افزودن پیام - دستورالعمل های متنی Adding Messaging - Text Instructions

• پاکسازی و فشار دادن به Git Cleaning Up and Pushing to Git

• پاک کردن و فشار دادن به Git - دستورالعمل های متنی Cleaning Up and Pushing to Git - Text Instructions

ادغام Vue.js با Rails و REST API Integrating Vue.js with Rails and REST API

• راه اندازی برنامه Rails Starting the Rails App

• راه اندازی برنامه Rails - دستورالعمل های متنی Starting the Rails App - Text Instructions

• راه اندازی برنامه Vue Setting Up the Vue App

• راه اندازی برنامه Vue - دستورالعمل های متنی Setting Up the Vue App - Text Instructions

• ایجاد داربست وظیفه Generating the Task Scaffold

• ایجاد داربست وظیفه - دستورالعمل های متنی Generating the Task Scaffold - Text Instructions

• راه اندازی API Client Setting Up the API Client

• راه اندازی API Client - دستورالعمل های متنی Setting Up the API Client - Text Instructions

• اتصال برنامه به API Connecting App to API

• اتصال برنامه به API - دستورالعمل های متنی Connecting App to API - Text Instructions

• Task API ایجاد کنید Create Task API

• ایجاد Task API - دستورالعمل های متنی Create Task API - Text Instructions

• یکپارچه سازی Task API را به روز کنید Update Task API Integration

• به روز رسانی Task API ادغام - دستورالعمل های متنی Update Task API Integration - Text Instructions

• Task API را حذف کنید Delete Task API

• حذف Task API - دستورالعمل های متنی Delete Task API - Text Instructions

• به روز رسانی toggleDone برای استفاده از API Updating toggleDone to Use the API

• به‌روزرسانی toggleDone برای استفاده از API - دستورالعمل‌های متنی Updating toggleDone to Use the API - Text Instructions

• در حال اعزام به هروکو Deploying to Heroku

• استقرار به Heroku - دستورالعمل های متنی Deploying to Heroku - Text Instructions

خلاصه Summary

• متشکرم Thank You

• ضمیمه A: استقرار در Heroku Appendix A: Deploying to Heroku

• سپاسگزاریها Acknowledgements

دوره سقوط یاقوت Ruby Crash Course

• نصب و راه اندازی Installation

• کار با رشته ها Working with Strings

• کار با اعداد Working with Numbers

• آرایه ها و تکرار کننده ها Arrays and Iterators

• هش Hash

• انشعاب اگر/دیگر Branching if/else

• بیایید با دیکشنری ها و تکرار کننده ها تمرین کنیم Let's practice with dictionaries and iterators

• روش ها و کد DRY Methods and DRY code

• برنامه نویسی شی گرا: کلاس ها Object Oriented Programming: Classes

• برنامه نویسی شی گرا: کلاس 2 Object Oriented Programming: Classes 2