00:00 / 00:00
1.8x
1.4x
1.0x
0.7x
HD SD
HD
SD
ثبت‌نام رایگان
  • دسترسی به 1 جلسه نمونه از دوره
  • دسترسی به 1 جلسه نمونه از دوره
  • عضویت در تالار گفت‌وگوی دوره
  • اضافه شدن دوره به پروفایل
دوره کامل
  • دسترسی به تمام قابلیت‌های دوره
  • دسترسی کامل و نامحدود به محتوا
    +
  • پروژه محور (تعریف و تصحیح پروژه)
  • پشتیبانی علمی (منتورینگ)
  • گواهینامه دانشگاه صنعتی شریف
279,000 تومان
30% تخفیف
195,301 تومان
00:00 / 00:00
1.8x
1.4x
1.0x
0.7x
HD SD
HD
SD
دانشگاه صنعتی شریف

آموزش فریم‌ورک React JS

دوره‌های مکتب‌پلاس
46 ساعت
90٪ (295 رای)

فریمورک React جدیدترین ابزار از ابزارهای جاوا‌ اسکریپت است که حقیقتاً قلب برنامه نویسان سمت کاربر (Frontend) را به دست آورده است.

توسعه‌دهندگان عاشق React هستند چون بسیار سریع است و این سرعت به گونه‌ای است که تقریباً تغییرات در لحظه انجام می‌شوند.

اگر شما جزء برنامه‌نویسانی هستید که با این کار در حال دسته پنجه نرم کردن هستند، پس تا به حال واژه فریم‌ورک به گوششتان خورده و با آن به طور نسبی‌ آشنایی دارید.

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

در این بخش شما را با تمام مشخصات فریم‌ورک React.js آشنا می‌کنیم و در آخر این مطلب می‌فهمید که چرا به فریم‌ورک لقب فرشتگان آسمانی را داده‌اند.

تعریف فریم‌ورک:

به طور کلی فریم‌ورک‌ها را برنامه‌نویسان به این صورت تعریف می‌کنند: فریم‌ورک‌ها اساس و چارچوب اصلی کدنویسی هستند که توسط برنامه‌نویسان ماهر و کاربلد سراسر کشور به ‌صورت مجموعه‌ای از کد‌ها و ابزار‌های مختلف ارائه می‌شوند و هدف مهم و اساسی فریم‌ورک‌ها این است که برنامه‌نویسی را به کاری لذت‌بخش و راحت تبدیل کنند.

برنامه‌نویسان برای اینکه کار را آسان‌تر و راحت‌تر انجام دهند و همچنین برای اینکه بتوانند نرم‌افزار‌های با‌ کیفیت‌تر و قدرت‌مند‌تری تولید کنند از فریم‌ورک‌ها استفاده می‌کنند.

قبل از اینکه شروع کنیم به آموزش فریمورک Reactjs باید اول به شما بگوییم که برای آموزش Reactjs ابتدا باید با موارد زیر آشنا شوید:

  • HTML
  • CSS
  • جاوا اسکریپت

همینطور باید ویژگی و کاربرد‌های جاوا اسکریپت را بشناسید و با آن آشنا شوید. جای نگرانی وجود ندارد زیرا شما می‌توانید در مکتب خونه آموزش‌ جاوا اسکریپت را طی کنید.

فریمورک ReactJS چیست

فریم‌ورک React که گاهی به آن (React.js یا ReactJS گفته می‌شود) یک کتابخانه جاوا اسکریپت برای ایجاد یک رابط کاربری سریع و تعاملی است. این برنامه در سال 2011 در فیس بوک ایجاد شده است و به توسعه‌دهندگان این امکان را می‌دهد که برنامه‌های وب قابل توجهی یا UI‌های پیچیده‌ای را از میان یک کد کوچک و جدا از کد‌های مختلف ایجاد کنند.
React از نظر فنی یک کتابخانه است که برنامه‌نویسان برای تولید نرم‌افزار‌های مختلف به آن مراجعه می‌کنند.

چرا باید از فریم ورک ReactJS استفاده کنیم؟

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

React JS یک کتابخانه منبع باز (open-source) جاوا اسکریپت برای ساخت واسط‌های کاربری است. ReactJS توسط فیسبوک و جامعه‌ای از توسعه‌دهندگان و شرکت‌های مختلف نگهداری می‌شود. از آن به عنوان پایه‌ای در ساخت وب سایت‌های تک صفحه‌ای و برنامه‌های کاربردی موبایل استفاده می‌شود. استفاده از آن بسیار آسان است و به کاربران امکان ایجاد اجزای UI قابل استفاده مجدد را می‌دهد.

آموزش فریمورک Reactjs و معرفی آن

در این بخش می‌خواهیم در مورد درس و معرفی فریم‌ورک React JS بپردازیم به این صورت که شما در مکتب خونه می‌توانید با پرداخت کمترین هزینه این درس و آموزش را بیاموزید. مهم‌ترین نکته‌ای که در اینجا وجود دارد این است که بعد از اینکه این درس را آموختید می‌توانید برای خود کسب و کار دیجیتالی راه بندازید که امروزه درآمد مفید و خوبی دارد.

ابتدا بگذارید شما را با سرفصل‌های دوره آموزش فریم‌ورک React JS آشنا کنیم:

  • سرفصل اول: در فصل اول با خود React و کاربردهای آن آشنا می‌شویم.
  • سرفصل دوم: در فصل دوم تمامی ابزارهای مورد نیاز کار را روی یک نصب جدید از Windows 10 نصب می‌کنیم.
  • سرفصل سوم: در فصل سوم با قابلیت‌های ES6 آشنا می‌شویم و یک مرور کوتاه بر HTML و CSS هم خواهیم داشت.
  • سرفصل چهارم: در فصل چهارم شما با ضروریات و ملزومات لازم برای استفاده از React آشنا می‌شوید و آماده به نوشتن برنامه‌ با React خواهید شد و همچنین اولین برنامه React خود را می‌نویسید.
  • سرفصل پنجم: شما در فصل پنجم ساخت یا برنامه react آشنا می‌شوید. همچنین با ابزار JSX آشنا می‌شوید که به شما این قابلیت را می‌دهد که در javascript، دستورات HTMl را استفاده کنید. در ادامه‌ی سرفصل پنجم Component‌ها و نحوه استفاده از آن‌‌ها در برنامه و در نهایت propها و تست‌زنی در React را آموزش می‌بینید.
  • سرفصل ششم: در این فصل ششم شما با نوشتن یک سایت Resume با استقاده از React آشنا خواهید شد و در نهایت قسمتی از این سایت به عنوان پروژه شما خواهد بود.
  • سرفصل هفتم: در این قسمت قرار است با استفاده از React یک سایتی که برای شما کار To Do لیست را انجام می‌دهد بنویسید. این To Do List قابلیت‌های جذابی دارد که با نوشتن آن نسبت به مبحث Front end و البته React مسلط‌تر خواهید شد.

در آخر وقتی شما این درس را آموختید و کاملا به فریم‌ورک React JS مسلط شدید مکتب خونه به شما مدرک معتبری را اهدا می‌کند.

معرفی مدرس فریم‌ ورک React JS

مدرس درس فریم‌ورک ReactJS استاد سورنا سلیمانی است که ایشان تحصیلات دانشگاهی در زمینه نرم‌افزار ندارند بلکه خودشان با تلاش و پشتکار و تمرین‌های زیاد توانستند در حوزه برنامه‌نویسی مهارت کسب کنند. ایشان در حال حاضر در بخش فرانت اند (front-end) در شرکت اسکیما (Schema) مشغول به کار هستند.

سورنا سلیمانی معتقد است که آدم هر کاری بخواهد با تلاش و پشتکار می‌تواند آن را بدست بیاورد.

 

سرفصل‌های دوره آموزش فریم‌ورک React JS

فصل اول - معرفی دوره
00:19 ساعت
00:19
Combined Shape Created with Sketch. 3 جلسه
بارم:
0%
نمایش جلسات فصل  

در این فصل با خود React و کاربردهای آن آشنا می شویم. همچنین می‌بینیم که در طول دوره چه مطالبی به عزیزان تدریس می‌شود.

How to watch Course Videos
"09:29
Why React
"07:09
Course Overview
"03:09
فصل دوم - نصب ابزارهای مورد نیاز
00:31 ساعت
00:28
Combined Shape Created with Sketch. 6 جلسه
بارم:
5%
نمایش جلسات فصل  

در این فصل تمامی ابزارهای مورد نیاز کار را روی یک نصب جدید از Windows 10 نصب میکنیم. ابزارهایی مثل Google Chrome، Node ، Yarn و ...

chrome installation
"03:45
node installation
"06:45
yarn installation
"03:03
vs code installation
"06:26
git
"08:31
quiz
100.0%
     
"03:00
فصل سوم - یاداوری پیش نیازها
01:26 ساعت
01:25
Combined Shape Created with Sketch. 2 جلسه
بارم:
5%
نمایش جلسات فصل  

در این بخش با قابلیتهای ES6 آشنا می‌شویم و یک مرور کوتاه بر HTML و CSS هم خواهیم داشت.

rom js to ES6
"85:02
js to es6
100.0%
     
"01:00
فصل چهارم - شروع برنامه نویسی React.js
00:16 ساعت
00:12
Combined Shape Created with Sketch. 4 جلسه
بارم:
5%
نمایش جلسات فصل  

در این فصل شما با ضروریات و ملزومات لازم برای استفاده از React آشنا می‌شوید و اماده به نوشتن برنامه‌ با React خواهید شد و همچنین اولین برنامه React خود را می‌نویسید.

introduction
"00:57
adding script tags
"06:15
writing first react component
"05:04
Quiz - Introduction to ReactJS
100.0%
     
"04:00
فصل پنجم - اساس React.js
02:44 ساعت
02:36
Combined Shape Created with Sketch. 12 جلسه
بارم:
5%
نمایش جلسات فصل  

شما در این فصل ساخت یا برنامه ریکت آشنا می‌شوید. همچنین با ابزار JSX آشنا می‌شوید که به شما این قابلیت را می‌دهد که در جاوا اسکریپ، دستورات HTMl را استفاده کنید. در ادامه‌ی فصل Component ها و نحوه استفاده از آن‌‌ها در برنامه و در نهایت prop ها و تست زنی در ریکت را آموزش می‌بینید.

create react app
"13:18
CRA structure
"21:27
Ejecting react
"17:21
jsx
"24:12
React components
"16:28
Props
"06:53
Different Outputs from Single Component
"04:32
State and Lifecycle
"21:28
Event Handling
"04:02
Prop Type
"08:33
Testing in React
"18:12
Quiz - ReactJS Basis
100.0%
     
"08:00
فصل ششم - پروژه رزومه
19:40 ساعت
01:40
Combined Shape Created with Sketch. 7 جلسه
بارم:
40%
نمایش جلسات فصل  

در این فصل شما با نوشتن یک سایت Resume با استقاده از React اشنا خواهید شد و در نهایت قسمتی از این سایت به عنوان پروژه شما خواهد بود.

Starting Resume Project
"04:42
Adding Html And Css
"30:38
Adding Components
"30:32
Finishing Up
"24:47
Adding Your Resume To Github Pages
"07:43
Your Turn
"02:34
پروژه رزومه

 (الزامی)

100.0%
     
'18:00
فصل هفتم ـ پروژه ToDo
20:55 ساعت
00:55
Combined Shape Created with Sketch. 6 جلسه
بارم:
40%
نمایش جلسات فصل  

در این فصل شما قرار است با استفاده از React یک سایتی که برای شما کار To Do لیست را انجام می دهد بنویسید این To Do List قابلیت های جذابی دارد که با نوشتن ان نسبت به مبحث Front end و البته React مسلط تر خواهید شد.

todoMVC - Mobx
"17:35
todo MVC Scaffolding todo mvc APP
"05:40
todoMVC - Adding Views
"06:30
todo MVC Adding interactivity With Mobx
"21:38
todoMVC - Your Turn
"03:59
پروژه To Do

 (الزامی)

100.0%
     
'20:00

تالار گفت‌وگو

مدرس دوره
سورنا سلیمانی

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

اطلاعات بیشتر

پیش‌نیاز‌های دوره آموزش فریم‌ورک React JS

برای گذراندن این دوره نیاز به آشنایی اولیه با Javascript ،Html و CSS دارید.

 

آموزش طراحی وب سایت (Front-End)
اطلاعات بیشتر

ویژگی‌های دوره آموزش فریم‌ورک React JS

پروژه محور

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

تالار گفتگو

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

آزمون، تمرین و محیط تعاملی

با قرار گرفتن تمرین ها و آزمون های مختلف در طول دوره، محیطی تعاملی فراهم شده است تا بهره گیری از محتوا و یادگیری بهتر و عمیق تر شود.

گواهی‌نامه دانشگاه صنعتی شریف

در صورت قبولی در دوره، گواهی نامه معتبر دانشگاه صنعتی شریف(مشاهده نمونه گواهی دانشگاه صنعتی شریف) به اسم شما توسط دانشگاه صادر می شود و در اختیار شما قرار می گیرد.

تسهیل استخدام

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

نظرات  (7 نظر)

عرفان
09:38 - 1399/07/10
دانشجوی دوره
مفاهیم دوره خیلی قدیمی هستند و با توجه به آپدیت های خود فریمورک ری اکت (hook , NextJs) عملا کاربردی در پروژه های بروز ندارد. با تشکر
پشتیبانی مکتب‌خونه
عرفان عزیز؛ از اینکه نظر خود را با ما در میان گذاشتید صمیمانه سپاسگزاریم. موارد مطرح شده جهت بررسی بیشتر به بخش مربوطه ارسال شد. در صورت نیاز به پیگیری بیشتر با شما در ارتباط خواهیم بود.
پرستو
00:49 - 1399/07/08
فارغ‌التحصیل دوره
برای آشنایی با ری اکت و راه افتادن دوره خوبی بود. اما درخواست دارم که دوره رو اپدیت کنید چون قدیمی بودن دوره‌ها به شخصه اذیت کنندس و این باعث میشه دستوراتی که قبلا کاربرد داشتند، الان در پروژه عملاً بی فایده باشند و با خطاهای مختلف روبرو بشیم. همین سرعت کار رو به طرز قابل توجی کاهش میده. مباحث دیگری مثل hook و سمت سرور هم به دوره اضافه بشه عالیه . تشکر
میلاد
13:56 - 1399/07/06
فارغ‌التحصیل دوره
به‌نظرم این دوره فقط برای یه آشنایی خیلی کوچیک با React مناسبه. مواردی که توضیح داده شده خیلی خیلی سطحیه و برای ورود به بازار کار اصلا کافی نیست. پروژه "رزومه" فقط مبحث ui رو پوشش میده و خیلی مربوط به مفاهیم عمیق‌تر نمیشه. پروژه "todo" هم بهتر بود با Redux یا Context می‌بود چون بیشتر استفاده میشن. مبحث hook ها اصلا تدریس نشد که فکر میکنم به این خاطر بود که دوره قدیمیه. چیزی راجع‌به ارتباط با سرور یا حتی Router گفته نشد. بهتر بود که تعداد پروژه‌ها بیشتر و خود پروژه‌ها هم منسجم‌تر و کامل‌تر می‌بود. به‌نظرم اگه زمان یا تعداد ویدیوها بیشتر بشه تا کیفیت تدریس بالاتر بره اصلا اشکالی نداره. در کل برای آشنایی با اینکه React چیه دوره بدی نبود ولی به‌نظرم با این دوره نمیشه به درک نسبتا عمیقی از React رسید و ارزش پرداخت این مبلغ رو نداشت با تشکر از تیم پشتیبانی خسته‌نباشید :)
امیر
13:38 - 1399/07/05
دانشجوی دوره
خداییش ناقص بود بعد این که آموزش قدیمی بود حیف پول!
هورمزد
19:13 - 1399/07/04
دانشجوی دوره
آموزش بسیار ضعیفی هست. این همه فرانت اند کار خوب در ایران داریم، واقعاً نمی شد دوره بهتری رو ارائه داد؟ چهار فصل اول که کلاً بسیار بی ربط و بی ارزش هستند. تو یکی از فصل ها نصب گوگل کروم آموزش داده می شه!!! فصل پنجم هم ضعیف بود. فصل ششم و هفتم صرفاً برای آشنایی با ری اکت خوب هستند و نه بیشتر. خرید دوره رو اصلاً پیشنهاد نمی کنم.
پشتیبانی مکتب‌خونه
هورمزد عزیز؛ با تشکر از همراهی شما.متاسفیم که این دوره نتواسته نظر شما را جلب کند. نظرات شما به واحد مربوطه ارجاع داده خواهد شد.
حسن
18:43 - 1399/06/25
فارغ‌التحصیل دوره
خیلی اموزش ناقصی هست و در حد اشنایی با ری اکت هست مثلا دوره مقدماتی
ایمان
12:50 - 1399/03/30
فارغ‌التحصیل دوره
باید بروز رسانی بشه و کامل ارزش این هزینه رو نداشت

سوالات پرتکرار

React چییست؟
Reactjs یک کتابخانه متن باز جاوا اسکریپت است که برای طراحی رابط کاربرس سایت ها به ویژه اپلیکیشن های تک صحه ای (SPA) مورد استفاده قرار می‌گیرد.از این فریمورک می‌توان برای توسعه وب سایت و موبایل بهره برد. از مهمترین ویژگی های react قابلیت استفاده مجدد از component های ایجاد شده است.
چرا بهتر است از react استفاده کنیم؟
React این قابلیت رو دارد که هر نوع ظاهری (view) که برای ساخت یک وب سایت یا اپلیکیشن موبایل لازم است را ایجاد کند.همچنین امکان استفاده مجدد از المان های ایجاد شده در برنامه را برای برنامه نویس مهیا می‌کند.از مهم ‌ترین امتیازات React به نسبت سایر فریمورک ها می‌توان به سرعت بالاتر، سادگی و scalable بودن است.
چه شرکت هایی از react استفاده می‌کنند؟
این فریمورک اولین بار توسط تیم شرکت FACEBOOK ایجاد شده و توسعه پیدا کرد. Netflix ، New York Times، Yahoo! Mail.، Khan Academy و Dropbox از بزرگ ترین شرکتهایی است که برای توسعه محصولات خود از react استفاده می‌کند
آیا در صورت خرید دوره، گواهی نامه آن به من تعلق می گیرد؟
خیر؛ شما با خرید دوره می توانید در آن دوره شرکت کنید و به محتوای آن دسترسی خواهید داشت. در صورتی که در زمان تعیین شده دوره را با نمره قبولی بگذرانید، گواهی نامه دوره به نام شما صادر خواهد شد.
آیا گواهی‌نامه‌های دانشگاهی به صورت رسمی و توسط دانشگاه مربوطه صادر می‌شود؟
بله؛ گواهی نامه ها توسط دانشگاه مربوطه و با امضای رئیس دانشگاه یا مسئول مربوطه که حق امضای گواهی نامه ها را دارد صادر می شود و گواهی نامه معتبر دانشگاه است که به اسم هر فرد صادر می شود.
حداقل و حداکثر زمانی که می توانم یک دوره را بگذرانم چقدر است؟
برای گذراندن دوره حداقل زمانی وجود ندارد و شما می توانید در هر زمانی که مایل هستید فعالیت های مربوطه را انجام دهید. برای هر دوره یک حداکثر زمان تعیین شده است که در صفحه معرفی دوره می توانید مشاهده کنید که از زمان خرید دوره توسط شما تنها در آن مدت شما از ویژگی های تصحیح پروژه ها توسط پشتیبان و دریافت گواهی نامه بهره مند خواهید بود.
در صورت قبولی در دوره، آیا امکان دریافت نسخه فیزیکی گواهی نامه دوره را دارم؟
پس از صدور گواهی نامه، نسخه الکترونیکی گواهی نامه در اختیار شما قرار می گیرد. در صورت درخواست شما، نسخه فیزیکی گواهی نامه نیز می تواند برای شما ارسال شود. هزینه ارسال بر عهده کاربر خواهد بود.
پس از سپری شدن زمان دوره، به محتوای دوره دسترسی خواهم داشت؟
بله؛ پس از سپری شدن مدت زمان دوره شما به محتوای دوره دسترسی خواهید داشت و می توانید از ویدئوها، تمارین، پروژه و دیگر محتوای دوره در صورت وجود استفاده کنید ولی امکان تصحیح تمارین توسط پشتیبان و دریافت گواهی نامه برای شما وجود نخواهد داشت.

×

ثبت نظر

به این دوره از ۱ تا ۵ چه امتیازی می‌دهید؟

فصل اول - معرفی دوره
00:19 ساعت
00:19
Combined Shape Created with Sketch. 3 جلسه
بارم:
0%
نمایش جلسات فصل  

در این فصل با خود React و کاربردهای آن آشنا می شویم. همچنین می‌بینیم که در طول دوره چه مطالبی به عزیزان تدریس می‌شود.

How to watch Course Videos
"09:29
Why React
"07:09
Course Overview
"03:09
فصل دوم - نصب ابزارهای مورد نیاز
00:31 ساعت
00:28
Combined Shape Created with Sketch. 6 جلسه
بارم:
5%
نمایش جلسات فصل  

در این فصل تمامی ابزارهای مورد نیاز کار را روی یک نصب جدید از Windows 10 نصب میکنیم. ابزارهایی مثل Google Chrome، Node ، Yarn و ...

chrome installation
"03:45
node installation
"06:45
yarn installation
"03:03
vs code installation
"06:26
git
"08:31
quiz
100.0%
     
"03:00
فصل سوم - یاداوری پیش نیازها
01:26 ساعت
01:25
Combined Shape Created with Sketch. 2 جلسه
بارم:
5%
نمایش جلسات فصل  

در این بخش با قابلیتهای ES6 آشنا می‌شویم و یک مرور کوتاه بر HTML و CSS هم خواهیم داشت.

rom js to ES6
"85:02
js to es6
100.0%
     
"01:00
فصل چهارم - شروع برنامه نویسی React.js
00:16 ساعت
00:12
Combined Shape Created with Sketch. 4 جلسه
بارم:
5%
نمایش جلسات فصل  

در این فصل شما با ضروریات و ملزومات لازم برای استفاده از React آشنا می‌شوید و اماده به نوشتن برنامه‌ با React خواهید شد و همچنین اولین برنامه React خود را می‌نویسید.

introduction
"00:57
adding script tags
"06:15
writing first react component
"05:04
Quiz - Introduction to ReactJS
100.0%
     
"04:00
فصل پنجم - اساس React.js
02:44 ساعت
02:36
Combined Shape Created with Sketch. 12 جلسه
بارم:
5%
نمایش جلسات فصل  

شما در این فصل ساخت یا برنامه ریکت آشنا می‌شوید. همچنین با ابزار JSX آشنا می‌شوید که به شما این قابلیت را می‌دهد که در جاوا اسکریپ، دستورات HTMl را استفاده کنید. در ادامه‌ی فصل Component ها و نحوه استفاده از آن‌‌ها در برنامه و در نهایت prop ها و تست زنی در ریکت را آموزش می‌بینید.

create react app
"13:18
CRA structure
"21:27
Ejecting react
"17:21
jsx
"24:12
React components
"16:28
Props
"06:53
Different Outputs from Single Component
"04:32
State and Lifecycle
"21:28
Event Handling
"04:02
Prop Type
"08:33
Testing in React
"18:12
Quiz - ReactJS Basis
100.0%
     
"08:00
فصل ششم - پروژه رزومه
19:40 ساعت
01:40
Combined Shape Created with Sketch. 7 جلسه
بارم:
40%
نمایش جلسات فصل  

در این فصل شما با نوشتن یک سایت Resume با استقاده از React اشنا خواهید شد و در نهایت قسمتی از این سایت به عنوان پروژه شما خواهد بود.

Starting Resume Project
"04:42
Adding Html And Css
"30:38
Adding Components
"30:32
Finishing Up
"24:47
Adding Your Resume To Github Pages
"07:43
Your Turn
"02:34
پروژه رزومه

 (الزامی)

100.0%
     
'18:00
فصل هفتم ـ پروژه ToDo
20:55 ساعت
00:55
Combined Shape Created with Sketch. 6 جلسه
بارم:
40%
نمایش جلسات فصل  

در این فصل شما قرار است با استفاده از React یک سایتی که برای شما کار To Do لیست را انجام می دهد بنویسید این To Do List قابلیت های جذابی دارد که با نوشتن ان نسبت به مبحث Front end و البته React مسلط تر خواهید شد.

todoMVC - Mobx
"17:35
todo MVC Scaffolding todo mvc APP
"05:40
todoMVC - Adding Views
"06:30
todo MVC Adding interactivity With Mobx
"21:38
todoMVC - Your Turn
"03:59
پروژه To Do

 (الزامی)

100.0%
     
'20:00