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

فریم‌ورک React JS

دوره‌های مکتب‌پلاس
46 ساعت

سرفصل‌ها

تالار گفتگو

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

 

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

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

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

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

پیش‌نیاز توصیه شده : گذراندن دوره --> طراحی وب سایت (Front-End)

 

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

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

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

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

آیا در صورت خرید دوره، گواهی نامه آن به من تعلق می گیرد؟
خیر؛ شما با خرید دوره می توانید در آن دوره شرکت کنید و به محتوای آن دسترسی خواهید داشت. در صورتی که در زمان تعیین شده دوره را با نمره قبولی بگذرانید، گواهی نامه دوره به نام شما صادر خواهد شد.
آیا گواهی‌نامه‌های دانشگاهی به صورت رسمی و توسط دانشگاه مربوطه صادر می‌شود؟
بله؛ گواهی نامه ها توسط دانشگاه مربوطه و با امضای رئیس دانشگاه یا مسئول مربوطه که حق امضای گواهی نامه ها را دارد صادر می شود و گواهی نامه معتبر دانشگاه است که به اسم هر فرد صادر می شود.
حداقل و حداکثر زمانی که می توانم یک دوره را بگذرانم چقدر است؟
برای گذراندن دوره حداقل زمانی وجود ندارد و شما می توانید در هر زمانی که مایل هستید فعالیت های مربوطه را انجام دهید. برای هر دوره یک حداکثر زمان تعیین شده است که در صفحه معرفی دوره می توانید مشاهده کنید که از زمان خرید دوره توسط شما تنها در آن مدت شما از ویژگی های تصحیح پروژه ها توسط پشتیبان و دریافت گواهی نامه بهره مند خواهید بود.
در صورت قبولی در دوره، آیا امکان دریافت نسخه فیزیکی گواهی نامه دوره را دارم؟
پس از صدور گواهی نامه، نسخه الکترونیکی گواهی نامه در اختیار شما قرار می گیرد. در صورت درخواست شما، نسخه فیزیکی گواهی نامه نیز می تواند برای شما ارسال شود.
پس از سپری شدن زمان دوره، به محتوای دوره دسترسی خواهم داشت؟
بله؛ پس از سپری شدن مدت زمان دوره شما به محتوای دوره دسترسی خواهید داشت و می توانید از ویدئوها، تمارین، پروژه و دیگر محتوای دوره در صورت وجود استفاده کنید ولی امکان تصحیح تمارین توسط پشتیبان و دریافت گواهی نامه برای شما وجود نخواهد داشت.
فصل اول - معرفی دوره
ساعت
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:28 ساعت
Combined Shape Created with Sketch. 6 جلسه
نمره‌ی شما: 0
نمایش جلسات فصل  

در این فصل تمامی ابزارهای مورد نیاز کار را روی یک نصب جدید از 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
 
5/5
     
"03:00
فصل سوم - یاداوری پیش نیازها
ساعت
01:25 ساعت
Combined Shape Created with Sketch. 2 جلسه
نمره‌ی شما: 0
نمایش جلسات فصل  

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


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

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


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

شما در این فصل ساخت یا برنامه ریکت آشنا می‌شوید. همچنین با ابزار 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
 
5/5
     
"08:00
فصل ششم - پروژه رزومه
ساعت
01:40 ساعت
Combined Shape Created with Sketch. 7 جلسه
نمره‌ی شما: 0
نمایش جلسات فصل  

در این فصل شما با نوشتن یک سایت 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
پروژه رزومه
 
40/40
     
'18:00
فصل هفتم ـ پروژه ToDo
ساعت
00:55 ساعت
Combined Shape Created with Sketch. 6 جلسه
نمره‌ی شما: 0
نمایش جلسات فصل  

در این فصل شما قرار است با استفاده از 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
 
40/40
     
'20:00