لطفا جهت اطلاع از آخرین دوره ها و اخبار سایت در
کانال تلگرام
عضو شوید.
آموزش دوره کامل React 18 Fullstack (نسخه 2022)
The complete React 18 Fullstack course ( 2022 edition)
نکته:
آخرین آپدیت رو دریافت میکنید حتی اگر این محتوا بروز نباشد.
نمونه ویدیوها:
توضیحات دوره:
با React، Redux، Routes، Node js، Express و MongoDB، کدنویسی را به سطح بعدی ببرید. کل فرآیند ساخت React WebApp، از رایانه شخصی خود تا سرور را خواهید آموخت. کار با پایگاههای داده nosql (Firebase، MongoDB و Moongoose) نحوه استقرار برنامهها در سرویسهایی مانند Firebase و Heroku. یاد بگیرید که Redux چگونه کار می کند و آن را در یک برنامه واقعی استفاده کنید. یاد بگیرید NODE js چیست و چگونه کار می کند و سرور خود را بسازید، اصول Webpack را بیاموزید پیش نیازها: دانستن کمی HTML، CSS و جاوا اسکریپت، هر چیز دیگری را در حین انجام ما یاد خواهید گرفت.
آیا می خواهید کل فرآیند ساخت برنامه خود را یاد بگیرید؟ این دوره برای شماست.
ما از همان ابتدا شروع خواهیم کرد، از "من حتی نمی دانم چگونه از آن استفاده کنم.. و چرا باید" تا درک واقعی نحوه عملکرد React و برقراری ارتباط آن با سایر فناوری ها مانند Node JS.
/p>
شما تمام منطق و تمرین پشت React را در ماژول های مختلف یاد خواهید گرفت، و با پیشروی در دوره، سختی آن را افزایش خواهیم داد.
از آنجایی که من معتقدم بهترین راه برای یادگیری کامل کدنویسی است، پس از هر بخش مهم، همه چیز را با برخی از پروژه های دوره عملی خواهیم کرد، و پس از اینکه پایگاه قوی React داشته باشید، به سرورها و پایگاه های داده، Redux سفر خواهیم کرد. و استقرار برنامه ها برای تولید.
ما از ES6، آخرین نسخه جاوا اسکریپت استفاده خواهیم کرد.
ES6 را نمی شناسید؟
>
برای خلاصه کردن همه چیز، در این دوره یاد خواهید گرفت:
اصول اساسی React. نحوه نصب و منطق پشت آن.
زمانی که اصول React را بدانید، به موضوعات گیج کننده سفر خواهیم کرد.
بعد از اینکه پایگاه قوی React داشته باشید، یک پروژه تمرین کامل ایجاد خواهیم کرد.
همه از Redux استفاده می کنند، بنابراین ما نحوه استفاده از redux را با برنامه های React خود یاد خواهیم گرفت.
از آنجایی که برنامه ما به پایگاه داده نیاز دارد، نحوه استفاده از MongoDB و mongoose را یاد خواهید گرفت.
امنیت، احراز هویت، محدود کردن مسیرها، رمزهای عبور هش و JWT را اعمال کنید.
ما یک پروژه تمرین دوم را با استفاده از R eact، Redux، Node Server و MongoDB ایجاد خواهیم کرد.
البته، ما کل فرآیند انتشار برنامه شما را با استفاده از Heroku، Git و Github یاد خواهیم گرفت.
پک وب بخشی از فول استک است.
شما همچنین یک دوره کامل ES6
دریافت میکنید
در مورد تجربه مربی چطور؟
خب من الان 15 سال است که هستم، برنامه های کاربردی زیادی برای پروژه های کوچک و شرکت های بزرگی مانند سیتی، فاکس، دیزنی و بسیاری دیگر ساخته ام.
امروز من به عنوان توسعه دهنده برای یک شرکت بزرگ کار می کنم که بیشتر برنامه های کاربردی را در React یا Angular توسعه می دهد، اما دوست دارم در اوقات فراغت خود تدریس کنم.
مخاطب هدف چطور؟
این دوره تقریباً برای همه است، کمی جاوا اسکریپت لازم است. ما از ES6 استفاده خواهیم کرد، اما شما می توانید در حین حرکت یاد بگیرید.
اگر می خواهید برنامه نویسی خود را به سطح بعدی ببرید، این دوره برای شما مناسب است.
سرفصل ها و درس ها
معرفی
Introduction
معرفی
Introduction
در حال نصب گره
Installing node
IDE
IDE
React Basics
React Basics
دیگ بخار
The boilerplate
بسته نرم افزاری
The Bundle
از زمین به بالا
From the ground up
جی اس ایکس در پشت صحنه
JSX behind the scenes
ساختار پروژه
Project structure
انواع جزء
Types of component
اضافه کردن مقداری سبک
Adding some style
کپی پیست از Github
Copy paste from Github
مناسبت ها
Events
حالت
State
لوازم جانبی
Props
لوازم 2
Props 2
لوازم و اجزای کلاس
Props and class components
بچه ها واکنش نشان دهید
React children
سبک های پویا
Dynamic styles
لوازم و توابع
Props and functions
چرخه حیات کامپوننت
Component Lifecycle
چرخه حیات جزء 2
Component Lifecycle 2
قلاب
Hooks
معرفی قلاب
Hooks intro
UseState
UseState
UseState 2
UseState 2
UseEffect
UseEffect
استفاده از Callback
UseCallback
UserRef
UseRef
زمینه
The context
زمینه 2
The context 2
UseEffect
UseEffect
استفاده از Callback
UseCallback
UserRef
UseRef
پروژه تمرین: چه کسی صورتحساب را پرداخت می کند؟
Practice project: Who pays the bill ?
شروع و زمینه
Start and context
ایجاد فرم
Creating the form
بازیکنان را به لیست اضافه کنید
Add players to the list
نمایش لیست و حذف
Show list and remove
مرحله 2 و نان تست
Stage 2 and toasts
برنامه را تمام کنید
Finish the App
مسیرها
Routes
مقدمه
Intro
فرآیند روتر
Router process
ایجاد مسیرها
Creating routes
استفاده از مسیرها
Using routes
ربط دادن
Linking
ربط دادن
Linking
CSS کمی بهتر است
A bit better CSS
پارامترها
Params
پارامترها
Params
اجزای کلاس
Class components
Navlink، حافظه، هش
Navlink, memory, hash
تغییر مسیرها
Redirections
بدون مسیر مسابقه
No match routes
مسیرهای تو در تو
Nested routes
انتقال ها
Transitions
انتقال
Transition
انتقال 2
Transition 2
انتقال CSS
CSS Transition
گروه انتقال
Transition Group
سایر کتابخانه ها
Other Libraries
Redux
Redux
مقدمه
Intro
اتصال redux
Connecting redux
CreateSlice
CreateSlice
دسترسی به فروشگاه
Access the store
عمل
Action
صدای ناهمگام
Async thunks
Async Thunks 2
Async thunks 2
رد و برآورده شود
Reject and fulfill
باز کردن
Unwrap
پروژه تمرین: اخبار روز.
Practice project: Daily News.
نصب و راه اندازی
Installation and routes
سربرگ و طرح
Header and layout
راه اندازی Redux
Setting up Redux
سرور JSON
JSON server
واکشی پست های خانه
Fetching home posts
نمایش پست های خانه
Showing home posts
در حال بارگیری پست های بیشتر
Loading more posts
ارسال با آیدی
Post by ID
خبرنامه قسمت 1
Newsletter part 1
خبرنامه قسمت 2
Newsletter part 2
پاکسازی
Clearing
تشکیل می دهد
Forms
مقدمه
Intro
فورمیک-شروع
Formik-Starting
Formik-Validation
Formik-Validation
فرمیک-یوپ
Formik-Yup
فورمیک هوکس
Formik-Hooks
Formik-Components
Formik-Components
زمینه های Formik-Custom
Formik-Custom fields
لمس های نهایی
Final touches
فرم تماس با اخبار روزانه
Daily news contact form
فرم تماس با اخبار روز 2
Daily news contact form 2
Usereducer
Usereducer
Node JS
Node JS
NODE چیست؟
What is NODE ?
REPL
REPL
مسدود کردن یا غیر مسدود کردن
Blocking or Non-Blocking
مربی حرفه ای و توسعه دهنده وب. من مدت ها پیش شروع به بروز تب اینترنت کردم. من با ایجاد برنامه نویسی برای ایجاد وب سایت هایی برای پروژه های شخصی خودم شروع کردم اما بعد از مدتی مردم برای ایجاد وب سایت های خود با من تماس گرفتند ، خنده دار نحوه کار همه چیز بیرون
من با فناوری هایی مانند PHP ، Wordpress ، Laravel ، NodeJS ، Phyton و بسیاری از زبانهای دیگر کار کردم ، اما امروز دوست دارم با فناوری مبتنی بر JavaScript مانند React ، Angular یا VueJS کار کنم. بله من عاشق جاوا اسکریپت هستم :)
برنامه های زیادی برای شرکت های بسیار کوچک و برنامه های بسیار عظیم مانند Citi ، Fox ، Disney ، Roche و بسیاری دیگر بسازید.
اما علاوه بر پیشرفت ، دوست دارم با آموزش آنچه دوست دارم ، با مردم تعامل داشته باشم.
نمایش نظرات