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

JavaScript and Ruby on Rails with React, Angular, and Vue

نکته: آخرین آپدیت رو دریافت میکنید حتی اگر این محتوا بروز نباشد.
نمونه ویدیوها:
توضیحات دوره: برنامه های وب پویا را با Rails و JavaScript، React، Angular، Vue، Yarn، Webpack و Semantic UI به عنوان جلویی بسازید برنامه هایی با قسمت های جلویی پویا و پشتی های جامد بسازید از React JS به عنوان جلویی برای برنامه وب Ruby on Rails خود استفاده کنید. API های REST از AngularJS به عنوان جلویی برای برنامه وب Ruby on Rails خود استفاده می کنند و API های REST از Vue JS به عنوان جلویی برای برنامه وب Ruby on Rails خود یا به عنوان یک برنامه مستقل استفاده می کنند یاد بگیرید چگونه سایر فناوری های جلویی را با Ruby on Rails ترکیب کنید. back-end استفاده از Semantic UI برای طرح و استایل برنامه آموزش برنامه نویسی شی گرا با Ruby Learn Ruby on Rails Framework برای توسعه اپلیکیشن وب آموزش جاوا اسکریپت آموزش Node JS آموزش استفاده از MongoDb با Node JS استفاده از پشته MERN پیش نیازها:بدون تجربه قبلی با هر یک از فناوری های دوره لازم مرورگر مدرن و اتصال به اینترنت آشنایی با وب و فرانت اند کمک خواهد کرد اما لازم نیست

برنامه‌های وب را با جاوا اسکریپت، فریمورک‌های بسیار محبوب React JS، AngularJS، Vue JS و Ruby on Rails 5 بسازید. اینها برترین فناوری‌های وب درخواستی و پردرآمد در جهان امروز هستند. این دوره به شما هر یک از این فناوری ها و نحوه استفاده از آنها را هنگام ساخت برنامه های وب شگفت انگیز آموزش می دهد. برای گذراندن این دوره هیچ تجربه قبلی در هیچ یک از آنها لازم نیست!

در میان بسیاری از ویژگی‌های دیگر، می‌آموزید که چگونه حتی بر پیچیده‌ترین بخش‌های جاوا اسکریپت مسلط شوید و برنامه‌های وب Ruby on Rails را بسازید که با React، AngularJS و Vue.js به‌عنوان قسمت‌های جلویی خود کار می‌کنند، با استفاده از Yarn  Webpack، و با چارچوب های Semantic UI، Bootstap و Materialize استایل بندی شده است.

موارد زیر را نیز یاد خواهید گرفت:

  • نحوه ساخت API برای برنامه‌های تک صفحه جلویی

  • مبانی برنامه نویسی جاوا اسکریپت و پیشرفت به موضوعات پیشرفته را بیاموزید

  • معرفی عمیق با Ruby و ساخت برنامه های وب با Ruby on Rails داشته باشید

  • چگونه ویژگی های موجود را در اختیار بگیرید و آنها را برای کاربران خود جذاب تر کنید

  • شروع با یک برنامه تک صفحه ای مستقل و ادغام آن در یک برنامه وب کامل پشته

  • ارتباط بین قسمت جلویی و انتهایی با استفاده از APIهای REST

  • رویکردهای مختلف برای مدیریت کتابخانه های جلویی در برنامه شما

  • از متخصصان باتجربه صنعت بینش واقعی در مورد توسعه برنامه دریافت کنید

  • برنامه های خود را مستقر کنید و از کد خود در فضای ابری پشتیبان تهیه کنید

اگر خود را در یکی از دسته های زیر می بینید، این دوره برای شما ساخته شده است:

  • هر کسی که به دنبال معرفی جاوا اسکریپت، React، Angular، Vue، Ruby و Ruby on Rails است

  • هر کسی که می خواهد جاوا اسکریپت را برای ساخت برنامه های کاربردی وب و وب سایت های پویا یاد بگیرد

  • توسعه دهندگان پیشرو به دنبال گسترش دانش خود هستند

  • توسعه دهندگانی که به دنبال یادگیری مهارت های ظاهری هستند

  • هرکسی که می‌خواهد یک توسعه‌دهنده برنامه وب باشد و بداند چگونه راه‌حل‌هایی شامل برنامه‌های جلویی و پشتیبان بسازد

  • هر کسی که می خواهد محبوب ترین فریم ورک های فرانت اند را یاد بگیرد - Vue JS، AngularJS و React

  • هر کسی که می خواهد مشتریان خود را با عملکردهای پویا و جذاب هیجان زده کند

  • هر کسی که می خواهد ایده های خود را در وب زنده کند

  • هرکسی که می‌خواهد با افزودن جاوا اسکریپت، روبی، ریل، React، Vue JS و AngularJS به مجموعه مهارت‌های خود، بازارپذیری خود را به سطح بالاتری برساند

با ویدیوی جذاب، آزمون‌های چالش‌برانگیز، توضیحات متنی مفصل همراه با دستورالعمل‌ها و همه کدهای نشان داده شده در ویدیوها، تمرین‌های کدنویسی و منابع اضافی - این دوره مهارت‌هایی را به شما می‌دهد که منتظر آن بودید.


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

معرفی 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

نمایش نظرات

Udemy (یودمی)

یودمی یکی از بزرگ‌ترین پلتفرم‌های آموزشی آنلاین است که به میلیون‌ها کاربر در سراسر جهان امکان دسترسی به دوره‌های متنوع و کاربردی را فراهم می‌کند. این پلتفرم امکان آموزش در زمینه‌های مختلف از فناوری اطلاعات و برنامه‌نویسی گرفته تا زبان‌های خارجی، مدیریت، و هنر را به کاربران ارائه می‌دهد. با استفاده از یودمی، کاربران می‌توانند به صورت انعطاف‌پذیر و بهینه، مهارت‌های جدیدی را یاد بگیرند و خود را برای بازار کار آماده کنند.

یکی از ویژگی‌های برجسته یودمی، کیفیت بالای دوره‌ها و حضور استادان مجرب و با تجربه در هر حوزه است. این امر به کاربران اعتماد می‌دهد که در حال دریافت آموزش از منابع قابل اعتماد و معتبر هستند و می‌توانند به بهترین شکل ممکن از آموزش‌ها بهره ببرند. به طور خلاصه، یودمی به عنوان یکی از معتبرترین و موثرترین پلتفرم‌های آموزشی آنلاین، به افراد امکان می‌دهد تا به راحتی و با کیفیت، مهارت‌های مورد نیاز خود را ارتقا دهند و به دنبال رشد و پیشرفت شغلی خود باشند.

آموزش جاوا اسکریپت و Ruby on Rails با React، Angular و Vue
جزییات دوره
22 hours
302
Udemy (یودمی) Udemy (یودمی)
(آخرین آپدیت)
3,787
4.2 از 5
ندارد
دارد
دارد
جهت دریافت آخرین اخبار و آپدیت ها در کانال تلگرام عضو شوید.

Google Chrome Browser

Internet Download Manager

Pot Player

Winrar

Mashrur Hossain Mashrur Hossain

حرفه ای و کارآفرین فناوری

Evgeny Rahman Evgeny Rahman

معمار نرم افزار حرفه ای