آموزش ساخت پروژه کامل Canva از صفر تا صد با React و Express مدرن (سال ۲۰۲۵) - آخرین آپدیت

دانلود Modern React, Express 2025 Build Complete Canva Project A-Z

نکته: ممکن هست محتوای این صفحه بروز نباشد ولی دانلود دوره آخرین آپدیت می باشد.
نمونه ویدیوها:
توضیحات دوره:

آموزش ساخت اپلیکیشن کامل مشابه Canva با React.js، Node.js، Express.js و MongoDB (از ایده تا اجرا)

یاد بگیرید چگونه یک پروژه کامل Canva را پیاده‌سازی کنید.

مباحث کلیدی:

  • React js (مبانی)
  • Express js (مبانی)
  • کامپوننت‌های Functional
  • MongoDB (مبانی)
  • طراحی کامل اپلیکیشن با Tailwind CSS (از صفر)
  • استفاده از Middleware برای مسیرهای محافظت شده
  • راه‌اندازی قابلیت آپلود تصاویر در Cloudinary
  • راه‌اندازی سیستم ثبت‌نام و ورود کاربر
  • راه‌اندازی قابلیت جابه‌جایی عناصر
  • راه‌اندازی قابلیت تغییر اندازه عناصر
  • راه‌اندازی قابلیت چرخش عناصر
  • اضافه کردن آپشن تغییر شفافیت متن
  • اضافه کردن Padding و تنظیم Font Weight برای متن
  • اضافه کردن آپشن افزودن تصویر
  • ذخیره‌سازی داده‌ها در MongoDB

پیش‌نیازها:

  • درک اولیه از JavaScript
  • تسلط کافی بر Tailwind CSS
  • آشنایی با HTML و CSS
  • آشنایی اولیه با Command Line

دوره جامع ساخت پروژه Canva با React JS و Express JS (سال 2024) - از صفر تا صد

به یک سفر فوق‌العاده در دنیای توسعه Full-Stack خوش آمدید! با این دوره جامع، در دنیای توسعه وب مدرن غرق خواهید شد و ساخت اپلیکیشن‌های Canva تعاملی و پویا را از صفر یاد خواهید گرفت.

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

آنچه خواهید آموخت:

  • مبانی توسعه Full-Stack: درک کاملی از فناوری‌های اصلی که اپلیکیشن‌های وب مدرن را هدایت می‌کنند، از جمله React.js، Node.js، Express.js و MongoDB، به دست آورید.
  • ساخت با React.js: هنر ساخت رابط‌های کاربری پویا با استفاده از React.js، کتابخانه پیشرو JavaScript برای ساخت رابط‌های کاربری، را بیاموزید.
  • توسعه Server-Side با Node.js و Express.js: یاد بگیرید چگونه اپلیکیشن‌های Server-Side قوی و مقیاس‌پذیر با استفاده از Node.js و Express.js ایجاد کنید و از قدرت JavaScript ناهمزمان برای مدیریت کارآمد درخواست‌ها استفاده کنید.
  • مدیریت داده‌ها با MongoDB: دنیای پایگاه‌های داده NoSQL را کاوش کنید و یاد بگیرید چگونه از MongoDB برای ذخیره و مدیریت آسان داده‌های اپلیکیشن خود استفاده کنید.
  • ادغام Canva در پروژه‌های خود: پتانسیل کامل قابلیت‌های طراحی Canva را باز کنید و یاد بگیرید چگونه آن را به طور یکپارچه در اپلیکیشن‌های وب خود ادغام کنید تا تجربه‌های کاربری بصری خیره‌کننده‌ای ایجاد کنید.
  • از ایده تا اجرا: همراه با ما یک ایده را از مرحله ایده‌پردازی تا اجرا دنبال کنید و در هر مرحله از فرآیند توسعه، از برنامه‌ریزی و طراحی تا استقرار و بهینه‌سازی، شما را راهنمایی خواهیم کرد.

چرا باید این دوره را بگذرانید:

  • یادگیری عملی: مستقیماً به پروژه‌های عملی و واقعی بپردازید که مفاهیم کلیدی را تقویت کرده و به شما امکان می‌دهد آنچه را که به صورت ملموس آموخته‌اید، اعمال کنید.
  • راهنمایی متخصصانه: از متخصصان صنعت با سال‌ها تجربه در توسعه Full-Stack یاد بگیرید، کسانی که در هر مرحله از راه بینش‌های ارزشمند و بهترین شیوه‌ها را به شما ارائه می‌دهند.
  • پروژه‌های آماده برای ارائه در رزومه: مجموعه‌ای از اپلیکیشن‌های وب چشمگیر و کاملاً کاربردی بسازید که مهارت‌ها و تخصص شما را به کارفرمایان یا مشتریان بالقوه نشان می‌دهد.
  • پشتیبانی انجمن: به یک جامعه پر جنب و جوش از همکاران بپیوندید، جایی که می‌توانید در طول دوره با هم همکاری کنید، ایده‌ها را به اشتراک بگذارید و از یکدیگر پشتیبانی کنید.

چه آرزو داشته باشید که یک توسعه‌دهنده Full-Stack شوید، مهارت‌های فعلی خود را ارتقا دهید یا ایده‌های خلاقانه خود را به واقعیت تبدیل کنید، این دوره به شما قدرت می‌دهد تا اپلیکیشن‌های Canva را با اعتماد به نفس و دقت بسازید. اکنون ثبت نام کنید و سفر خود را به سوی تبدیل شدن به یک استاد توسعه Full-Stack آغاز کنید!


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

Introduction Project - What You Will Build-فصل 1 - معرفی پروژه - آنچه خواهید ساخت Introduction Project - What You Will Build

  • Introduction Project - What You Will Build-ویدیو 1-1 - معرفی پروژه - آنچه خواهید ساخت Introduction Project - What You Will Build

  • Welcome to the Course-ویدیو 1-2 - خوش آمدید به دوره Welcome to the Course

  • Need Your Support-ویدیو 1-3 - نیازمند حمایت شما Need Your Support

  • My Mission-ویدیو 1-4 - ماموریت من My Mission

React Fundamentals React Structure, JSX component & Rendering-فصل 2 - مبانی React: ساختار React، کامپوننت JSX و رندرینگ React Fundamentals React Structure, JSX component & Rendering

  • React Introduction-ویدیو 2-1 - معرفی React React Introduction

  • Fundamental Excise Files - Downloadable Resources-ویدیو 2-2 - فایل های تمرینات اساسی - منابع قابل دانلود Fundamental Excise Files - Downloadable Resources

  • Create New React App Using Vite-ویدیو 2-3 - ایجاد یک برنامه React جدید با استفاده از Vite Create New React App Using Vite

  • Project Run And Build Command-ویدیو 2-4 - دستورات اجرای پروژه و ساخت Project Run And Build Command

  • Dive Inside React Project Structure-ویدیو 2-5 - بررسی عمیق ساختار پروژه React Dive Inside React Project Structure

  • Organizing File Folders-ویدیو 2-6 - سازماندهی پوشه های فایل Organizing File Folders

  • Best VS Code Extensions And Settings For React Development-ویدیو 2-7 - بهترین افزونه ها و تنظیمات VS Code برای توسعه React Best VS Code Extensions And Settings For React Development

  • Primary Understanding On Component Part 1-ویدیو 2-8 - درک اولیه از کامپوننت قسمت 1 Primary Understanding On Component Part 1

  • Primary Understanding On Component Part 2-ویدیو 2-9 - درک اولیه از کامپوننت قسمت 2 Primary Understanding On Component Part 2

  • JSX And Conventions-ویدیو 2-10 - JSX و قراردادها JSX And Conventions

  • JSX Short Hand If else-ویدیو 2-11 - دستورات شرطی کوتاه در JSX JSX Short Hand If else

  • JSX Immediately invoked function-ویدیو 2-12 - توابع فراخوانی فوری در JSX JSX Immediately invoked function

  • JSX Loop Inside-ویدیو 2-13 - حلقه در داخل JSX JSX Loop Inside

  • JSX Conditional Rendering Using If Else-ویدیو 2-14 - رندرینگ شرطی JSX با استفاده از If Else JSX Conditional Rendering Using If Else

  • JSX Conditional Rendering Using Switch Statement-ویدیو 2-15 - رندرینگ شرطی JSX با استفاده از دستور Switch JSX Conditional Rendering Using Switch Statement

  • JSX Conditional Rendering Using Ternary Operator-ویدیو 2-16 - رندرینگ شرطی JSX با استفاده از عملگر Ternary JSX Conditional Rendering Using Ternary Operator

  • JSX Conditional Rendering Using Logical And And-ویدیو 2-17 - رندرینگ شرطی JSX با استفاده از عملگر Logical And JSX Conditional Rendering Using Logical And And

  • JSX Conditional Rendering Using Immidiatly Invoked Function-ویدیو 2-18 - رندرینگ شرطی JSX با استفاده از تابع فراخوانی فوری JSX Conditional Rendering Using Immidiatly Invoked Function

  • Passing Properties to Child Component-ویدیو 2-19 - ارسال خصوصیات به کامپوننت فرزند Passing Properties to Child Component

  • Passing Simple String to Child Component-ویدیو 2-20 - ارسال رشته ساده به کامپوننت فرزند Passing Simple String to Child Component

  • Passing Object to Child Component-ویدیو 2-21 - ارسال شیء به کامپوننت فرزند Passing Object to Child Component

  • Passing Function to Child Component-ویدیو 2-22 - ارسال تابع به کامپوننت فرزند Passing Function to Child Component

  • Managing Click Event-ویدیو 2-23 - مدیریت رویداد کلیک Managing Click Event

  • Managing Form Submit-ویدیو 2-24 - مدیریت ارسال فرم Managing Form Submit

React Routing-فصل 3 - مسیریابی در React React Routing

  • Applying React Router Dom-ویدیو 3-1 - اعمال React Router Dom Applying React Router Dom

  • Link And NavLink For Router-ویدیو 3-2 - Link و NavLink برای مسیریاب Link And NavLink For Router

  • Browser Router VS HashRouter-ویدیو 3-3 - Browser Router در مقابل HashRouter Browser Router VS HashRouter

  • Passing Parameter Via Naviagation-ویدیو 3-4 - ارسال پارامتر از طریق ناوبری Passing Parameter Via Naviagation

React Hook & State Management-فصل 4 - React Hook و مدیریت وضعیت React Hook & State Management

  • [Hook] Meet With Hook-ویدیو 4-1 - [Hook] آشنایی با Hook [Hook] Meet With Hook

  • [Hook] useRef InnerText InnerHTML-ویدیو 4-2 - [Hook] useRef و InnerText و InnerHTML [Hook] useRef InnerText InnerHTML

  • [Hook] useRef Working With Attribute-ویدیو 4-3 - [Hook] useRef و کار با Attribute [Hook] useRef Working With Attribute

  • [Hook] useRef Working With Input Element-ویدیو 4-4 - [Hook] useRef و کار با عنصر Input [Hook] useRef Working With Input Element

  • [Hook] useRef Working With CSS Class-ویدیو 4-5 - [Hook] useRef و کار با کلاس CSS [Hook] useRef Working With CSS Class

  • [Hook] useState Understading Inside-ویدیو 4-6 - [Hook] درک داخلی useState [Hook] useState Understading Inside

  • [Hook] useState Working With Immutable Object-ویدیو 4-7 - [Hook] useState و کار با شیء Immutable [Hook] useState Working With Immutable Object

  • [Hook] useState Working With Immutable Array Part 1-ویدیو 4-8 - [Hook] useState و کار با آرایه Immutable قسمت 1 [Hook] useState Working With Immutable Array Part 1

  • [Hook] useState Working With Immutable Array Part 2-ویدیو 4-9 - [Hook] useState و کار با آرایه Immutable قسمت 2 [Hook] useState Working With Immutable Array Part 2

  • [Hook] useState Managing Form Like Pro Part 1-ویدیو 4-10 - [Hook] useState و مدیریت حرفه ای فرم قسمت 1 [Hook] useState Managing Form Like Pro Part 1

  • [Hook] useState Managing Form Like Pro Part 2-ویدیو 4-11 - [Hook] useState و مدیریت حرفه ای فرم قسمت 2 [Hook] useState Managing Form Like Pro Part 2

  • [Hook] useEffect understanding arguments and uses-ویدیو 4-12 - [Hook] useEffect: درک آرگومان ها و کاربردها [Hook] useEffect understanding arguments and uses

  • [Hook] useEffect calling api using promises-ویدیو 4-13 - [Hook] useEffect: فراخوانی API با استفاده از Promises [Hook] useEffect calling api using promises

  • [Hook] useEffect calling api usig async await-ویدیو 4-14 - [Hook] useEffect: فراخوانی API با استفاده از Async Await [Hook] useEffect calling api usig async await

Express JS Fundamental-فصل 5 - مبانی Express JS Express JS Fundamental

  • Introduction What is Express Js-ویدیو 5-1 - معرفی Express JS چیست Introduction What is Express Js

  • Your First Express Application-ویدیو 5-2 - اولین برنامه Express شما Your First Express Application

  • Express js Routing-ویدیو 5-3 - مسیریابی در Express js Express js Routing

  • Four Topic We Need To Focus-ویدیو 5-4 - چهار موضوعی که باید روی آنها تمرکز کنیم Four Topic We Need To Focus

  • Understanding Response-ویدیو 5-5 - درک Response Understanding Response

  • Simple String Response-ویدیو 5-6 - Response رشته ساده Simple String Response

  • Response Status Code-ویدیو 5-7 - کد وضعیت Response Response Status Code

  • JSON Response-ویدیو 5-8 - Response با فرمت JSON JSON Response

  • Response Download-ویدیو 5-9 - دانلود Response Response Download

  • Response Redirect-ویدیو 5-10 - تغییر مسیر Response Response Redirect

  • Response Header-ویدیو 5-11 - Header Response Response Header

  • Response Set Cookies-ویدیو 5-12 - تنظیم کوکی های Response Response Set Cookies

  • Response Clear Cookies-ویدیو 5-13 - پاک کردن کوکی های Response Response Clear Cookies

  • Working With Request-ویدیو 5-14 - کار با Request Working With Request

  • Get Request With URL Query-ویدیو 5-15 - درخواست Get با Query URL Get Request With URL Query

  • Working With Get Request Header-ویدیو 5-16 - کار با Header درخواست Get Working With Get Request Header

  • Simple Post Request-ویدیو 5-17 - درخواست Post ساده Simple Post Request

  • Post Request With URL Query-ویدیو 5-18 - درخواست Post با Query URL Post Request With URL Query

  • Post Request With Header Properties-ویدیو 5-19 - درخواست Post با خصوصیات Header Post Request With Header Properties

  • Post application-json-ویدیو 5-20 - ارسال application-json Post application-json

  • Working With Multipart Form Data-ویدیو 5-21 - کار با Multipart Form Data Working With Multipart Form Data

  • File Upload-ویدیو 5-22 - آپلود فایل File Upload

  • Middleware-ویدیو 5-23 - Middleware Middleware

  • Application Middleware-ویدیو 5-24 - Middleware Application Application Middleware

  • Route Middleware-ویدیو 5-25 - Middleware Route Route Middleware

MongoDB Fundamental - A NoSQL Database-فصل 6 - مبانی MongoDB - پایگاه داده NoSQL MongoDB Fundamental - A NoSQL Database

  • Introduction to MongoDB-ویدیو 6-1 - معرفی MongoDB Introduction to MongoDB

  • Installing MongoDB and Compass-ویدیو 6-2 - نصب MongoDB و Compass Installing MongoDB and Compass

  • Connecting to MongoDB-ویدیو 6-3 - اتصال به MongoDB Connecting to MongoDB

  • Schema and Models-ویدیو 6-4 - Schema و Models Schema and Models

  • Create and Save a document-ویدیو 6-5 - ایجاد و ذخیره یک سند Create and Save a document

  • Find documents in multiple ways-ویدیو 6-6 - یافتن اسناد به روش های مختلف Find documents in multiple ways

  • Query API Select, Sort, Limit, Count Documents-ویدیو 6-7 - Query API: انتخاب، مرتب سازی، محدود کردن، شمارش اسناد Query API Select, Sort, Limit, Count Documents

  • Complex Query Comparison Operators-ویدیو 6-8 - Query پیچیده: عملگرهای مقایسه Complex Query Comparison Operators

  • Complex Query And, Or Operations-ویدیو 6-9 - Query پیچیده: عملگرهای And، Or Complex Query And, Or Operations

  • Exercise Advanced Query-ویدیو 6-10 - تمرین Query پیشرفته Exercise Advanced Query

  • Update a document (Way 1)-ویدیو 6-11 - به روز رسانی یک سند (روش 1) Update a document (Way 1)

  • Update a document (Way 2)-ویدیو 6-12 - به روز رسانی یک سند (روش 2) Update a document (Way 2)

  • Delete documents in 2 ways-ویدیو 6-13 - حذف اسناد به 2 روش Delete documents in 2 ways

Build Complete Canva Project From Scratch-فصل 7 - ساخت پروژه کامل Canva از صفر Build Complete Canva Project From Scratch

  • Start to Build Complete Canva Project - What You Will Build Introduction-ویدیو 7-1 - شروع ساخت پروژه کامل Canva - معرفی آنچه خواهید ساخت Start to Build Complete Canva Project - What You Will Build Introduction

  • Canva Project Excise File - Downloadable Resources-ویدیو 7-2 - فایل تمرین پروژه Canva - منابع قابل دانلود Canva Project Excise File - Downloadable Resources

Project Setup and Deploy-فصل 8 - راه اندازی و استقرار پروژه Project Setup and Deploy

  • Project Setup and VS Code Extensions-ویدیو 8-1 - راه اندازی پروژه و افزونه های VS Code Project Setup and VS Code Extensions

  • Project Setup and Deploy Part 1-ویدیو 8-2 - راه اندازی و استقرار پروژه قسمت 1 Project Setup and Deploy Part 1

  • Project Setup and Deploy Part 2-ویدیو 8-3 - راه اندازی و استقرار پروژه قسمت 2 Project Setup and Deploy Part 2

  • Project Setup and Deploy Part 3-ویدیو 8-4 - راه اندازی و استقرار پروژه قسمت 3 Project Setup and Deploy Part 3

  • Project Setup and Deploy Part 4-ویدیو 8-5 - راه اندازی و استقرار پروژه قسمت 4 Project Setup and Deploy Part 4

  • Project Setup and Deploy Part 5-ویدیو 8-6 - راه اندازی و استقرار پروژه قسمت 5 Project Setup and Deploy Part 5

  • Project Setup and Deploy Part 6-ویدیو 8-7 - راه اندازی و استقرار پروژه قسمت 6 Project Setup and Deploy Part 6

Setup React Router Dom and Tailwind Css-فصل 9 - راه اندازی React Router Dom و Tailwind Css Setup React Router Dom and Tailwind Css

  • Setup React Router Dom And Tailwind Css Part 1-ویدیو 9-1 - راه اندازی React Router Dom و Tailwind Css قسمت 1 Setup React Router Dom And Tailwind Css Part 1

  • Setup React Router Dom And Tailwind Css Part 2-ویدیو 9-2 - راه اندازی React Router Dom و Tailwind Css قسمت 2 Setup React Router Dom And Tailwind Css Part 2

Canva Home Page Design-فصل 10 - طراحی صفحه اصلی Canva Canva Home Page Design

  • Canva Home Page Design-ویدیو 10-1 - طراحی صفحه اصلی Canva Canva Home Page Design

Register and Login Form Create and Design-فصل 11 - ایجاد و طراحی فرم ثبت نام و ورود Register and Login Form Create and Design

  • Register and Login Form Create and Design Part 1-ویدیو 11-1 - ایجاد و طراحی فرم ثبت نام و ورود قسمت 1 Register and Login Form Create and Design Part 1

  • Register and Login Form Create and Design Part 2-ویدیو 11-2 - ایجاد و طراحی فرم ثبت نام و ورود قسمت 2 Register and Login Form Create and Design Part 2

  • Register and Login Form Create and Design Part 3-ویدیو 11-3 - ایجاد و طراحی فرم ثبت نام و ورود قسمت 3 Register and Login Form Create and Design Part 3

  • Register and Login Form Create and Design Part 4-ویدیو 11-4 - ایجاد و طراحی فرم ثبت نام و ورود قسمت 4 Register and Login Form Create and Design Part 4

  • Upload Project to Live Server-ویدیو 11-5 - آپلود پروژه به سرور زنده Upload Project to Live Server

Home Page Create and Design-فصل 12 - ایجاد و طراحی صفحه اصلی Home Page Create and Design

  • Home Page Create and Design Part 1-ویدیو 12-1 - ایجاد و طراحی صفحه اصلی قسمت 1 Home Page Create and Design Part 1

  • Home Page Create and Design Part 2-ویدیو 12-2 - ایجاد و طراحی صفحه اصلی قسمت 2 Home Page Create and Design Part 2

  • Home Page Create and Design Part 3-ویدیو 12-3 - ایجاد و طراحی صفحه اصلی قسمت 3 Home Page Create and Design Part 3

  • Home Page Create and Design Part 4-ویدیو 12-4 - ایجاد و طراحی صفحه اصلی قسمت 4 Home Page Create and Design Part 4

  • Home Page Create and Design Part 5-ویدیو 12-5 - ایجاد و طراحی صفحه اصلی قسمت 5 Home Page Create and Design Part 5

  • Home Page Create and Design Part 6-ویدیو 12-6 - ایجاد و طراحی صفحه اصلی قسمت 6 Home Page Create and Design Part 6

  • Home Page Create and Design Part 7-ویدیو 12-7 - ایجاد و طراحی صفحه اصلی قسمت 7 Home Page Create and Design Part 7

  • Home Page Create and Design Part 8-ویدیو 12-8 - ایجاد و طراحی صفحه اصلی قسمت 8 Home Page Create and Design Part 8

  • Home Page Create and Design Part 9-ویدیو 12-9 - ایجاد و طراحی صفحه اصلی قسمت 9 Home Page Create and Design Part 9

Main Page Sidebar Design-فصل 13 - طراحی سایدبار صفحه اصلی Main Page Sidebar Design

  • Main Page Sidebar Design Part 1-ویدیو 13-1 - طراحی سایدبار صفحه اصلی قسمت 1 Main Page Sidebar Design Part 1

  • Main Page Sidebar Design Part 2-ویدیو 13-2 - طراحی سایدبار صفحه اصلی قسمت 2 Main Page Sidebar Design Part 2

  • Main Page Sidebar Design Part 3-ویدیو 13-3 - طراحی سایدبار صفحه اصلی قسمت 3 Main Page Sidebar Design Part 3

  • Main Page Sidebar Design Part 4-ویدیو 13-4 - طراحی سایدبار صفحه اصلی قسمت 4 Main Page Sidebar Design Part 4

  • Main Page Sidebar Design Part 5-ویدیو 13-5 - طراحی سایدبار صفحه اصلی قسمت 5 Main Page Sidebar Design Part 5

Design Sidebar Pop Up Section-فصل 14 - طراحی بخش پاپ آپ سایدبار Design Sidebar Pop Up Section

  • Design Sidebar Pop Up Section Part 1-ویدیو 14-1 - طراحی بخش پاپ آپ سایدبار قسمت 1 Design Sidebar Pop Up Section Part 1

  • Design Sidebar Pop Up Section Part 2-ویدیو 14-2 - طراحی بخش پاپ آپ سایدبار قسمت 2 Design Sidebar Pop Up Section Part 2

  • Design Sidebar Pop Up Section Part 3-ویدیو 14-3 - طراحی بخش پاپ آپ سایدبار قسمت 3 Design Sidebar Pop Up Section Part 3

Setup Main Design Component-فصل 15 - راه اندازی کامپوننت اصلی طراحی Setup Main Design Component

  • Setup Main Design Component Part 1-ویدیو 15-1 - راه اندازی کامپوننت اصلی طراحی قسمت 1 Setup Main Design Component Part 1

  • Setup Main Design Component Part 2-ویدیو 15-2 - راه اندازی کامپوننت اصلی طراحی قسمت 2 Setup Main Design Component Part 2

  • Setup Main Design Component Part 3-ویدیو 15-3 - راه اندازی کامپوننت اصلی طراحی قسمت 3 Setup Main Design Component Part 3

  • Setup Main Design Component Part 4-ویدیو 15-4 - راه اندازی کامپوننت اصلی طراحی قسمت 4 Setup Main Design Component Part 4

  • Setup Main Design Component Part 5-ویدیو 15-5 - راه اندازی کامپوننت اصلی طراحی قسمت 5 Setup Main Design Component Part 5

Design Functionality Design Component-فصل 16 - طراحی کامپوننت طراحی با قابلیت ها Design Functionality Design Component

  • Design Functionality Design Component Part 1-ویدیو 16-1 - طراحی کامپوننت طراحی با قابلیت ها قسمت 1 Design Functionality Design Component Part 1

  • Design Functionality Design Component Part 2-ویدیو 16-2 - طراحی کامپوننت طراحی با قابلیت ها قسمت 2 Design Functionality Design Component Part 2

  • Design Functionality Design Component Part 3-ویدیو 16-3 - طراحی کامپوننت طراحی با قابلیت ها قسمت 3 Design Functionality Design Component Part 3

Make Design Rotate Resize Move Indicator-فصل 17 - ایجاد نشانگر چرخش، تغییر اندازه و جابجایی طراحی Make Design Rotate Resize Move Indicator

  • Make Design Rotate Resize Move Indicator Part 1-ویدیو 17-1 - ایجاد نشانگر چرخش، تغییر اندازه و جابجایی طراحی قسمت 1 Make Design Rotate Resize Move Indicator Part 1

  • Make Design Rotate Resize Move Indicator Part 2-ویدیو 17-2 - ایجاد نشانگر چرخش، تغییر اندازه و جابجایی طراحی قسمت 2 Make Design Rotate Resize Move Indicator Part 2

  • Make Design Rotate Resize Move Indicator Part 3-ویدیو 17-3 - ایجاد نشانگر چرخش، تغییر اندازه و جابجایی طراحی قسمت 3 Make Design Rotate Resize Move Indicator Part 3

Move Html Div Method-فصل 18 - روش جابجایی Div های HTML Move Html Div Method

  • Move Html Div Method Part 1-ویدیو 18-1 - روش جابجایی Div های HTML قسمت 1 Move Html Div Method Part 1

  • Move Html Div Method Part 2-ویدیو 18-2 - روش جابجایی Div های HTML قسمت 2 Move Html Div Method Part 2

  • Move Html Div Method Part 3-ویدیو 18-3 - روش جابجایی Div های HTML قسمت 3 Move Html Div Method Part 3

Resize Html Div Method-فصل 19 - روش تغییر اندازه Div های HTML Resize Html Div Method

  • Resize Html Div Method Part 1-ویدیو 19-1 - روش تغییر اندازه Div های HTML قسمت 1 Resize Html Div Method Part 1

  • Resize Html Div Method Part 2-ویدیو 19-2 - روش تغییر اندازه Div های HTML قسمت 2 Resize Html Div Method Part 2

Rotate Html Div Method-فصل 20 - روش چرخش Div های HTML Rotate Html Div Method

  • Rotate Html Div Method Part 1-ویدیو 20-1 - روش چرخش Div های HTML قسمت 1 Rotate Html Div Method Part 1

  • Rotate Html Div Method Part 2-ویدیو 20-2 - روش چرخش Div های HTML قسمت 2 Rotate Html Div Method Part 2

Text Add Opacity Add Option-فصل 21 - افزودن متن، افزودن Opacity، افزودن Option Text Add Opacity Add Option

  • Text Add Opacity Add Option Part 1-ویدیو 21-1 - افزودن متن، افزودن Opacity، افزودن Option قسمت 1 Text Add Opacity Add Option Part 1

  • Text Add Opacity Add Option Part 2-ویدیو 21-2 - افزودن متن، افزودن Opacity، افزودن Option قسمت 2 Text Add Opacity Add Option Part 2

  • Text Add Opacity Add Option Part 3-ویدیو 21-3 - افزودن متن، افزودن Opacity، افزودن Option قسمت 3 Text Add Opacity Add Option Part 3

Text Padding Font Weight Add-فصل 22 - افزودن Padding متن، Font Weight Text Padding Font Weight Add

  • Text Padding Font Weight Add Part 1-ویدیو 22-1 - افزودن Padding متن، Font Weight قسمت 1 Text Padding Font Weight Add Part 1

  • Text Padding Font Weight Add Part 2-ویدیو 22-2 - افزودن Padding متن، Font Weight قسمت 2 Text Padding Font Weight Add Part 2

  • Text Padding Font Weight Add Part 3-ویدیو 22-3 - افزودن Padding متن، Font Weight قسمت 3 Text Padding Font Weight Add Part 3

Image Added Option-فصل 23 - Option های اضافه شده به تصویر Image Added Option

  • Image Added Option Part 1-ویدیو 23-1 - Option های اضافه شده به تصویر قسمت 1 Image Added Option Part 1

  • Image Added Option Part 2-ویدیو 23-2 - Option های اضافه شده به تصویر قسمت 2 Image Added Option Part 2

  • Image Added Option Part 3-ویدیو 23-3 - Option های اضافه شده به تصویر قسمت 3 Image Added Option Part 3

User Register Function-فصل 24 - تابع ثبت نام کاربر User Register Function

  • User Register Function Part 1-ویدیو 24-1 - تابع ثبت نام کاربر قسمت 1 User Register Function Part 1

  • User Register Function Part 2-ویدیو 24-2 - تابع ثبت نام کاربر قسمت 2 User Register Function Part 2

  • User Register Function Part 3-ویدیو 24-3 - تابع ثبت نام کاربر قسمت 3 User Register Function Part 3

  • User Register Function Part 4-ویدیو 24-4 - تابع ثبت نام کاربر قسمت 4 User Register Function Part 4

  • User Register Function Part 5-ویدیو 24-5 - تابع ثبت نام کاربر قسمت 5 User Register Function Part 5

User Login Function-فصل 25 - تابع ورود کاربر User Login Function

  • User Login Function Part 1-ویدیو 25-1 - تابع ورود کاربر قسمت 1 User Login Function Part 1

  • User Login Function Part 2-ویدیو 25-2 - تابع ورود کاربر قسمت 2 User Login Function Part 2

Create Design And Store Database-فصل 26 - ایجاد طراحی و ذخیره در پایگاه داده Create Design And Store Database

  • Create Design And Store Database Part 1-ویدیو 26-1 - ایجاد طراحی و ذخیره در پایگاه داده قسمت 1 Create Design And Store Database Part 1

  • Create Design And Store Database Part 2-ویدیو 26-2 - ایجاد طراحی و ذخیره در پایگاه داده قسمت 2 Create Design And Store Database Part 2

  • Create Design And Store Database Part 3-ویدیو 26-3 - ایجاد طراحی و ذخیره در پایگاه داده قسمت 3 Create Design And Store Database Part 3

  • Create Design And Store Database Part 4-ویدیو 26-4 - ایجاد طراحی و ذخیره در پایگاه داده قسمت 4 Create Design And Store Database Part 4

  • Create Design And Store Database Part 5-ویدیو 26-5 - ایجاد طراحی و ذخیره در پایگاه داده قسمت 5 Create Design And Store Database Part 5

  • Create Design And Store Database Part 6-ویدیو 26-6 - ایجاد طراحی و ذخیره در پایگاه داده قسمت 6 Create Design And Store Database Part 6

Design Functionality Add and Download-فصل 27 - قابلیت های طراحی: افزودن و دانلود Design Functionality Add and Download

  • Design Functionality Add and Download Part 1-ویدیو 27-1 - قابلیت های طراحی: افزودن و دانلود قسمت 1 Design Functionality Add and Download Part 1

  • Design Functionality Add and Download Part 2-ویدیو 27-2 - قابلیت های طراحی: افزودن و دانلود قسمت 2 Design Functionality Add and Download Part 2

  • Design Functionality Add and Download Part 3-ویدیو 27-3 - قابلیت های طراحی: افزودن و دانلود قسمت 3 Design Functionality Add and Download Part 3

  • Bug Fix for Add Text Zindex-ویدیو 27-4 - رفع باگ Zindex برای افزودن متن Bug Fix for Add Text Zindex

Image Save Function Setup-فصل 28 - تنظیم تابع ذخیره تصویر Image Save Function Setup

  • Image Save Function Part 1-ویدیو 28-1 - تابع ذخیره تصویر قسمت 1 Image Save Function Part 1

  • Image Save Function Part 2-ویدیو 28-2 - تابع ذخیره تصویر قسمت 2 Image Save Function Part 2

  • Image Save Function Part 3-ویدیو 28-3 - تابع ذخیره تصویر قسمت 3 Image Save Function Part 3

Image Upload Function Setup-فصل 29 - تنظیم تابع آپلود تصویر Image Upload Function Setup

  • Image Upload Function Part 1-ویدیو 29-1 - تابع آپلود تصویر قسمت 1 Image Upload Function Part 1

  • Image Upload Function Part 2-ویدیو 29-2 - تابع آپلود تصویر قسمت 2 Image Upload Function Part 2

  • Image Upload Function Part 3-ویدیو 29-3 - تابع آپلود تصویر قسمت 3 Image Upload Function Part 3

Image Show Function Setup-فصل 30 - تنظیم تابع نمایش تصویر Image Show Function Setup

  • Image Show Function Part 1-ویدیو 30-1 - تابع نمایش تصویر قسمت 1 Image Show Function Part 1

  • Image Show Function Part 2-ویدیو 30-2 - تابع نمایش تصویر قسمت 2 Image Show Function Part 2

  • Image Show Function Part 3-ویدیو 30-3 - تابع نمایش تصویر قسمت 3 Image Show Function Part 3

Design Template Show-فصل 31 - نمایش قالب طراحی Design Template Show

  • Design Template Show Part 1-ویدیو 31-1 - نمایش قالب طراحی قسمت 1 Design Template Show Part 1

  • Design Template Show Part 2-ویدیو 31-2 - نمایش قالب طراحی قسمت 2 Design Template Show Part 2

  • Design Template Show Part 3-ویدیو 31-3 - نمایش قالب طراحی قسمت 3 Design Template Show Part 3

Project Organize Setup-فصل 32 - سازماندهی و راه اندازی پروژه Project Organize Setup

  • Project Organize Setup Part 1-ویدیو 32-1 - سازماندهی و راه اندازی پروژه قسمت 1 Project Organize Setup Part 1

  • Project Organize Setup Part 2-ویدیو 32-2 - سازماندهی و راه اندازی پروژه قسمت 2 Project Organize Setup Part 2

  • Project Organize Setup Part 3-ویدیو 32-3 - سازماندهی و راه اندازی پروژه قسمت 3 Project Organize Setup Part 3

  • Project Organize Setup Part 4-ویدیو 32-4 - سازماندهی و راه اندازی پروژه قسمت 4 Project Organize Setup Part 4

User Logout Function-فصل 33 - تابع خروج کاربر User Logout Function

  • User Logout Function-ویدیو 33-1 - تابع خروج کاربر User Logout Function

  • Protect The Route-ویدیو 33-2 - محافظت از مسیر Protect The Route

  • Show Validation Message For User Login-ویدیو 33-3 - نمایش پیام اعتبار سنجی برای ورود کاربر Show Validation Message For User Login

نمایش نظرات

آموزش ساخت پروژه کامل Canva از صفر تا صد با React و Express مدرن (سال ۲۰۲۵)
جزییات دوره
28 hours
181
Udemy (یودمی) Udemy (یودمی)
(آخرین آپدیت)
346
4.8 از 5
دارد
دارد
دارد
جهت دریافت آخرین اخبار و آپدیت ها در کانال تلگرام عضو شوید.

Google Chrome Browser

Internet Download Manager

Pot Player

Winrar

Kazi Ariyan Kazi Ariyan

توسعه دهنده وب ، کارآفرین ، مربی آنلاین سلام! من کازی آریان هستم. من یک توسعه دهنده وب هستم و علاقه جدی به تدریس دارم و بنیانگذار eLe easy Learning و یک توسعه دهنده وب ، برنامه نویس و مربی پرشور هستم. من در 7 سال گذشته بصورت آنلاین کار می کنم و چندین وب سایت موفق ایجاد کرده ام که در اینترنت فعالیت می کنند. من سعی می کنم یک دوره مبتنی بر پروژه ایجاد کنم که به شما کمک کند تا حرفه ای یاد بگیرید و به عنوان یک توسعه دهنده کامل سقوط کنید. یادگیری آسان برای کمک به شما در موفقیت در زندگی وجود دارد. هر دوره برای آموزش مهارت خاصی طراحی شده است. امیدوارم موافقت کنید! خواه در تلاش برای یادگیری یک مهارت جدید از ابتدا باشید و یا بخواهید حافظه خود را با آنچه در گذشته آموخته اید تازه کنید ، به مکان مناسب رسیده اید. آموزش و پرورش دنیا را به جای بهتری تبدیل می کند. با مهارت های جدید دنیای خود را بهتر کنید.

Easy learning Easy learning

گرافیک مهندسی/رسم نویسنده این دوره B. Tech را تکمیل کرده است. مهندسی مکانیک از کالج مهندسی پونا (Coop) و کارشناسی ارشد مهندسی در تولید و اتوماسیون. او در لاغر شش سیگما سیاه کمربند (LSSBB) با طراحی آزمایش (DOE) و تجزیه و تحلیل داده ها تایید شده است. او سخنرانی های آنلاین را در زمینه گرافیک مهندسی یا نقاشی به عنوان در برنامه SPPU ساخته است. محتوا نه تنها مربوط به SPPU بلکه قابل اجرا برای همه دانشجویان سال اول سال است. خالق یادگیری آسان، مفاهیم مهندسی و چیزهای مهندسی را به صورت دستی فراهم می کند. نویسنده آن را در واقع با استفاده از ابزارها کشیده شده است. بنابراین دانش آموزان می توانند به راحتی پس از گام نویسنده قرعه کشی کنند.