Quera College

دوره جدید جامپ فرانت‌اند با ری‌اکت (React)
به زودی آغاز خواهد شد.

دوره‌های جامپ کوئرا کالج، با هدف آموزش مهارت‌های پیشرفته برنامه‌نویسی و کاملا متناسب با نیاز صنعت طراحی شده‌اند؛ در سری بعدی این مجموعه به سراغ «آموزش React» رفتیم چرا که React محبوب‌ترین فریم‌ورک فرانت‌اند است و در صدر نیازمندی‌های آگهی‌های شغلی وجود دارد. دوره «جامپ فرانت‌اند با React» مسیری مطمئن‌ برای یادگیری شما و استخدام در شرکت‌های برتر تکنولوژی است؛ زیرا با همکاری شرکت‌های مطرح مسیر از صفر تا Junior React Developer را برای شما هموار کرده‌ایم.

با مثال‌های عملی از شرکت‌های

ارزش‌های اصلی دوره

از صفر تا Junior React Developer

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

body react arrows

با تمرین‌ها و پروژه‌ها تجربه واقعی کسب کنید

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

body body body

شرکت‌های بزرگ چگونه با ری‌اکت کار می‌کنند

همه‌ی اینها باز هم کافی نبود! دوست داشتیم راهی پیدا کنیم که سرعت یادگیری شما بیشتر شود و این راه میانبر چیزی نبود جز مطالعه‌ کدهای React نوشته‌شده توسط حرفه‌ای‌های این حوزه در شرکت‌های بزرگ تکنولوژی کشور. ترابرنت، ترب، سحاب، شیپور، طاقچه و map.ir مثال‌هایی از قسمت‌های مختلف پروژه‌های خود را در اختیار کوئرا گذاشتند و همچنین توضیحاتی به دوره اضافه کرده‌اند که مشابه آن را در هیچ‌جایی پیدا نخواهید کرد.

body body body

پلی برای ورود به دنیای کار برایتان می‌سازیم

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

body body body body body

امکانات دیگر این دوره کوئرا کالج

ترکیبی از محتوای متنی و ویدیویی

راهنمای خودکار

خروجی گرافیکی

گواهی کوئرا کالج

ضمانت بازگشت وجه

کد دیگران

شرکت‌های مبتنی بر ری‌اکت

Facebook

Instagram

Discord

Dropbox

طاقچه

اسنپ

شیپور

کوئرا

سرفصل دوره

مقدمه ( ٪۱۰۰ تا میزان مورد انتظار )
تمرین
مروری بر جاوااسکریپت
خوش‌آمد گویی تمرین
انواع متغیر درس‌نامه
آشنایی با Template Literals درس‌نامه
آشنایی با برخی Array Methods (۱) درس‌نامه
آشنایی با برخی Array Methods (۲) درس‌نامه
آشنایی با توابع درس‌نامه
آشنایی با Exports درس‌نامه
آشنایی با Objects درس‌نامه
لاغری موعود تمرین
باشگاه بدن‌سازی تمرین
سخنرانی امیرحسین تمرین
پسوردهای قوی تمرین
آشنایی با JSX
بررسی ساختار اولیه‌ی پروژه درس‌نامه
چطوری کار میکنه؟ درس‌نامه
آشنایی با JSX درس‌نامه
فرگمنت (Fragment) درس‌نامه
لیست‌ها و کلیدها درس‌نامه
نمایش سبد خرید تمرین
کامپوننت‌ها
کامپوننت چیست؟ درس‌نامه
آشنایی با propها درس‌نامه
طراحان کالج ری‌اکت! تمرین
آشنایی با children درس‌نامه
توابع به عنوان prop درس‌نامه
معرفی کلاس کامپوننت درس‌نامه
نکاتی بیشتر از propها درس‌نامه
آشنایی با PropTypes درس‌نامه
لیست کاربران تمرین
ساماندهی به فایل کامپوننت‌ها درس‌نامه
استایل‌دهی در ری‌اکت
استایل نویسی خطی درس‌نامه
استایل‌دهی سراسری درس‌نامه
استایل‌دهی ماژولی درس‌نامه
تمرین حل مشکل استایل‌ها تمرین
هوک‌ها و رویدادها
افزودن رویداد و کار با Event Handlers درس‌نامه
آشنایی با State درس‌نامه
شمارنده‌ی خراب تمرین
استفاده از چندین State درس‌نامه
استفاده از شی به عنوان State درس‌نامه
به روز کردن State وابسته به مقدار قبل درس‌نامه
useEffect درس‌نامه
قوانین هوک‌ها درس‌نامه
پاکسازی تایمر تمرین
چرخه حیات یک کامپوننت درس‌نامه
ساخت هوک useLocalStorage درس‌نامه
هوک useToggle تمرین
آشنایی با مفهوم Lifting State Up درس‌نامه
فرم‌ها
آشنایی بیشتر با رویدادها درس‌نامه
آشنایی با فرم‌ها در ری‌اکت (۱) درس‌نامه
فلش کارت تمرین
آشنایی با فرم ها در ری‌اکت (۲) درس‌نامه
تبدیل واحد تمرین
ساخت هوک useInput درس‌نامه
refها درس‌نامه
مدیریت ارور در فرم درس‌نامه
اعتبارسنجی فرم تمرین
کتابخانه React Hook Form درس‌نامه
مدیریت استیت در ری‌اکت
Context API درس‌نامه
useReducer (۱) درس‌نامه
useReducer (۲) درس‌نامه
معماری بهتر درس‌نامه
تم تاریک - ساده تمرین
چند زبانه تمرین
پروژه پنل مدیریت فروشگاه - تم تاریک تمرین
ری‌اکت روتر
آغاز کار با ری‌اکت روتر درس‌نامه
بررسی کامپوننت‌های پایه درس‌نامه
جابه‌جایی میان صفحه‌ها درس‌نامه
مسیرهای پویا درس‌نامه
نمایش صفحه‌ی پیش‌فرض درس‌نامه
مسیرهای تو در تو درس‌نامه
هوک useHistory درس‌نامه
هوک useQuery درس‌نامه
تمرین بازگشت به بالای صفحه تمرین
انیمیشن جابه‌جایی بین صفحه‌ها درس‌نامه
کار با HTTP Request و API
مقدمه‌ای بر درخواست‌ها و HTTP درس‌نامه
آشنایی با Fetch درس‌نامه
کار با درخواست‌ها در ری‌اکت درس‌نامه
سینمای شخصی نیما! تمرین
آشنایی با Axios درس‌نامه
پروژه پنل مدیریت فروشگاه - ویجت‌های داشبورد تمرین
آشنایی با قابلیت‌های Axios درس‌نامه
مدیریت پیام خطا و موفقیت درس‌نامه
چت خودکار تمرین
پروژه پنل مدیریت فروشگاه - فرم اضافه کردن محصول تمرین
پروژه‌ی نهایی
فرم ویرایش محصول تمرین
تمرین احراز هویت - ۱ تمرین
مدیریت محصولات تمرین
فرم ورود تمرین
ری‌اکت در صنعت
سرویس ورکر در ترب درس‌نامه
Async Search در ترابرنت ( گروه حصین) درس‌نامه
مقدمه‌ای از Graphql | سحاب درس‌نامه
آشنایی با Graphql در React | سحاب درس‌نامه
معرفی کتابخانه‌ی Relay | سحاب درس‌نامه
شروع کار با Relay | سحاب درس‌نامه
Lazy load در طاقچه درس‌نامه
کار با نقشه به کمک map.ir درس‌نامه
Caching در ادیتور کوئرا درس‌نامه
Chakra UI در کوئرا درس‌نامه
تست‌نویسی
چرا به تست نیاز داریم؟ درس‌نامه
مقدمات React Testing Library درس‌نامه
روش‌های انتخاب المنت درس‌نامه
Jest Dom درس‌نامه
تست رویدادها درس‌نامه
تست Async درس‌نامه
آشنایی با TDD درس‌نامه

اساتید دوره

نیما ابرازه
دانشجوی علوم کامپیوتر دانشگاه تهران

برنامه نویس ارشد فرانت‌اند در رابین‌کش
مدیر فنی استارتاپ طرحوار

سید صالح شجاعی

مدیر ارشد فناوری در ژیهات

Abdollah Keshtkar
عبداله کشتکار
فارغ التحصیل مهندسی تکنولوژی نرم‌افزار دانشگاه مهاجر

مهندس نرم‌افزار در کوئرا

سؤالات متداول

مهلت ثبت نام در این دوره تا چه زمانی است؟

شما در هر زمانی که بخواهید می‌توانید در دوره ثبت‌نام و دوره را آغاز کنید.

پیش‌نیاز شرکت در دوره چیست؟

پیش‌نیاز این دوره، تسلط به مباحث CSS، HTML و JavaScript است.
اگر هنوز به این مباحث مسلط نیستید، پیشنهاد می‌کنیم پیش از شروع این دوره، دوره‌ٔ «آموزش پروژه‌محور طراحی وب (Front-End)» را بگذرانید.

برای شرکت در دوره باید در رشته دانشگاهی خاصی تحصیل کرده باشم؟

خیر؛ نیازی نیست!
اگر پیش‌نیاز دوره (تسلط به مباحث CSS، HTML و JavaScript) را داشته باشید، می‌توانید در این دوره شرکت کنید.

من با برخی از مفاهیم دوره از قبل آشنایی داشتم؛ آیا این دوره به درد من هم می‌خورد؟

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

محتوای دوره در چه قالبی ارائه می‌شود؟

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

آیا محتوای دوره به صورت یکجا در اختیارم قرار می‌گیرد؟

بله؛ پس از گذراندن فصل «مقدمه»، به تمامی بخش‌های دوره دسترسی خواهید داشت، اما پیشنهاد ما این است که دوره را با همان ترتیبی که چیده شده است ادامه دهید.

تمرینات این دوره چگونه است؟

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

پروژه این دوره چیست؟

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

مربی‌گری دوره به چه صورت است؟

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

تا چه زمانی برای به پایان رساندن دوره فرصت دارم؟ آیا این زمان قابل تمدید است؟

شما بعد از رسیدن به فصل «آشنایی با JSX»، به مدت ۱۲۰ روز فرصت دارید تا دوره را به اتمام برسانید و بعد از اتمام دوره برای همیشه به تمام محتواهای دوره دسترسی خواهید داشت.
هم‌چنین اگر تا انتهای زمانِ گفته‌شده نتوانستید دوره را تمام کنید نگران نباشید، چون امکان تمدید دوره وجود دارد!

پس از اتمام دوره چه مهارت‌هایی کسب می‌کنم؟

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

در صورت عدم رضایت از کیفیت دوره، چگونه می‌توانم هزینه‌ی ثبت‌نام را پس بگیرم؟

در صورتی که حداکثر ۳ فصل از دوره را گذراندید و از کیفیت دوره رضایت نداشتید، می‌توانید از طریق صفحهٔ «تماس با ما» با همکاران ما در ارتباط باشید تا مبلغ پرداختی شما را بازگردانیم.

بزن بریم!

در صورت وجود هرگونه سؤال یا ابهام با college@quera.org تماس بگیرید.

اطلاع از زمان ثبت‌نام