آموزش React JS، Angular و Vue JS - شروع سریع و مقایسه

React JS, Angular & Vue JS - Quickstart & Comparison

نکته: آخرین آپدیت رو دریافت میکنید حتی اگر این محتوا بروز نباشد.
نمونه ویدیوها:
توضیحات دوره: Angular (Angular 2+)، React یا Vue؟ یک دوره Crash در هر یک از آنها و یک مقایسه دقیق دریافت کنید! چارچوب جاوا اسکریپت مورد علاقه خود را انتخاب کنید و عمیق تر در آن غوطه ور شوید دنیای جاوا اسکریپت و بسته ها و ابزارهای متعدد آن را بهتر درک کنید برنامه های جاوا اسکریپت خود را به سطح بعدی ببرید چارچوب یا تجربه کتابخانه مورد نیاز است

پس از یادگیری اصول اولیه جاوا اسکریپت، دنیای جاوا اسکریپت می تواند بسیار ترسناک باشد. فریمورک‌های مختلفی مانند Angular، React یا Vue، کتابخانه‌ها و بسته‌های دیگر (مانند webpack) وجود دارد.

به سرعت خواهید دید که این سؤالات را می‌پرسید:

  • همه این بسته‌ها، ابزارها، کتابخانه‌ها و چارچوب‌ها چه کار می‌کنند؟
  • کتابخانه چیست و چه تفاوتی با چارچوب دارد؟
  • کدام چارچوب را باید یاد بگیرید؟ Angular، React.js یا Vue.js؟
  • در مورد jQuery چطور؟

این دوره به شما در این امر کمک می کند!

شما با سه چارچوب مهم جاوا اسکریپت (Angular، React.js و Vue.js) آشنا خواهید شد و همچنین مقایسه دقیقی خواهید داشت! سپس به شما این امکان را می‌دهد که منابع یا دوره‌های دیگری را انتخاب کنید تا در چارچوب انتخابی خود بسیار عمیق فرو بروید، در حالی که از قبل یک پایه محکم دارید.

در طول دوره، به اصول اولیه این چارچوب‌ها می‌پردازیم، اما همچنین نگاهی به این خواهیم داشت که چرا از آنها برای شروع استفاده می‌کنیم. نقش jQuery و تفاوت این چارچوب ها با jQuery نیز مشخص خواهد شد!

کدام چارچوب را باید یاد بگیرید؟

نه تنها به بررسی اصول اولیه سه فریمورک محبوب جاوا اسکریپت می پردازیم، این دوره همچنین مقایسه دقیقی را ارائه خواهد کرد. چند بعد مختلف در نظر گرفته می شود تا بفهمیم کدام چارچوب ممکن است ابزار مناسبی برای شغلی باشد که در دست دارید!

این دوره در این مرحله متوقف نمی شود!

ما همچنین نگاهی به Webpack و "Build Workflows" به طور کلی خواهیم داشت. شما خواهید آموخت که این (و بسته های مربوطه مانند Webpack) چه نقشی دارند و چرا ما به آنها نیاز داریم. همچنین متوجه خواهید شد که ES6 و TypeScript چه نقشی دارند.

در اینجا یک مرور کلی از آنچه به دست خواهید آورد وجود دارد!

  • مقدمه ای بر دنیای جاوا اسکریپت امروزی و مروری فوری بر نقش های مختلف تک تک قطعات
  • یک مثال عملی که به شما نشان می دهد چرا جاوا اسکریپت وانیلی (=بدون هیچ گونه کتابخانه یا چارچوبی) ممکن است تمام چیزی نباشد که شما نیاز دارید
  • نمای کلی چارچوب های جاوا اسکریپت چیست و کجا باید از آنها استفاده کرد
  • معرفی دقیق سه چارچوب جاوا اسکریپت مرتبط تا امروز: Angular (2، 4)، React.js و Vue.js
  • مقدمه ای بر Webpack و چرایی استفاده از آن (و ایجاد گردش کار به طور کلی)
  • مقایسه دقیق سه چارچوب نشان داده شده در این دوره – چه زمانی می توانید کدام را انتخاب کنید؟
  • درک دقیق دنیای جاوا اسکریپت به شکل امروزی

آیا این دوره برای شماست؟

اکنون که آموختید این دوره چه چیزی را ارائه می دهد، بیایید دریابیم که آیا این دوره برای شما مناسب است یا خیر. اگر بتوانید حداقل یکی از سؤالات زیر را با «بله» پاسخ دهید، قطعاً انتخاب درستی است:

  • شما تجربه اولیه جاوا اسکریپت دارید و می خواهید یاد بگیرید که چگونه از کتابخانه ها یا چارچوب ها برای انجام کارهای بیشتر با جاوا اسکریپت استفاده کنید
  • مطمئن نیستید که کدام چارچوب جاوا اسکریپت (frontend) را باید یاد بگیرید
  • شما قبلاً چیزی در مورد چارچوب های جاوا اسکریپت می دانید، اما می خواهید مقدمه ای اساسی با سه مورد از مهمترین آنها داشته باشید
  • شما قبلاً Angular، React.js یا Vue.js را می‌شناسید، اما می‌خواهید یک نمای کلی از دو فریمورک دیگر نیز داشته باشید
  • شما با عبارات متعددی که دنیای جاوا اسکریپت به شما می گوید کاملاً گیج شده اید

بسیار خوشحالم که در این دوره به شما خوش آمد بگویم!


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

شروع شدن Getting Started

  • معرفی Introduction

  • هدف این دوره The Goal of this Course

  • استفاده از جاوا اسکریپت وانیلی و درک محدودیت های آن (3/3) Using Vanilla JavaScript & Understanding Its Limitations (3/3)

  • کتابخانه های جاوا اسکریپت بیشتر: اضافه کردن Lodash More JavaScript Libraries: Adding Lodash

  • کتابخانه ها در مقابل چارچوب ها Libraries vs Frameworks

  • سایر بخش‌های دنیای جاوا اسکریپت را درک کنید Understand other Parts of the JavaScript World

  • کجا می توان کد منبع دوره را پیدا کرد Where to Find the Course Source Code

  • منابع ماژول Module Resources

شروع شدن Getting Started

  • معرفی Introduction

  • هدف این دوره The Goal of this Course

  • آشنایی با نقش جاوا اسکریپت Understanding the Role of JavaScript

  • آشنایی با نقش جاوا اسکریپت Understanding the Role of JavaScript

  • دنیای جاوا اسکریپت The World of JavaScript

  • دنیای جاوا اسکریپت The World of JavaScript

  • به انجمن آموزش آنلاین ما بپیوندید Join our Online Learning Community

  • به انجمن آموزش آنلاین ما بپیوندید Join our Online Learning Community

  • استفاده از جاوا اسکریپت وانیلی و درک محدودیت های آن (1/3) Using Vanilla JavaScript & Understanding Its Limitations (1/3)

  • استفاده از جاوا اسکریپت وانیلی و درک محدودیت های آن (1/3) Using Vanilla JavaScript & Understanding Its Limitations (1/3)

  • استفاده از جاوا اسکریپت وانیلی و درک محدودیت های آن (2/3) Using Vanilla JavaScript & Understanding Its Limitations (2/3)

  • استفاده از جاوا اسکریپت وانیلی و درک محدودیت های آن (2/3) Using Vanilla JavaScript & Understanding Its Limitations (2/3)

  • استفاده از جاوا اسکریپت وانیلی و درک محدودیت های آن (3/3) Using Vanilla JavaScript & Understanding Its Limitations (3/3)

  • تجزیه و تحلیل راه حل جاوا اسکریپت Vanilla Analyzing the Vanilla JavaScript Solution

  • تجزیه و تحلیل راه حل جاوا اسکریپت Vanilla Analyzing the Vanilla JavaScript Solution

  • بهبود برنامه با جی کوئری Improving the App with jQuery

  • بهبود برنامه با جی کوئری Improving the App with jQuery

  • کتابخانه های جاوا اسکریپت بیشتر: اضافه کردن Lodash More JavaScript Libraries: Adding Lodash

  • نقش کتابخانه های جاوا اسکریپت The Role of JavaScript Libraries

  • نقش کتابخانه های جاوا اسکریپت The Role of JavaScript Libraries

  • کتابخانه ها در مقابل چارچوب ها Libraries vs Frameworks

  • استفاده از Vue.js (یک چارچوب جاوا اسکریپت) Using Vue.js (A JavaScript Framework)

  • استفاده از Vue.js (یک چارچوب جاوا اسکریپت) Using Vue.js (A JavaScript Framework)

  • سایر بخش‌های دنیای جاوا اسکریپت را درک کنید Understand other Parts of the JavaScript World

  • نسخه ها و زبان های جاوا اسکریپت - ES6 و TypeScript JavaScript Versions and Languages - ES6 and TypeScript

  • نسخه ها و زبان های جاوا اسکریپت - ES6 و TypeScript JavaScript Versions and Languages - ES6 and TypeScript

  • ساختار دوره Course Structure

  • ساختار دوره Course Structure

  • کجا می توان کد منبع دوره را پیدا کرد Where to Find the Course Source Code

  • منابع ماژول Module Resources

درک کلی چارچوب های جاوا اسکریپت Understanding JavaScript Frameworks in General

  • معرفی ماژول Module Introduction

  • JS Frameworks در برنامه های Fullstack JS Frameworks in Fullstack Applications

  • چارچوب های JS در برنامه های تک صفحه ای JS Frameworks in Single-Page-Applications

  • مثالی برای چارچوبی که یک برنامه تک صفحه ای را اجرا می کند An Example for a Framework running a Single-Page-Application

  • منابع ماژول Module Resources

درک کلی چارچوب های جاوا اسکریپت Understanding JavaScript Frameworks in General

  • معرفی ماژول Module Introduction

  • JS Frameworks در برنامه های Fullstack JS Frameworks in Fullstack Applications

  • چارچوب های JS در برنامه های تک صفحه ای JS Frameworks in Single-Page-Applications

  • مثالی برای یک چارچوب در یک برنامه Fullstack An Example for a Framework in a Fullstack Application

  • مثالی برای یک چارچوب در یک برنامه Fullstack An Example for a Framework in a Fullstack Application

  • مثالی برای چارچوبی که یک برنامه تک صفحه ای را اجرا می کند An Example for a Framework running a Single-Page-Application

  • رویکرد Fullstack - مزایا و معایب Fullstack Approach - Pros and Cons

  • رویکرد Fullstack - مزایا و معایب Fullstack Approach - Pros and Cons

  • برنامه تک صفحه ای - مزایا و معایب Single-Page-Application - Pros and Cons

  • برنامه تک صفحه ای - مزایا و معایب Single-Page-Application - Pros and Cons

  • پیش نیازهای چارچوب های مختلف JS Prerequisites for the Different JS Frameworks

  • پیش نیازهای چارچوب های مختلف JS Prerequisites for the Different JS Frameworks

  • منابع ماژول Module Resources

Vue.js - یک مقدمه Vue.js - An Introduction

  • معرفی ماژول Module Introduction

  • مدیریت رویدادها و به روز رسانی DOM Handling Events and Updating the DOM

  • ارائه محتوا به صورت مشروط Rendering Content Conditionally

  • خروجی لیست ها Outputting Lists

  • عناصر یک ظاهر پویا Styling Elements Dynamically

  • تنظیم کلاس های CSS به صورت پویا Setting CSS Classes Dynamically

  • محدودیت های چند نمونه Vue Limitations of Multiple Vue Instances

  • اتصال دو طرفه به فیلدهای ورودی Two-Way-Binding to Input Fields

  • چرا به Node.js و NPM نیاز داریم؟ Why do we need Node.js and NPM?

  • آشنایی با پوشه پروژه Understanding the Project Folder

  • چگونه برنامه ارائه می شود How the Application Gets Rendered

  • سبک های محدوده به مولفه ها Scoping Styles to Components

  • پیوند با روتر-لینک Linking with router-link

  • بسته شدن Wrap Up

  • منابع ماژول و منابع بیشتر Module Resources & Further Resources

Vue.js - یک مقدمه Vue.js - An Introduction

  • معرفی ماژول Module Introduction

  • ایجاد یک برنامه پایه Vue.js Creating a Basic Vue.js Application

  • ایجاد یک برنامه پایه Vue.js Creating a Basic Vue.js Application

  • به طور خلاصه: Vue.js چگونه کار می کند In a Nutshell: How Vue.js Works

  • به طور خلاصه: Vue.js چگونه کار می کند In a Nutshell: How Vue.js Works

  • مدیریت رویدادها و به روز رسانی DOM Handling Events and Updating the DOM

  • مدیریت رویدادها و به روز رسانی DOM Handling Events and Updating the DOM

  • ارائه محتوا به صورت مشروط Rendering Content Conditionally

  • خروجی لیست ها Outputting Lists

  • خروجی لیست ها Outputting Lists

  • اتصال ویژگی ها و ویژگی های HTML به داده ها Binding HTML Attributes & Properties to Data

  • اتصال ویژگی ها و ویژگی های HTML به داده ها Binding HTML Attributes & Properties to Data

  • عناصر یک ظاهر پویا Styling Elements Dynamically

  • تنظیم کلاس های CSS به صورت پویا Setting CSS Classes Dynamically

  • تنظیم کلاس های CSS به صورت پویا Setting CSS Classes Dynamically

  • استفاده از Shorthands برای v-bind و v-on Using Shorthands for v-bind and v-on

  • استفاده از Shorthands برای v-bind و v-on Using Shorthands for v-bind and v-on

  • استفاده از چندین نمونه Vue Using Multiple Vue Instances

  • استفاده از چندین نمونه Vue Using Multiple Vue Instances

  • محدودیت های چند نمونه Vue Limitations of Multiple Vue Instances

  • ایجاد و استفاده از کامپوننت ها Creating and Using Components

  • ایجاد و استفاده از کامپوننت ها Creating and Using Components

  • انتقال داده ها به کامپوننت ها Passing Data into Components

  • انتقال داده ها به کامپوننت ها Passing Data into Components

  • انتشار رویدادهای سفارشی در کامپوننت ها Emitting Custom Events in Components

  • انتشار رویدادهای سفارشی در کامپوننت ها Emitting Custom Events in Components

  • محدودیت های قالب Template Restrictions

  • محدودیت های قالب Template Restrictions

  • اتصال دو طرفه به فیلدهای ورودی Two-Way-Binding to Input Fields

  • زمان تمرین - Vue.js - مشکل Time to Practice - Vue.js - Problem

  • زمان تمرین - Vue.js - مشکل Time to Practice - Vue.js - Problem

  • زمان تمرین - Vue.js - راه حل Time to Practice - Vue.js - Solution

  • زمان تمرین - Vue.js - راه حل Time to Practice - Vue.js - Solution

  • ایجاد پروژه های Vue.js با Vue CLI Creating Vue.js Projects with the Vue CLI

  • ایجاد پروژه های Vue.js با Vue CLI Creating Vue.js Projects with the Vue CLI

  • چرا به Node.js و NPM نیاز داریم؟ Why do we need Node.js and NPM?

  • استفاده از Vue CLI برای ایجاد پروژه ها Using the Vue CLI to Create Projects

  • استفاده از Vue CLI برای ایجاد پروژه ها Using the Vue CLI to Create Projects

  • آشنایی با پوشه پروژه Understanding the Project Folder

  • درک فایل های .vue Understanding .vue Files

  • درک فایل های .vue Understanding .vue Files

  • چگونه برنامه ارائه می شود How the Application Gets Rendered

  • ایجاد اجزای جهانی با فایل‌های vue Creating Global Components with .vue Files

  • ایجاد اجزای جهانی با فایل‌های vue Creating Global Components with .vue Files

  • ایجاد مولفه های محلی Creating Local Components

  • ایجاد مولفه های محلی Creating Local Components

  • سبک های محدوده به مولفه ها Scoping Styles to Components

  • ایجاد یک اپلیکیشن تک صفحه ای (SPA) Creating a Single Page Application (SPA)

  • ایجاد یک اپلیکیشن تک صفحه ای (SPA) Creating a Single Page Application (SPA)

  • اضافه کردن مسیریابی به برنامه Adding Routing to the Application

  • اضافه کردن مسیریابی به برنامه Adding Routing to the Application

  • پیوند با روتر-لینک Linking with router-link

  • مسیریابی و سمت سرور Routing and the Server-Side

  • مسیریابی و سمت سرور Routing and the Server-Side

  • بسته شدن Wrap Up

  • منابع ماژول و منابع بیشتر Module Resources & Further Resources

درک گردش کار و بسته وب Understanding Workflows & Webpack

  • معرفی ماژول Module Introduction

  • تصویر بزرگ The Big Picture

  • نقش Node.js و NPM The Role of Node.js and NPM

درک گردش کار و بسته وب Understanding Workflows & Webpack

  • معرفی ماژول Module Introduction

  • معرفی ماژول Module Introduction

  • تصویر بزرگ The Big Picture

  • نقش Node.js و NPM The Role of Node.js and NPM

  • چرا به سرور توسعه نیاز داریم؟ Why do we need a Development Server?

  • چرا به سرور توسعه نیاز داریم؟ Why do we need a Development Server?

  • چگونه Webpack کار می کند: ورودی و خروجی How Webpack Works: Entry & Output

  • چگونه Webpack کار می کند: ورودی و خروجی How Webpack Works: Entry & Output

  • Webpack چگونه کار می کند: ماژول ها، قوانین و پلاگین ها How Webpack Works: Modules, Rules & Plugins

  • Webpack چگونه کار می کند: ماژول ها، قوانین و پلاگین ها How Webpack Works: Modules, Rules & Plugins

  • بسته شدن Wrap Up

React.js - مقدمه React.js - An Introduction

  • معرفی ماژول Module Introduction

  • درک نحوه عملکرد React.js و JSX Understanding How React.js Works and JSX

  • مدیریت رویدادها و به روز رسانی DOM Handling Events and Updating the DOM

  • ایجاد اولین کامپوننت Creating a First Component

  • انتقال داده به کامپوننت ها (Props) Passing Data into Components (Props)

  • ایجاد کامپوننت ها با استفاده از کلاس های ES6 Creating Components using ES6 Classes

  • اطلاعات بیشتر در مورد ES6 More about ES6

  • خروجی لیست ها Outputting Lists

  • تنظیم کلاس های CSS به صورت پویا Setting CSS Classes Dynamically

  • ورودی کاربر و اتصال دو طرفه User Input & Two-Way-Binding

  • استفاده از چندین کامپوننت Using Multiple Components

  • زمان تمرین - React.js - مشکل Time to Practice - React.js - Problem

  • زمان تمرین - React.js - راه حل Time to Practice - React.js - Solution

  • جابه‌جایی به راه‌اندازی و SPA محلی Switching to a Local Setup & SPA

  • با استفاده از بسته "create-react-app". Using the "create-react-app" Package

  • درک پروژه ایجاد شده Understanding the Created Project

  • اضافه کردن React Router و Routes برای برنامه Adding React Router and Routes for the App

  • افزودن لینک ها Adding Links

  • بسته شدن Wrap Up

React.js - مقدمه React.js - An Introduction

  • معرفی ماژول Module Introduction

  • استفاده از React.js برای ایجاد یک برنامه پایه Using React.js to Create a Basic App

  • استفاده از React.js برای ایجاد یک برنامه پایه Using React.js to Create a Basic App

  • درک نحوه عملکرد React.js و JSX Understanding How React.js Works and JSX

  • خروجی محتوای پویا Outputting Dynamic Content

  • خروجی محتوای پویا Outputting Dynamic Content

  • مدیریت رویدادها و به روز رسانی DOM Handling Events and Updating the DOM

  • مدیریت رویدادها و به روز رسانی DOM Handling Events and Updating the DOM

  • ایجاد اولین کامپوننت Creating a First Component

  • انتقال داده به کامپوننت ها (Props) Passing Data into Components (Props)

  • ایجاد کامپوننت ها با استفاده از کلاس های ES6 Creating Components using ES6 Classes

  • اطلاعات بیشتر در مورد ES6 More about ES6

  • استفاده از State در React.js Components Using State in React.js Components

  • استفاده از State در React.js Components Using State in React.js Components

  • آنچه در پشت پرده اتفاق می افتد What Happens Behind the Scenes

  • آنچه در پشت پرده اتفاق می افتد What Happens Behind the Scenes

  • ارائه محتوای مشروط Rendering Conditional Content

  • ارائه محتوای مشروط Rendering Conditional Content

  • خروجی لیست ها Outputting Lists

  • تنظیم پویا سبک ها Setting Styles Dynamically

  • تنظیم پویا سبک ها Setting Styles Dynamically

  • تنظیم کلاس های CSS به صورت پویا Setting CSS Classes Dynamically

  • تنظیم کلاس های CSS به صورت پویا Setting CSS Classes Dynamically

  • ورودی کاربر و اتصال دو طرفه User Input & Two-Way-Binding

  • استفاده از چندین کامپوننت Using Multiple Components

  • اجزای گنگ Dumb Components

  • اجزای گنگ Dumb Components

  • انتقال داده ها از کودک به والدین Passing Data from Child to Parent

  • انتقال داده ها از کودک به والدین Passing Data from Child to Parent

  • زمان تمرین - React.js - مشکل Time to Practice - React.js - Problem

  • زمان تمرین - React.js - راه حل Time to Practice - React.js - Solution

  • جابه‌جایی به راه‌اندازی و SPA محلی Switching to a Local Setup & SPA

  • با استفاده از بسته "create-react-app". Using the "create-react-app" Package

  • درک پروژه ایجاد شده Understanding the Created Project

  • با استفاده از تنظیمات محلی Using the Local Setup

  • با استفاده از تنظیمات محلی Using the Local Setup

  • اضافه کردن React Router و Routes برای برنامه Adding React Router and Routes for the App

  • افزودن لینک ها Adding Links

  • افزودن لینک ها Adding Links

  • روتر React و یک سرور The React Router and a Server

  • روتر React و یک سرور The React Router and a Server

  • بسته شدن Wrap Up

  • منابع ماژول و منابع بیشتر Module Resources & Further Resources

Angular - مقدمه Angular - An Introduction

  • معرفی ماژول Module Introduction

  • در چه چیزی خوب است و چه چیزی خوب نیست What It's Good at and What It's Not Good At

  • TypeScript - مقدمه ای کوتاه TypeScript - A Brief Introduction

  • شناخت ساختار پروژه Understanding the Project Structure

  • درک نقش مؤلفه ها و مؤلفه برنامه Understanding the Role of Components and the App Component

  • نحوه شروع برنامه How the App Starts

  • آشنایی با ماژول برنامه Understanding the App Module

  • رسیدگی به رویدادها Handling Events

  • ارائه محتوا به صورت مشروط Rendering Content Conditionally

  • خروجی لیست ها Outputting Lists

  • اتصال داده ها به ویژگی های (HTML و دیگر). Binding Data to (HTML and other) Properties

  • اضافه کردن کلاس های CSS به صورت پویا Adding CSS Classes Dynamically

  • استفاده از چندین کامپوننت Using Multiple Components

  • انتشار رویدادهای سفارشی از کامپوننت ها Emitting Custom Events From Components

  • استفاده از اتصال دو طرفه Using Two-Way-Binding

  • زمان تمرین - Angular - راه حل Time to Practice - Angular - Solution

  • افزودن لینک ها Adding Links

  • روتر زاویه ای و سرور The Angular Router and the Server

  • بسته شدن Wrap Up

  • منابع ماژول و منابع بیشتر Module Resources & Further Resources

Angular - مقدمه Angular - An Introduction

  • معرفی ماژول Module Introduction

  • معرفی ماژول Module Introduction

  • در چه چیزی خوب است و چه چیزی خوب نیست What It's Good at and What It's Not Good At

  • درک نسخه ی زاویه ای Understanding Angular Versioning

  • درک نسخه ی زاویه ای Understanding Angular Versioning

  • TypeScript TypeScript

  • TypeScript TypeScript

  • TypeScript - مقدمه ای کوتاه TypeScript - A Brief Introduction

  • ایجاد یک پروژه Angular با CLI Creating an Angular Project with the CLI

  • ایجاد یک پروژه Angular با CLI Creating an Angular Project with the CLI

  • شناخت ساختار پروژه Understanding the Project Structure

  • درک نقش مؤلفه ها و مؤلفه برنامه Understanding the Role of Components and the App Component

  • نحوه شروع برنامه How the App Starts

  • آشنایی با ماژول برنامه Understanding the App Module

  • خروجی داده با درون یابی رشته ای Outputting Data with String Interpolation

  • خروجی داده با درون یابی رشته ای Outputting Data with String Interpolation

  • رسیدگی به رویدادها Handling Events

  • ارائه محتوا به صورت مشروط Rendering Content Conditionally

  • خروجی لیست ها Outputting Lists

  • خروجی لیست ها Outputting Lists

  • اتصال داده ها به ویژگی های (HTML و دیگر). Binding Data to (HTML and other) Properties

  • اضافه کردن سبک های پویا به عناصر Adding Dynamic Styles to Elements

  • اضافه کردن سبک های پویا به عناصر Adding Dynamic Styles to Elements

  • اضافه کردن کلاس های CSS به صورت پویا Adding CSS Classes Dynamically

  • چه زمانی از دستور * استفاده شود When to use the * Syntax

  • چه زمانی از دستور * استفاده شود When to use the * Syntax

  • استفاده از چندین کامپوننت Using Multiple Components

  • انتقال داده ها به کامپوننت ها Passing Data Into Components

  • انتقال داده ها به کامپوننت ها Passing Data Into Components

  • انتشار رویدادهای سفارشی از کامپوننت ها Emitting Custom Events From Components

  • استفاده از اتصال دو طرفه Using Two-Way-Binding

  • زمان تمرین - زاویه ای - مشکل Time to Practice - Angular - Problem

  • زمان تمرین - زاویه ای - مشکل Time to Practice - Angular - Problem

  • زمان تمرین - Angular - راه حل Time to Practice - Angular - Solution

  • استفاده از CLI برای تولید کامپوننت ها Using the CLI to Generate Components

  • استفاده از CLI برای تولید کامپوننت ها Using the CLI to Generate Components

  • تودرتو چند مولفه Nesting Multiple Components

  • تودرتو چند مولفه Nesting Multiple Components

  • سبک های محدوده به مولفه ها Scoping Styles to Components

  • سبک های محدوده به مولفه ها Scoping Styles to Components

  • افزودن مسیریابی و مسیرها Adding Routing & Routes

  • افزودن مسیریابی و مسیرها Adding Routing & Routes

  • افزودن لینک ها Adding Links

  • افزودن لینک ها Adding Links

  • روتر زاویه ای و سرور The Angular Router and the Server

  • بسته شدن Wrap Up

  • بسته شدن Wrap Up

  • منابع ماژول و منابع بیشتر Module Resources & Further Resources

  • منابع ماژول و منابع بیشتر Module Resources & Further Resources

مقایسه چارچوب ها Comparing the Frameworks

  • معرفی ماژول Module Introduction

  • ابعاد مقایسه احتمالی Possible Comparison Dimensions

  • بعد 4: عملکرد Dimension 4: Performance

  • بعد 5: سهولت استقرار (راهی از توسعه دهنده تا تولید) Dimension 5: Ease of Deployment (The Way from Dev to Production)

  • بعد 6: محبوبیت و بازار کار Dimension 6: Popularity & Job Market

مقایسه چارچوب ها Comparing the Frameworks

  • معرفی ماژول Module Introduction

  • ابعاد مقایسه احتمالی Possible Comparison Dimensions

  • بعد 1: منحنی یادگیری Dimension 1: The Learning Curve

  • بعد 1: منحنی یادگیری Dimension 1: The Learning Curve

  • بعد 2: کاهش مقیاس و برنامه های Fullstack Dimension 2: Downscaling & Fullstack Applications

  • بعد 2: کاهش مقیاس و برنامه های Fullstack Dimension 2: Downscaling & Fullstack Applications

  • بعد 3: ارتقاء مقیاس و SPA Dimension 3: Upscaling & SPAs

  • بعد 3: ارتقاء مقیاس و SPA Dimension 3: Upscaling & SPAs

  • بعد 4: عملکرد Dimension 4: Performance

  • بعد 5: سهولت استقرار (راهی از توسعه دهنده تا تولید) Dimension 5: Ease of Deployment (The Way from Dev to Production)

  • بعد 6: محبوبیت و بازار کار Dimension 6: Popularity & Job Market

  • حکم The Verdict

  • حکم The Verdict

  • ... در مورد jQuery چطور؟ ...What About jQuery?

  • ... در مورد jQuery چطور؟ ...What About jQuery?

  • منابع ماژول Module Resources

  • منابع ماژول Module Resources

خلاصه دوره Course Roundup

خلاصه دوره Course Roundup

  • خلاصه دوره Course Roundup

  • خلاصه دوره Course Roundup

  • امتیاز: محتوای بیشتر! Bonus: More Content!

  • امتیاز: محتوای بیشتر! Bonus: More Content!

نمایش نظرات

Udemy (یودمی)

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

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

آموزش React JS، Angular و Vue JS - شروع سریع و مقایسه
جزییات دوره
8 hours
144
Udemy (یودمی) Udemy (یودمی)
(آخرین آپدیت)
16,084
4.7 از 5
دارد
دارد
دارد
جهت دریافت آخرین اخبار و آپدیت ها در کانال تلگرام عضو شوید.

Google Chrome Browser

Internet Download Manager

Pot Player

Winrar

Maximilian Schwarzmüller Maximilian Schwarzmüller

دارای گواهینامه AWS، توسعه دهنده وب و مدرس حرفه ای

Academind by Maximilian Schwarzmüller Academind by Maximilian Schwarzmüller

آموزش آنلاین