آموزش React Js A-Z با لاراول - برای سطح مبتدی تا پیشرفته

React Js A-Z With Laravel - For Beginner to Advanced Level

نکته: آخرین آپدیت رو دریافت میکنید حتی اگر این محتوا بروز نباشد.
نمونه ویدیوها:
توضیحات دوره: React.js را برای Frontend یاد بگیرید و از Laravel برای Backend استفاده کنید. با ساختن پروژه کامل React Basic Foundation A-Z React FrontEnd ایجاد REST API پیاده‌سازی پروژه با پایگاه داده در چارچوب اجزای سرور واقعی React API مصرف فرم تماس راه‌اندازی لودر انیمیشن راه‌اندازی API راه‌اندازی شکست در راه‌اندازی صفحه انیمیشن راه‌اندازی صندوق کار با React React همه Build React Js Authentication با Laravel Passport راه اندازی پنل مدیریت احراز هویت لاراول با Jetstream پیش نیازها:مبانی HTML مبانی CSS اصول جاوا اسکریپت مانند ایجاد توابع و حلقه ها ES6 Syntax مهم است تمایل به یادگیری React نیازی به دانش قبلی نیست! کامپیوتر ویندوزی، مک یا لینوکس هیچ چیز دیگری! این فقط شما هستید، رایانه و جاه طلبی شما برای شروع امروز

این دوره آموزشی React Js A-Z با لاراول به شما کمک می کند تا به یک توسعه دهنده وب Full Stack تبدیل شوید

React به سرعت به یکی از قدرتمندترین ابزارها برای ساخت برنامه های وب تبدیل شده است. برترین سایت‌هایی که از React استفاده می‌کنند عبارتند از Facebook، Twitter، Netflix، Airbnb و موارد دیگر!

این دوره برای همه کسانی که می خواهند حرفه خود را به عنوان یک توسعه دهنده وب Full Stack شروع کنند عالی است. این دوره به شما کمک می‌کند تا یک پایه قوی برای Frontend توسط React Js و Backend توسط Laravel ایجاد کنید.

اگر دوره را کاملاً کامل بگذرانید، می توانید هر وب سایت پویایی را با react و laravel بسازید. در این دوره من چندین پروژه زندگی واقعی را از ابتدا ایجاد خواهم کرد. من این دوره را به همین شکل طراحی کرده ام، ابتدا شما React Basic Basic را یاد می گیرید سپس با تکمیل یک پروژه، اصول اولیه Laravel را یاد می گیرید. سپس با هم React Js و Laravel نحوه ایجاد یک پروژه احراز هویت سفارشی را با مثال زنده نشان خواهم داد.

همچنین می‌توانید نحوه ایجاد Rest API و همچنین نحوه استفاده از این API را درک کنید. بنابراین شما نه تنها از این دوره یاد خواهید گرفت بلکه آن را انجام خواهید داد.

بهترین بخش این دوره چیست؟

  • شما React Js Basic Fundamentals

    را یاد خواهید گرفت
  • مبانی پایه لاراول را خواهید آموخت

  • نحوه ایجاد API

  • برخی جاوا اسکریپت ضروری.

  • Html را به React Js تبدیل کنید.

  • با React Js و Laravel احراز هویت سفارشی ایجاد کنید

  • یک پروژه کامل پویا زندگی واقعی بسازید.

  • و بیشتر...


در این دوره نه تنها یاد خواهید گرفت که در واقع آن را انجام دهید. این را در یک پروژه زنده با من بیاموزید و اعمال کنید.

صدا عالی است نه؟

---------------------------------------------- ------------------------------------------------ --------------------

همین الان روی دکمه "ثبت نام" در بالا کلیک کنید!

من از دیدن شما در دوره هیجان زده هستم!

با احترام،

کازی آریان


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

معرفی Introduction

  • معرفی Introduction

  • به کمکت احتیاج دارم Need Your Help

  • ماموریت من برای شما My Mission For You

  • در تماس باش Stay In Touch

JavaScript Fundamental - آنچه باید بدانید JavaScript Fundamental - That You Should Know

  • راه اندازی محیط توسعه Development Environment Setup

  • استفاده از کنسول و نظرات در جاوا اسکریپت Uses of Console and Comments in JavaScript

  • ES6 چیست؟ What is ES6

متغیرها و انواع داده ها Variables and Data Types

  • یک متغیر اعلام کنید Declare a Variable

  • کاربرد Let و Const Uses of Let and Const

  • انواع داده های اولیه Primitive Data types

  • انواع مرجع: شی (مبانی) Reference types: Object (Basics)

  • انواع مرجع: آرایه (مبانی) Reference types: Array (Basics)

  • انواع مرجع: تابع (مبانی) Reference types: Function (Basics)

  • الفاظ الگو Template Literals

  • تمرین - شی شخص Exercise - Person Object

اپراتورهای جاوا اسکریپت JavaScript Operators

  • عملگرهای حسابی Arithmetic Operators

  • اپراتورهای واگذاری Assignment Operators

  • اپراتورهای مقایسه Comparison Operators

  • عملگرهای منطقی Logical Operators

  • اپراتورهای برابری Equality Operators

  • تمرین مبادله دو عدد Exercise Swap two numbers

اظهارات مشروط Conditional Statements

  • اگر دیگری If else

  • کیس سوئیچ Switch case

  • اپراتورهای سه تایی Ternary Operators

  • ورزش Fizz Buzz Exercise Fizz Buzz

  • تمرین Fizz Buzz (با اپراتورهای سه تایی Exercise Fizz Buzz (With Ternary Operators

  • سیستم درجه بندی ما را تمرین کنید Exercise Our Grading System

  • کیس سوئیچ با چند عملگر منطقی Switch case with multiple logical operators

حلقه های جاوا اسکریپت JavaScript Loops

  • برای حلقه For loop

  • در حالی که حلقه While loop

  • حلقه while انجام دهید Do while loop

  • برای در حلقه For in loop

  • برای حلقه For of loop

  • بشکن و ادامه بده Break and continue

  • حلقه های بی نهایت Infinite loops

  • حلقه های تو در تو Nested Loops

رشته در جاوا اسکریپت String in JavaScript

  • مبانی رشته String Basics

  • روش‌های رشته: charAt، toUpperCase، toLowerCase، شامل، startsWith، endsWith String Methods: charAt, toUpperCase, toLowerCase, includes, startsWith, endsWith

  • روش های رشته: جستجو، IndexOf، lastIndexOf String Methods: Search, IndexOf, lastIndexOf

  • روش های رشته: toString، Concat، split String Methods: toString, Concat, split

  • روش های رشته: slice، subStr، substring String Methods: slice, subStr, subString

  • دنباله های فرار Escape Sequences

  • تغییرناپذیری رشته String Immutability

اشیاء - هسته جاوا اسکریپت و JSON Objects - The Core of Javascript & JSON

  • مبانی شی با علامت گذاری براکت نقطه Object Basics with Dot Bracket Notation

  • افزودن، اصلاح ویژگی های حذف Adding, Modifying Deleting Properties

  • شی روش این کلمه کلیدی Object Methods This Keyword

  • عبور از ورودی های اشیاء Traversing Object Entries

  • حقوق کل ورزش کنید Exercise Total Salary

  • تخریب شی Object Destructuring

  • شبیه سازی یک شی Cloning an object

  • شیء ریاضی Math Object

  • فرمت داده JSON JSON Data Format

توابع جاوا اسکریپت JavaScript Functions

  • مبانی تابع Function Basics

  • پارامترهای پیش فرض Default Parameters

  • عملکرد به عنوان یک بیان Function as an Expression

  • توابع پیکان Arrow Functions

  • پارامتر استراحت Rest Parameter

آرایه های جاوا اسکریپت JavaScript Arrays

  • مبانی آرایه Array Basics

  • افزودن عناصر Adding Elements

  • حذف عناصر Removing Elements

  • یافتن عناصر (نوع اولیه) Finding Elements (Primitive Type)

  • یافتن عناصر (نوع مرجع) Finding Elements (Reference Type)

  • تکرار یک آرایه Iterating an array

  • مرتب سازی و معکوس کردن یک آرایه Sorting and Reversing an array

  • تست عناصر آرایه Testing the elements of the array

  • ترکیب و برش آرایه Combining and Slicing the array

  • اپراتور گسترش Spread Operator

  • پیوستن به آرایه Joining Array

  • نگاشت یک آرایه Mapping an array

  • فیلتر کردن یک آرایه Filtering an array

  • کاهش یک آرایه Reducing an array

سایر ویژگی های ES6، ES7 و ES8 Other ES6, ES7 and ES8 Features

  • تخریب شیء آرایه Array Object Destructuring

  • ساختار داده: مجموعه Data Structure: Set

  • ساختار داده: نقشه Data Structure: Map

  • مجموعه ضعیف + نقشه ضعیف Weak Set + Weak Map

  • ماژول (واردات صادرات) Module (Import Export)

  • padStart، padEnd TrimStart، TrimEnd padStart, padEnd TrimStart, TrimEnd

مدیریت خطا در جاوا اسکریپت Error Handlings in JavaScript

  • انواع مختلف خطاها در جاوا اسکریپت Different types of errors in JavaScript

  • تمرین Throw Custom Error Object Exercise Throw Custom Error Object

  • خطاها را با try، catch و در نهایت مسدود کردن مدیریت کنید Handle Errors with try, catch, and finally block

  • پایان بخش بنیادی جاوا اسکریپت. End of JavaScript Fundamental Section.

React Js Basic Fundamentals React Js Basic Fundamentals

  • React JS مقدمه اساسی React JS Fundamental Introduction

  • فایل Excise - لطفا این فایل را دانلود کنید. Excise File - Please Download this file.

  • آنچه شما باید بدانید What You Should Know

  • Let، Const Var در جاوا اسکریپت Let, Const Var in Javascript

  • تابع پیکان JS Arrow Function of JS

  • این کلمه کلیدی جاوا اسکریپت This Keyword of Javascript

  • کلاس ها، شی در JS Classes, Object in JS

  • راه اندازی پروژه Project Setup

  • ساختار پروژه و کد اول Project Structure and First Code

  • بابل، بسته وب Babel ,Webpack

  • اجزاء Components

  • اجزای عملکردی Functional Components

  • اجزای کلاس Class Components

  • JSX JSX

  • لوازم جانبی Props

  • حالت State

  • رویداد Handler با متدها Event Handler with Methods

  • دستکاری دولت State Manipulating

  • واکنش DOM React DOM

  • UseState Hook UseState Hook

  • دو طرفه اتصال داده، در تغییر Two Way Data Binding, on Change

  • Stylesheet و Inline Style در Component Stylesheet & Inline Style in Component

  • ورودی تک Single Input

  • در تغییر OnChange

  • راه دیگری برای تغییر Another Way Onchange

  • OnSubmit OnSubmit

  • ورودی چندگانه Multiple Input

  • داده ها را روی حالت در یک خط تنظیم کنید Set Data to State in One Line

  • اعتبار سنجی فرم Form Validation

  • خطا در نمایش Error Showing

  • Textarea Textarea

  • گزینه را انتخاب کنید Select Option

  • لیست ها Lists

  • فهرست آرایه JSON JSON Array List

  • از بوت استرپ استفاده کنید Use Bootstrap

  • React Bootstrap React Bootstrap

  • مسیریابی Routing

  • React Router DOM React Router DOM

  • مولفه بارگذاری پیوند روتر Router Link Load Component

  • درخواست HTTP HTTP Request

  • Axios، روش‌های چرخه زندگی Axios,Lifecycle Methods

  • واکشی داده از API Fetch Data From API

  • مولفه بارگذاری پیوند Link Load Component

  • جزء فرم Form Component

  • داده های ارسال Http Http Post Data

  • ActiveLink ActiveLink

  • React Hooks React Hooks

  • UseState، کامپوننت کلاس به مؤلفه عملکردی UseState , Class Component to Functional Component

  • جزء عملکردی به جزء کلاس Functional Component to Class Component

HTML را به React Js تبدیل کنید Convert HTML to React Js

  • پرونده مالیاتی - برای این بخش. Excise File - For This Section.

  • راه اندازی پروژه الگو Template Project Setup

  • روتر واکنش React Router

  • کامپوننت خانه Home Component

  • درباره کامپوننت About Component

  • جزء خدمات Services Component

  • جزء نمونه کارها Portfolio Component

  • کامپوننت تماس Contact Component

  • جزء وبلاگ Blog Component

  • اجزای جزئیات وبلاگ Blog Details Components

  • نحوه آپلود پروژه در سی پنل How to upload project in Cpanel

اصول اولیه لاراول با وب سایت کامل Laravel Basic Fundamentals with Complete Website

  • راه اندازی محیط ضروری Essential Enviroment Setup

  • فایل Excise برای این بخش - لطفا این فایل را دانلود کنید. Excise File For This Section - Plz Download This File.

  • نصب لاراول 8 Laravel 8 installation

  • در مورد ساختار پوشه لاراول بحث کنید Discuss on Laravel Folder Structure

  • MVC چیست و مزایای آن What is MVC and Its Benefits

  • مسیر چیست What is Route

  • مسیرهای لاراول Laravel Routes

  • Laravel Blade Syntax Laravel Blade Syntax

  • نحوه ساخت کنترلر و دریافت درخواست آدرس اینترنتی How to Make Controller And Get Url Request

  • میان افزار Middleware

  • آدرس لاراول، URL به مسیر Laravel Url, URL to Route

  • ایجاد پایگاه داده و پیکربندی Create Database and Configaration

  • نصب لاراول 8 احراز هویت Laravel 8 Authentication install

  • جزئیات احراز هویت لاراول 8 Laravel 8 Authentication Details

  • ORM Floquent Read User Data Eloquent ORM Read Users Data

  • Query Builder خواندن اطلاعات کاربران Query Builder Read Users Data

  • ایجاد مدل و مهاجرت Create Model And Migration

  • اعتبار سنجی فرم و نمایش پیام خطای سفارشی Form Validation & Show Custom Error Message

  • Floquent ORM Insert Data Eloquent ORM Insert Data

  • درج داده با Query Builder Insert Data With Query Builder

  • ORM Floquent Read Data Eloquent ORM Read Data

  • Query Builder Read Data Query Builder Read Data

  • صفحه بندی لاراول Laravel Pagination

  • ORM Floquent One To One Relationships Eloquent ORM One To One Relationships

  • جدول پیوستن Query Builder Query Builder Join Table

  • Eloquent ORM ویرایش و به روز رسانی Eloquent ORM Edit & Update

  • Query Builder ویرایش و به روز رسانی داده ها Query Builder Edit & Update Data

  • Soft Delete، Data Restore و ForceDelete قسمت 1 Soft Delete ,Data Restore & ForceDelete Part 1

  • Soft Delete، Data Restore و ForceDelete قسمت 2 Soft Delete ,Data Restore & ForceDelete Part 2

  • تنظیم صفحه برند Setup Brand Page

  • ORM Floquent Insert Image Eloquent ORM Insert Image

  • ویرایش ORM Eloquent، به روز رسانی داده ها با تصویر و بدون تصویر قسمت 1 Eloquent ORM Edit,Update Data With Image & Without Image Part 1

  • Eloquent ORM Edit، به روز رسانی داده ها با تصویر و بدون تصویر قسمت 2 Eloquent ORM Edit,Update Data With Image & Without Image Part 2

  • حذف داده ها با تصویر Delete Data With Image

  • درج و تغییر اندازه تصویر با بسته مداخله Image Insert & Resize With Intervention Package

  • آپلود چند تصویر قسمت 1 Multiple Image Upload Part 1

  • آپلود چند تصویر قسمت 2 Multiple Image Upload Part 2

  • به روز رسانی پروفایل کاربر و تغییر رمز عبور Update User Profile and Change Password

  • رمز عبور و بازنشانی رمز عبور را فراموش کرده اید Forgot Password & Password Reset

  • تایید ایمیل در لاراول Email Verify in Laravel

  • کنترل دسترسی کاربران احراز هویت Middleware Middleware Auth Users Access Control

  • راه اندازی پنل مدیریت قسمت 1 Admin Panel Setup Part 1

  • راه اندازی پنل مدیریت قسمت 2 Admin Panel Setup Part 2

  • راه اندازی پنل مدیریت قسمت 3 Admin Panel Setup Part 3

  • خروج از تنظیمات صفحه Logout Page Setup

  • راه اندازی صفحه ورود Login Page Setup

  • Ftend Templete Setup قسمت 1 Fontend Templete Setup Part 1

  • Ftend Templete Setup قسمت 2 Fontend Templete Setup Part 2

  • راه اندازی صفحه برند اصلی Setup Home Brand Page

  • راه اندازی صفحه اسلایدر صفحه اصلی قسمت 1 Setup Home Slider Page Part 1

  • راه اندازی صفحه اسلایدر خانه قسمت 2 Setup Home Slider Page Part 2

  • راه اندازی صفحه اسلایدر خانه قسمت 3 Setup Home Slider Page Part 3

  • راه اندازی صفحه اصلی درباره بخش قسمت 1 Setup Home page About Section Part 1

  • راه اندازی صفحه اصلی درباره بخش قسمت 2 Setup Home page About Section Part 2

  • راه اندازی صفحه اصلی درباره بخش قسمت 3 Setup Home page About Section Part 3

  • راه اندازی صفحه اصلی درباره بخش قسمت 4 Setup Home page About Section Part 4

  • راه اندازی صفحه اصلی درباره بخش قسمت 5 Setup Home page About Section Part 5

  • راه اندازی بخش نمونه کارها صفحه اصلی Setup Home page Portofolio Section

  • راه اندازی صفحه نمونه کارها Setup Portofolio Page

  • راه اندازی صفحه تماس قسمت 1 Setup Contact Page Part 1

  • راه اندازی صفحه تماس قسمت 2 Setup Contact Page Part 2

  • راه اندازی صفحه تماس قسمت 3 Setup Contact Page Part 3

  • راه اندازی صفحه تماس قسمت 4 Setup Contact Page Part 4

  • راه اندازی صفحه تماس قسمت 5 Setup Contact Page Part 5

  • تغییر گزینه رمز عبور قسمت 1 Change Password Option Part 1

  • تغییر گزینه رمز عبور قسمت 2 Change Password Option Part 2

  • تغییر گزینه رمز عبور قسمت 3 Change Password Option Part 3

  • تغییر نمایه کاربر قسمت 1 Chage User Profile Part 1

  • تغییر نمایه کاربر قسمت 2 Chage User Profile Part 2

  • نحوه اضافه کردن Toster در پروژه How to add Toster in Project

  • نحوه استقرار پروژه در cPane How to deploy Project in cPane

  • Public را از Deploy Project در سی پنل حذف کنید Remove Public from Deploy Project in Cpanel

با Laravel و Postman یک CRUD Rest API ایجاد کنید Create a CRUD Rest API with Laravel and Postman

  • رستاپی (Api,thirdapartapi,Restfullapi) مقدمه Restapi (Api,thirdapartapi,Restfullapi) Introduction

  • معرفی بخش RestAPI Introduction Of RestAPI Section

  • RestAPI API پروژه لاراول را ایجاد کنید RestAPI API Create Laravel Project

  • RestAPI MCR، اولین مسیر و روش RestAPI MCR,First Route and Method

  • RestAPI Class CRUD قسمت 1 RestAPI Class CRUD Part 1

  • RestAPI Class CRUD قسمت 2 RestAPI Class CRUD Part 2

  • RestAPI Subject CRUD قسمت 1 RestAPI Subject CRUD Part 1

  • RestAPI Subject CRUD قسمت 2 RestAPI Subject CRUD Part 2

  • RestAPI بخش CRUD قسمت 1 RestAPI Section CRUD Part 1

  • RestAPI بخش CRUD قسمت 2 RestAPI Section CRUD Part 2

  • RestAPI Student CRUD قسمت 1 RestAPI Student CRUD Part 1

  • RestAPI Student CRUD قسمت 2 RestAPI Student CRUD Part 2

  • این بخش کد منبع پروژه - دانلود لطفا This Section Project Source Code - Plz Download

با Laravel Passport احراز هویت React Js را بسازید Build React Js Authentication with Laravel Passport

  • مقدمه بخش - آنچه در این بخش خواهیم ساخت Section Introduction - What We Will Build in This Section

  • کد منبع این بخش This Section Source Code

  • آنچه شما برای این بخش نیاز دارید What You Will Need for This Section

  • نصب پروژه لاراول و پیکربندی پایگاه داده Laravel Project Install and Database Configer

  • نصب گذرنامه احراز هویت پاسپورت لاراول Laravel passport Authentication Passport Install

  • ورود به سیستم احراز هویت گذرنامه لاراول Laravel Passport Authentication Login

  • احراز هویت لاراول پاسپورت ¦ ثبت نام قسمت 1 Laravel Passport Authentication ¦ Registration Part 1

  • احراز هویت پاسپورت لاراول ¦ ثبت نام قسمت 2 Laravel Passport Authentication ¦ Registration Part 2

  • احراز هویت گذرنامه لاراول ¦ قسمت 1 رمز عبور را فراموش کرده اید Laravel Passport Authentication ¦ Forgot Password Part 1

  • احراز هویت گذرنامه لاراول ¦ قسمت 2 رمز عبور را فراموش کرده اید Laravel Passport Authentication ¦ Forgot Password Part 2

  • رمز عبور بازنشانی احراز هویت پاسپورت لاراول Laravel Passport Authentication Reset Password

  • کاربر مجوز احراز هویت پاسپورت لاراول Laravel Passport Authentication Authorization User

  • پروژه احراز هویت پاسپورت لاراول React Laravel passport Authentication React Project

  • React Router & Component Setup React Router & Component Setup

  • صفحه ورود به سیستم احراز هویت گذرنامه لاراول Laravel Passport Authentication Login Page

  • احراز هویت گذرنامه ¦ سایر اجزا Passport Authentication ¦ Other Components

  • احراز هویت گذرنامه ¦ صفحه نمایه کاربر Passport Authentication ¦ User Profile Page

  • اعتبارنامه ورود به سیستم احراز هویت گذرنامه قسمت 1 Passport Authentication Login Credentials Part 1

  • اعتبارنامه ورود به سیستم احراز هویت گذرنامه قسمت 2 Passport Authentication Login Credentials Part 2

  • احراز هویت پاسپورت ¦ Storage Token Passport Authentication ¦ Storage Token

  • احراز هویت گذرنامه ورود پس از نمایه قسمت 1 Passport Authentication Login after profile Part 1

  • احراز هویت گذرنامه ورود پس از نمایه قسمت 2 Passport Authentication Login after profile Part 2

  • احراز هویت گذرنامه ¦ داده های نمایه Passport Authentication ¦ Profile data

  • ثبت احراز هویت گذرنامه Passport Authentication Registration

  • احراز هویت گذرنامه ¦ خروج Passport Authentication ¦ Logout

  • احراز هویت گذرنامه ¦ گزینه رمز عبور را فراموش کرده اید Passport Authentication ¦ Forgot Password Option

  • احراز هویت گذرنامه ¦ نمایش خطا Passport Authentication ¦ Error Showing

  • احراز هویت گذرنامه ¦ بازنشانی رمز عبور Passport Authentication ¦ Reset Password

  • احراز هویت گذرنامه ¦ از آدرس اینترنتی محافظت کنید Passport Authentication ¦ Protect Url

Build Complete React Project A-Z Build Complete React Project A-Z

  • معرفی Introduction

  • این بخش فایل مالیاتی - لطفا دانلود کنید This Section Excise File - Please Downlaod

  • نکته مهم - باید بررسی شود Important Note - Must Check

  • قبل از شروع آنچه شما نیاز دارید Before Start What You Will Need

  • ایجاد React Project و ایجاد Boiler Plate Create React Project and Create Boiler Plate

  • چارچوب کامپوننت Component Framework

  • فونت های گوگل Google Fonts

  • Favicon & Main Div Favicon & Main Div

  • اضافه کردن پروژه در Github Add Project In Github

راه اندازی مؤلفه بنر بالا Top Banner Component Setup

  • جزء بالا بنر قسمت 1 Top Banner Component Part 1

  • جزء بالا بنر قسمت 2 Top Banner Component Part 2

  • کامپوننت بالا بنر قسمت 3 Top Banner Component Part 3

راه اندازی مؤلفه خدمات Service Component Setup

  • بخش خدمات بخش 1 Service Component Part 1

  • بخش خدمات بخش 2 Service Component Part 2

  • بخش خدمات بخش 3 Service Component Part 3

راه اندازی کامپوننت Nav Nav Component Setup

  • قسمت 1 Nav Component Nav Component Part 1

  • قسمت 2 Nav Component Nav Component Part 2

  • Nav Component Part 3 Nav Component Part 3

  • قسمت 4 Nav Component Nav Component Part 4

  • قسمت 5 Nav Component Nav Component Part 5

  • قرار دادن CSS CSS Placing

تنظیم اجزای نمودار Chart Component Setup

  • جزء نمودار قسمت 1 Chart Component Part 1

  • جزء نمودار قسمت 2 Chart Component Part 2

  • جزء نمودار قسمت 3 Chart Component Part 3

تنظیم کامپوننت خلاصه Summary Component Setup

  • خلاصه جزء 1 Summary Component Part 1

  • جزء خلاصه قسمت 2 Summary Component Part 2

  • خلاصه جزء 3 Summary Component Part 3

  • جزء خلاصه قسمت 4 Summary Component Part 4

  • انیمیشن شمارش Count Animation

راه اندازی اجزای پروژه و دوره Project and Course Component Setup

  • جزء پروژه قسمت 1 Project Component Part 1

  • جزء پروژه قسمت 2 Project Component Part 2

  • جزء دوره 1 Course Component Part 1

  • جزء دوره 2 Course Component Part 2

تنظیم کامپوننت ویدیو و بررسی Video and Review Component Setup

  • کامپوننت ویدیو قسمت 1 Video Component Part 1

  • کامپوننت ویدیو قسمت 2 Video Component Part 2

  • کامپوننت ویدیو قسمت 3 Video Component Part 3

  • بخش 1 را مرور کنید Review Section Part 1

  • بخش 2 را مرور کنید Review Section Part 2

درباره من تنظیم مؤلفه About Me Component Setup

  • بخش 1 درباره من About Me Section Part 1

  • بخش 2 درباره من About Me Section Part 2

راه اندازی کامپوننت پاورقی Footer Component Setup

  • پاورقی قسمت 1 Footer Part 1

  • پاورقی قسمت 2 Footer Part 2

  • پاورقی قسمت 3 Footer Part 3

  • رفع آیکون هدر و تراز فوتر Fixing Header Icon and Fotter Align

راه اندازی صفحات تشکیل Formation Pages Setup

  • صفحه اصلی تشکیل Formation Home Page

  • صفحه تشکیل بالا Formation Page Top

  • شکل گیری درباره صفحه Formation About Page

  • صفحه دوره تشکیل Formation Course Page

  • صفحه نمونه کارها تشکیل Formation Portfolio Page

  • فرم تماس با تشکیل Formation Contact Form

  • صفحه خدمات تشکیل Formation Service Page

  • React Router Update به 6. React Router Update to 6.

  • مسیر ایجاد سازند Formation Creating Route

راه اندازی مسیریابی با صفحات Routing Setup With Pages

  • مسیریابی همه صفحه Routing All Page

  • لینک مسیریابی فعال Active Routing Link

  • صفحه سیاست بازپرداخت Refund Policy Page

  • شرایط و ضوابط Terms and Conditions

  • سیاست حفظ حریم خصوصی پاورقی تماس با پاورقی درباره من Privacy Policy Footer Contact Footer About Me

تنظیم صفحه اصلی Home Page Layout Setup

  • به روز رسانی طرح بندی صفحه اصلی قسمت 1 Update Home Page Layout Part 1

  • به روز رسانی طرح صفحه اصلی قسمت 2 Update Home Page Layout Part 2

راه اندازی جزئیات پروژه و دوره Project and Course Details Setup

  • صفحه جزئیات پروژه قسمت 1 Project Details Page Part 1

  • صفحه جزئیات پروژه قسمت 2 Project Details Page Part 2

  • صفحه جزئیات دوره 1 Course Details Page Part 1

  • صفحه جزئیات دوره 2 Course Details Page Part 2

  • صفحه جزئیات دوره 3 Course Details Page Part 3

  • مسیر لوگوی NavBrand NavBrand Logo Route

  • پیمایش پنجره برای مسیر صفحه جدید Window Scroll For New Page Route

Rest API را با لاراول ایجاد کنید Create Rest API With Laravel

  • پروژه لاراول را با پایگاه داده Auth و Configer نصب کنید Install Laravel Project with Auth and Configer Database

  • ایجاد جدول پایگاه داده قسمت 1 Create Database Table Part 1

  • ایجاد جدول پایگاه داده قسمت 2 Create Database Table Part 2

  • ایجاد جدول پایگاه داده قسمت 3 Create Database Table Part 3

  • ایجاد جدول پایگاه داده قسمت 4 Create Database Table Part 4

  • ایجاد نمودار داده REST API Chart Data REST API Creation

  • بررسی مشتری ایجاد REST API Client Review REST API Creation

  • تماس با ارسال REST ایجاد API Contact Send REST API Creation

  • ایجاد دوره Home REST API Course Home REST API Creation

  • ایجاد پاورقی Data REST API Footer Data REST API Creation

  • اطلاعات REST ایجاد API Information REST API Creation

  • خدمات REST API ایجاد Services REST API Creation

  • ایجاد Projet Home REST API Projet Home REST API Creation

  • کل جزئیات صفحه اصلی ایجاد REST API Total Home Details REST API Creation

Axios درخواست راه اندازی Axios Requests Setup

  • Axios را نصب کنید Install Axios

  • تست Axios Axios Test

  • URL برنامه Axios Axios App URL

  • درخواست دریافت مشترک Common Get Request

  • Rest API Real Server Deploy Part 1 Rest API Real Server Deploy Part 1

  • Rest API Real Server Deploy Part 2 Rest API Real Server Deploy Part 2

مصرف API برای صفحه اصلی API Consuming for Home Page

  • Home Title Top React API Consuming Part 1 Home Top Title React API Consuming Part 1

  • Home Title Top React API Consuming Part 2 Home Top Title React API Consuming Part 2

  • صفحه خدمات خانگی React API Consuming Home Service Page React API Consuming

  • صفحه اصلی پروژه های اخیر React API Consuming Home Recent Projects React API Consuming

  • صفحه اصلی دوره های آموزشی React API Consuming Home Courses Page React API Consuming

  • Home Client Review React API Consuming Home Client Review React API Consuming

  • نمودار صفحه اصلی React API Consuming Home Chart React API Consuming

مصرف کننده API برای صفحات مختلف API Consuming for Different Pages

  • شرح فناوری React API Consuming Technology Description React API Consuming

  • درباره مصرف صفحه React API About Page React API Consuming

  • صفحه اطلاعات React API مصرف می کند Information Page React API Consuming

  • Footer Page React API Consuming Footer Page React API Consuming

  • بخش ویدئو React API Consuming Video Section React API Consuming

راه اندازی فرم تماس Contact Form Setup

  • ارسال اطلاعات از فرم تماس قسمت 1 Post Data From Contact Form Part 1

  • ارسال اطلاعات از فرم تماس قسمت 2 Post Data From Contact Form Part 2

  • ارسال اطلاعات از فرم تماس قسمت 3 Post Data From Contact Form Part 3

تمام Coruse و Proejct Page Consuming Api All Coruse and Proejct Page Api Consuming

  • All Coruse Page API Consuming Part 1 All Coruse Page API Consuming Part 1

  • All Coruse Page API Consuming Part 2 All Coruse Page API Consuming Part 2

جزئیات پروژه صفحه مصرف کننده Api Project Details Page Api Consuming

  • جزئیات پروژه صفحه API مصرف کننده قسمت 1 Project Details Page API Consuming Part 1

  • جزئیات پروژه صفحه API مصرف بخش 2 Project Details Page API Consuming Part 2

  • جزئیات پروژه صفحه API مصرف کننده قسمت 3 Project Details Page API Consuming Part 3

  • جزئیات پروژه صفحه API مصرف کننده قسمت 4 Project Details Page API Consuming Part 4

جزئیات دوره در حال مصرف صفحه Api Course Details Page Api Consuming

  • جزئیات دوره صفحه API مصرف بخش 1 Course Details Page API Consuming Part 1

  • جزئیات دوره صفحه API مصرف بخش 2 Course Details Page API Consuming Part 2

  • جزئیات دوره صفحه API مصرف بخش 3 Course Details Page API Consuming Part 3

راه اندازی انیمیشن لودر Loader Animation Setup

  • انیمیشن لودر را جمع آوری کنید Collect Loader Animation

  • ایجاد مؤلفه بارگیری Create Loading Component

  • مجموعه بارگذاری انیمیشن قسمت 1 Set Loading Animation Part 1

  • مجموعه بارگذاری انیمیشن قسمت 2 Set Loading Animation Part 2

  • مجموعه بارگذاری انیمیشن قسمت 3 Set Loading Animation Part 3

  • مجموعه بارگذاری انیمیشن قسمت 4 Set Loading Animation Part 4

  • مجموعه لودینگ انیمیشن قسمت 5 Set Loading Animation Part 5

راه اندازی API Failure API Failure Setup

  • API Failure Manage Part 1 API Failure Manage Part 1

  • API Failure Manage Part 2 API Failure Manage Part 2

  • API Failure Manage Part 3 API Failure Manage Part 3

راه اندازی انیمیشن صفحه Page Animation Setup

  • از انیمیشن در سایت قسمت 1 استفاده کنید Use Animation in Site Part 1

  • از انیمیشن در سایت قسمت 2 استفاده کنید Use Animation in Site Part 2

  • از انیمیشن در سایت قسمت 3 استفاده کنید Use Animation in Site Part 3

سایت ریسپانسیو Site Responsive

  • سایت ریسپانسیو قسمت 1 Site Responsive Part 1

  • سایت ریسپانسیو قسمت 2 Site Responsive Part 2

پروژه React را در هاست وب اجرا کنید Deploy React Project to Webhost

  • URL یافت نشد 404 راه حل یافت نشد URL Not Found 404 Not Found Solution

  • استقرار React Client Application Real Server Deploy React Client Application Real Server

راه اندازی پنل مدیریت باطن Backend Admin Panel Setup

  • قبل از شروع این بخش Before Start This Section

  • تنظیم تم مدیریت Setup Admin Theme

  • تقسیم بندی صفحه داشبورد Dashboard Page Segmentation

  • قالب مدیریت Refreach Refreach Admin Template

  • گزینه خروج ادمین Admin Logout Option

  • سفارشی کردن فرم ورود Customize Login Form

راه اندازی نمایه مدیریت پشتیبان Backend Admin Profile Setup

  • به روز رسانی نمایه و تصویر مدیر قسمت 1 Admin Profile & Image Update Part 1

  • به روز رسانی نمایه و تصویر مدیر قسمت 2 Admin Profile & Image Update Part 2

  • به روز رسانی نمایه و تصویر مدیریت قسمت 3 Admin Profile & Image Update Part 3

  • به روز رسانی نمایه و تصویر مدیر قسمت 4 Admin Profile & Image Update Part 4

  • افزودن توستر در پیام مشاهده Adding Toster In For View Message

تنظیمات رمز عبور را تغییر دهید Backend Change Password Setup

  • نمایه مدیر تغییر رمز عبور قسمت 1 Admin Profile Change Password Part 1

  • نمایه مدیر تغییر رمز عبور قسمت 2 Admin Profile Change Password Part 2

راه اندازی اطلاعات پشتیبان Backend Information Setup

  • ایجاد CRUD برای اطلاعات قسمت 1 Create CRUD for Information Part 1

  • ایجاد CRUD برای اطلاعات قسمت 2 Create CRUD for Information Part 2

  • ایجاد CRUD برای اطلاعات قسمت 3 Create CRUD for Information Part 3

  • ایجاد CRUD برای اطلاعات قسمت 4 Create CRUD for Information Part 4

راه اندازی خدمات پس زمینه Backend Services Setup

  • Image Intervention را نصب کنید Install Image Intervention

  • ایجاد CRUD برای خدمات بخش 1 Create CRUD for Services Part 1

  • ایجاد CRUD برای خدمات بخش 2 Create CRUD for Services Part 2

  • ایجاد CRUD برای خدمات قسمت 3 Create CRUD for Services Part 3

  • ایجاد CRUD برای خدمات قسمت 4 Create CRUD for Services Part 4

راه اندازی پروژه Backend Backend Project Setup

  • CRUD برای پروژه قسمت 1 ایجاد کنید Create CRUD for Project Part 1

  • CRUD برای پروژه قسمت 2 ایجاد کنید Create CRUD for Project Part 2

  • ایجاد CRUD برای پروژه قسمت 3 Create CRUD for Project Part 3

  • CRUD برای پروژه قسمت 4 ایجاد کنید Create CRUD for Project Part 4

راه اندازی دوره های پشتیبان Backend Courses Setup

  • ایجاد CRUD برای دوره های بخش 1 Create CRUD for Courses Part 1

  • ایجاد CRUD برای دوره ها قسمت 2 Create CRUD for Courses Part 2

  • ایجاد CRUD برای دوره ها قسمت 3 Create CRUD for Courses Part 3

راه اندازی صفحه اصلی Backend Backend Home Page Setup

  • ایجاد CRUD برای صفحه اصلی قسمت 1 Create CRUD for Home Page Part 1

  • ایجاد CRUD برای صفحه اصلی قسمت 2 Create CRUD for Home Page Part 2

  • ایجاد CRUD برای صفحه اصلی قسمت 3 Create CRUD for Home Page Part 3

راه اندازی بررسی مشتری Backend Backend Client Review Setup

  • ایجاد CRUD برای بررسی مشتری قسمت 1 Create CRUD for Client Review Part 1

  • CRUD برای بررسی مشتری قسمت 2 ایجاد کنید Create CRUD for Client Review Part 2

  • ایجاد CRUD برای بررسی مشتری قسمت 3 Create CRUD for Client Review Part 3

راه اندازی پاورقی Backend Backend Footer Setup

  • ایجاد CRUD برای پاورقی قسمت 1 Create CRUD for Footer Part 1

  • ایجاد CRUD برای پاورقی قسمت 2 Create CRUD for Footer Part 2

راه اندازی نمودارهای باطن Backend Charts Setup

  • CRUD برای نمودارها قسمت 1 ایجاد کنید Create CRUD for Charts Part 1

  • CRUD برای نمودارها قسمت 2 ایجاد کنید Create CRUD for Charts Part 2

  • دریافت اطلاعات فرم تماس Get Contact Form Data

  • متشکرم Thank You

  • بعدش چی میشه؟ What is coming next ?

نمایش نظرات

Udemy (یودمی)

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

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

آموزش React Js A-Z با لاراول - برای سطح مبتدی تا پیشرفته
جزییات دوره
68 hours
425
Udemy (یودمی) Udemy (یودمی)
(آخرین آپدیت)
2,672
4.6 از 5
دارد
دارد
دارد
جهت دریافت آخرین اخبار و آپدیت ها در کانال تلگرام عضو شوید.

Google Chrome Browser

Internet Download Manager

Pot Player

Winrar

Kazi Ariyan Kazi Ariyan

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

easy Learning easy Learning

حرفه ای یاد بگیرید