آموزش ۲۰ کتابخانه کاربردی ReactJS برای بازارکار
کتابخانهها باعث افزایش سرعت کدنویسی میشن. در حدی که تو بازار کار هم از کتابخانه های مختلفی برای توسعه پروژهها استفاده میشه. تو این دوره 20 کتابخانه پرکاربرد و پراستفاده ریاکت که تو بازار کار برای توسعه پروژه های مختلفی استفاده میشه رو بصورت پروژه محور یاد میگیری. این موضوع هم سرعت کدنویسی شما رو افزایش میده، هم دستتون تو کدنویسی بازتره و هم شانس استخدامیتون رو بالا میبره.
شرکت در دوره
570,000
وضعیت دوره
تکمیل شده
مدت زمان دوره
14 ساعت
آخرین بروزرسانی
1402/06/21
روش پشتیبانی
آنلاین
پیش نیاز
ReactJS
نوع مشاهده
به صورت آنلاین
1140
دانشجو
5.0
رضایت
درصد تکمیل دوره
100%
محمدامین سعیدی راد
سرفصل های دوره
14:39
معرفی دوره
1
معرفی دوره
جلسه رایگان
07:19
آموزش کتابخانه react-icons - ساخت مینی پروژه Social Media Box
1
استفاده از React-Icons - نحوه استفاده
جلسه رایگان
06:56
2
استفاده از React-Icons در پروژه Social Media Box
جلسه رایگان
07:42
آموزش کتابخانه json-server - پیاده سازی پروژه CRUD
1
استفاده از Json-Server - نحوه استفاده
جلسه رایگان
08:10
2
نصب و راه اندازی Json-Server - ایجاد دیتابیس
جلسه رایگان
11:14
3
Filter کردن دیتا های Response
جلسه رایگان
06:39
4
مرتب سازی دیتا های Response
جلسه رایگان
05:23
5
Slice کردن دیتا های Response
جلسه رایگان
02:36
6
پیاده سازی Relation بین Resource ها
جلسه رایگان
08:28
7
تعیین Remote Schema
جلسه رایگان
04:11
8
نحوه تغییر Port
جلسه رایگان
02:21
9
نحوه Post کردن دیتا به Json-Server
جلسه رایگان
12:34
10
نحوه حذف اطلاعات از دیتابیس Json-Server
جلسه رایگان
05:31
11
معرفی پروژه Todolist
جلسه رایگان
02:01
12
دریافت Todos از دیتابیس json-server و نمایش در DOM
جلسه رایگان
05:41
13
توسعه RemoveTodo از Dom و دیتابیس json-server
جلسه رایگان
04:16
14
توسعه قابلیت انجام Todo
جلسه رایگان
07:39
15
توسعه قابلیت AddTodo در دیتابیس json-server
جلسه رایگان
06:21
16
دپلوی پروژه json-server روی سرور
جلسه رایگان
11:08
دپلوی پروژه های ریاکتی روی سرور
1
ساخت پروژه ریاکت با Vite
جلسه رایگان
05:20
2
دپلوی پروژه ریاکت روی سرور
جلسه رایگان
06:15
آموزش کتابخانه Lodash - استفاده در پروژه واقعی
1
معرفی Lodash
جلسه رایگان
05:18
2
کار با sum و sumBy
جلسه رایگان
07:28
3
کار با متد filter
جلسه رایگان
06:43
4
کار با متد map
جلسه رایگان
03:21
5
کار با pick و pickBy
جلسه رایگان
04:41
آموزش کتابخانه Axios - پیاده سازی پروژه
1
معرفی و نصب Axios
جلسه رایگان
04:55
2
3 روش ارسال Get Request با Axios
جلسه رایگان
09:03
3
ارسال Post Request با Axios
جلسه رایگان
06:50
4
Axios کلا همینه؟ :|
جلسه رایگان
03:16
5
ساخت Instance در Axios
جلسه رایگان
09:02
6
Error Handling بصورت Local در Axios
جلسه رایگان
14:15
7
ساخت Interceptor در Axios
جلسه رایگان
12:18
8
Error Handling بصورت Global به کمک Interceptor
جلسه رایگان
11:57
9
Folder Structure مناسب برای پیکربندی Axios
جلسه رایگان
06:00
10
نحوه کنسل کردن Request
جلسه رایگان
08:18
آموزش react-google-recaptcha - پیاده سازی فرم لاگین با قابلیت Googla Recaptcha
1
معرفی و نصب پکیج react-google-recaptcha
جلسه رایگان
02:22
2
استفاده از Google reCaptcha در فرم لاگین
جلسه رایگان
09:10
آموزش کتابخونه Formik - پیاده سازی پروژه ثبت سفارش
1
معرفی Formik
جلسه رایگان
03:30
2
توسعه فرم لاگین با Formik
جلسه رایگان
08:28
3
کامپوننت های Field و Form
جلسه رایگان
05:08
4
اعتبارسنجی فرم در Formik
جلسه رایگان
08:42
5
نمایش ارورها با کامپوننت ErrorMessage
جلسه رایگان
05:00
6
استفاده از isSubmitting برای دکمه فرم
جلسه رایگان
05:51
7
استفاده از هوک useFormik
جلسه رایگان
09:37
8
پیاده سازی فرم درخواست با Formik
جلسه رایگان
11:11
آموزش کتابخانه Yup - پیاده سازی مینی پروژه
1
معرفی و نصب کتابخانه Yup
جلسه رایگان
05:21
2
اعتبارسنجی فرم با Yup
جلسه رایگان
09:10
3
دریافت ارور های اعتبارسنجی از Yup
جلسه رایگان
08:08
4
نمایش ارور های اعتبارسنجی در Dom
جلسه رایگان
04:37
5
تعیین Custom Error Message
جلسه رایگان
04:27
6
استفاده از Yup در Formik - مینی پروژه نهایی
جلسه رایگان
03:59
آموزش کتابخانه react-hook-form - پیاده سازی پروژه
1
معرفی و نصب کتابخانه React-hook-form
نقدی
04:48
3
اعتبارسنجی فرم
نقدی
03:48
4
تعیین Custom Error Message
نقدی
07:26
5
استفاده از RegEx در Validation
نقدی
02:16
6
قابلیت Devtool در React-hook-form
نقدی
04:56
7
اعتبارسنجی کاستوم برای فرم
نقدی
04:16
8
مقداردهی فرم از طریق سرور
نقدی
03:55
11
متد getValues در React-hook-form
نقدی
03:28
12
استفاده از Yup در React-hook-form
نقدی
07:28
آموزش کتابخانه i18next - پیاده سازی قالب چندزبانه
1
معرفی و نصب کتابخانه React-i18next
نقدی
03:48
2
initial کردن زبان های مورد نظر
نقدی
06:09
4
استفاده از withTranslation
نقدی
01:26
5
تغییر زبان پروژه به دلخواه کاربر
نقدی
04:21
آموزش کتابخانه Recharts - پیاده سازی صفحه اصلی Cms
1
معرفی و نصب کتابخانه Recharts
نقدی
06:01
2
رسم نمودار خطی (Line Chart)
نقدی
12:20
3
رسم نمودار میلهای (Bar Chart)
نقدی
02:28
4
رسم نمودار دایرهای (Pie Chart)
نقدی
05:53
6
رسم نمودار قیفی (Funnel Chart)
نقدی
04:24
7
پیاده سازی Chart در پروژه Cms - سخن پایانی
نقدی
07:58
آموزش استفاده از سرویس های Sms در ریاکت
1
معرفی فصل و مفهوم OTP
نقدی
04:59
2
دریافت شماره تماس کاربر و ارسال Sms به آن
نقدی
10:46
3
دریافت کد ارسالی از کاربر
نقدی
05:49
4
وریفای کد دریافتی از کاربر - سخن پایانی
نقدی
10:25
آموزش کتابخانه React-Query - پیاده سازی پروژه
1
معرفی و نصب کتابخانه React-Query
نقدی
08:57
2
آماده سازی بکاند با Json-server
نقدی
04:11
3
چالش ارسال رکوئست های بیهوده به سرور
نقدی
15:44
4
مدیریت بهینه رکوئستها با React-query
نقدی
08:06
5
نمایش لودینگ حین Fetch
نقدی
04:53
6
Error Handling در React-query
نقدی
07:58
7
آشنایی با Devtools ریاکت کوئری
نقدی
05:25
8
آشنایی با Cache و کانفیگ های آن
نقدی
07:23
9
مفهوم staleTime
نقدی
04:19
10
کانفیگ های reFetch
نقدی
04:57
11
ساخت Dynamic Query
نقدی
13:49
12
ساخت تبدیل useQuery به Custom Hook
نقدی
07:42
14
پیاده سازی Global Configs
نقدی
03:21
15
انجام reFetch داخل Event Handler
نقدی
01:46
16
آشنایی با onSuccess و onError
نقدی
02:34
18
پیاده سازی Pagination با React-query
نقدی
17:23
19
کاربرد هوک useQueries
نقدی
07:36
20
هوک useMutation و ارسال Post Request
نقدی
11:44
21
آشنایی با قابلیت Invalidate Queries
نقدی
06:36
22
پیاده سازی Delete Request در React-query
نقدی
10:58
آموزش کتابخانه CkEditor
1
معرفی و نصب کتابخانه CkEditor
نقدی
07:25
2
پیاده سازی کد ادیتور - سخن پایانی
نقدی
10:43
پیاده سازی SSO در ریاکت
1
معرفی SSO و اهمیت آن
نقدی
06:50
2
پیاده سازی قابلیت لاگین با گوگل
نقدی
11:12
3
Decode کردن Token جهت دریافت اطلاعات ایمیل
نقدی
03:01
4
نمایش اطلاعات یوزر
نقدی
05:56
تست نویسی با Jest (در حد آشنایی)
1
معرفی تست نویسی و مراحل توسعه نرم افزار
نقدی
06:55
4
فلگ Coverage در Jest - سخن پایانی
نقدی
03:10
آموزش کتابخانه Styled-Component - پیاده سازی پروژه
1
معرفی و نصب کتاب Styled-Components
نقدی
04:14
3
ارث بری از استایل های کامپوننت
نقدی
03:27
4
تعیین Attribute برای کامپوننتها
نقدی
04:55
6
پیاده سازی Global Styles
نقدی
03:56
آموزش کتابخانه SWR
آموزش کتابخانه SweetAlert
1
معرفی و نصب کتابخانه SweetAlert
نقدی
04:57
2
استفاده از SweetAlert - قسمت اول
نقدی
10:49
3
استفاده از SweetAlert - قسمت دوم
نقدی
09:10
4
استفاده از SweetAlert - قسمت سوم
نقدی
04:06
آموزش کتابخانه React Spinners
نظرات
ثبت نظر جدید
خدا قوت
دوره عالی بود
تدریس خوبتون باعث میشه متوجه نشیم چند ساعته پشت لپ تاپ هستیم
نکته ای که من همیشه تحسین می کنم اینه که مطالب را ساده می کنید . سختی مسئله را بزرگنمایی نمی کنید و این باعث میشه دانشجو ناامید نشه.ادامه بده
پاینده باشید
خیلی خوشحالم که دوره براتون مفید بوده و رضایت کافی داشتین.
پر قدرت ادامه بدین ✌️❤️
استاد وقتتون بخیر
برای کسی که در حال یادگیری ری اکته، زمان مناسب دیدن این آموزش کِی هستش؟
ممنون 💛
پیشنیاز این دوره ریاکت هست و اگه ریاکت رو بلد باشین میتونین این دوره رو استارت بزنین.
اما طبق نیاز بازار کار و یک رودمپ اصولی، پیشنهاد میکنم بعد از یادگیری ریاکت ابتدا دوره متخصص ریداکس و سپس دوره 20 کتابخونه ریاکت رو بگذرونین.
توی ویدیو ی معرفی این دوره گفته شده که استفاده از map و درگاه زرین پال توی این دوره آموزش داده میشه.
منم خودم به شخصه به خاطر همین دو کتابخونه ی مهم و چندتا کتابخونه ی دیگه این دوره رو تهیه کردم. ولی الان دارم میبینم که کلا این دوتا از تو سیلابس حذف شده به جاش کتابخونه هایی مثل recharts, ckeditor,sweet alert و react icons آموزش داده شده که من فکر میکنم همه ی ریکت کارها بای دیفالت بلدن با این کتابخونه ها کار کنن.
میخواستم ببینم امکانش هست این دو کتابخونه هم آموزش داده بشه یا نه
ممنون از وقتی که میگذارید
این دو فصل بنا به دلایلی حذف شدن و بنا به درخواست دانشجوها در آینده شاید در قالب آپدیت به دوره اضافه بشن.
اگه فصل احراز هویت کاربر با Sms رو مشاهده کرده باشین متوجه هستین که ارسال و حتی وریفای Sms سمت بکاند انجام میشه و هیچ تسک خاصی برای توسعه دهنده فرانتاند در این زمینه نیست. بجز استفاده از Api و ارسال کد Otp و شماره تماس کاربر. یعنی عملا چالش خاصی برای توسعه دهنده فرانتاند نداره و لاجیک کار سمت بکاند انجام میشه.
استفاده از درگاه پرداخت هم دقیقا همینه.
کل لاجیک کار سمت بکاند انجام میشه. از ایجاد درگاه بگیر تا نمایش آن به کاربر.
توسعه دهنده فرانتاند صرفا فقط از یه Api استفاده میکنه و مبلغ مورد نظر رو به Api میفرسته، همین. عملا مثل فصل Otp چالش خاصی برای توسعه دهنده فرانتاند نداره.
فصل درگاه پرداخت به این دلیل حذف شد.
و اما فصل استفاده از نقشه.
استفاده از نقشه جدیدا به دلیل تحریمها خیلی اذیت کننده هست و حتی یسری قابلیتها هستن که به صورت Free در دسترس نیستن و سرویس های رایگان هم خیلی دنگ و فنگ دارن.
وقتی دوره های فعلی تموم بشن و سرم کمی خلوت بشه، بنا به درخواست دانشجوها سعی میکنم این دو فصل رو در قالب آپدیت به دوره اضافه کنم تا به جای 20 لایبرری 22 لایبرری مربوط به ریاکت رو یاد بگیرین. دو فصل هم هدیه من به شما ❤️
ممنونم از دوره خوبتون.
بسیار عالی و پر محتوا بود و امید وارم پر انرژیتر از قبل ادامه بدید.
ممنون.
خیلی خوشحالم که دوره براتون مفید بوده و رضایت کافی داشتین.
پر قدرت ادامه بدین ✌️❤️