×
ribbon

تا پایان تخفیف

آموزش React JS مقدماتی

مدرس:

احسان گازار

ReactJS (ری اکت جی اس) یک کتابخانه محبوب جاوا اسکریپت است که برای توسعه وب استفاده می شود.... بیشتر
گواهی‌نامه
دسترسی: کامل
اطلاعات بیشتر
4 (83)
25 دیدگاه
4,656دانشجو
26ساعت
سرفصل‌ها
مقدماتی سطح دوره

اشتراک مکتب‌پلاس

خرید اشتراک

با خرید اشتراک مکتب‌پلاس، علاوه بر این دوره، به بیش از ۴،۰۰۰ دوره دیگر دسترسی خواهید داشت.

دسترسی به تمام دوره‌هابیش از ۴،۰۰۰ دوره
محتوای دوره
سرفصل‌ها
پیش‌نیاز‌ها
توضیحات دوره
دیدگاه کاربران
درباره مدرس

آنچه در این دوره می‌آموزید

آموزش ری اکت جی اس

آموزش React JS مقدماتی

آموزش پروژه محور React JS مقدماتی

آموزس طراحی اپلیکیشن با React JS

این دوره شامل:

18 ساعت ویدئو

6 جلسه متنی

52 تمرین و پروژه

42 سؤال سنجش و یادگیری

دسترسی به تالار گفتگو

گواهینامه مکتب‌خونه

دسترسی مادام‌العمر به محتوای دوره

4 هفته مهلت ارسال تمرین و پروژه

سرفصل‌های دوره

10 فصل57 جلسه9 ساعت ویدیو
فصل اول: React چیست و معرفی ویژگی‌های آن
  ابزار‌ها و محیط برنامه‌نویسی با React
04:45
  آشنایی با مفاهیم React و تفاوت آن با سایر کتابخانه‌ها
06:48
  JSX چیست و چطور از Babel استفاده کنیم
04:59
  کامپوننت چیست و اولین کامپوننت (React Component)
05:07
  کوییز - فصل اول
03:00
  چطور دوره را بگذرانیم و از محتوای آموزشی React مقدماتی استفاده کنیم؟
03:24
فصل دوم: معرفی Create React App و ویژگی‌هان آن
  چطور از Create React App استفاده کنیم
05:48
  روش استفاده از CSS و استایل دادن به کامپوننت‌ها
15:32
  کد زدن برای داشتن Layout یا ساختار صفحه با React
09:45
  props ها در React
11:25
  ساخت صفحه‌های مختلف با React Router
09:59
  Event ها در React
12:40
  مدیریت State ها
15:18
  سورس کد دوره React JS مقدماتی
00:00
  کوییز - فصل دوم
03:00
  تمرین برنامه‌نویسی: ساخت سایت شخصی (الزامی)
180:00
فصل سوم: نکات در مورد Life Cycle ها در React
  نوشتن یک کامپوننت به روش قدیمی و به صورت Class
09:48
  مفهوم Life Cycle در React چیست؟‌
10:58
  data در کامپوننت و قرار دادن در State
08:24
  کوییز - فصل سوم
03:00
فصل چهارم: آموزش React Hookها
  آشنایی با useEffect در React
07:27
  خواندن data از API و نمایش در React
04:07
  آشنایی با useCallback در React
12:27
  آشنایی با Context و useContext
14:20
  چطور با useRef کار کنیم
06:24
  آشنایی با Hook ها
05:21
  اضافه کردن Icon به پرورژه و آشنایی با مفهوم Fragment
10:15
  آشنایی با useReducer
05:45
  استفاده از ترکیب useReducer و useContext
15:37
  کوییز - فصل چهارم
03:00
  تمرین برنامه‌نویسی: جستجوی Emoji (الزامی)
180:00
فصل پنجم: ویژگی‌های بیشتر برای Animation و Validation
  اضافه کردن Animation به پروژه
06:58
  Route مشخصی برای صفحه هر محصول
09:26
  مفهوم validate کردن prop ها و Type Checking
06:48
  روش ساده‌ای برای Store Persistence
05:24
  آشنایی با utils ها و ساختار دادن App
05:01
  کوییز - فصل پنجم
03:00
  تمرین برنامه‌نویسی: قیمت ارز رمزنگاری (Cryptocurrency) (الزامی)
180:00
فصل ششم: چگونگی Deploy کردن
  آموزش React Devtool
04:06
  آماده‌سازی پروژه Create React App برای محیط Production
04:04
  چطور با Now JS پروژه‌ی خود را در Deploy کنیم
04:49
فصل هفتم: نکات اضافی و سوالات متداول در React
  راه‌های نمایش عکس در پروژه
06:26
  استفاده از eslint برای استانداردسازی codebase همراه با vscode
08:18
  کار با git و پروژه Create React App
09:10
  استفاده از SASS در پروژه Create React App
06:05
  استفاده از Bootstrap در پروژه Create React App
03:34
  استفاده از Material UI در پروژه Create React App
07:33
  تعریف زبان‌های Backend و نحوه‌ی ارتباط آن‌ها با Frontend
13:33
  Slideshow در پروژه‌های React
10:24
  آشنایی با White Pages
16:00
  برنامه‌نویسی پروژه Countdown
05:23
  کوییز - فصل هفتم
03:00
  تمرین برنامه‌نویسی: ظاهرسازی سایت شخصی (الزامی)
180:00
فصل هشتم: برنامه‌نویسی تکلیف دوره و پروژه Todo
  شروع پروژه، نصب پیش‌نیاز ها و ساختن ساختار پروژه
08:14
  برنامه‌نویسی استایل‌های اولیه و ساختار کامپوننت‌ها
20:57
  استایل دادن بیشتر و آماده‌سازی پروژه و آشنایی با BEM
18:17
  فانکشن‌های AddTask, DeleteTask
17:19
  Filtering و تغییر وضعیت تسک‌ها
16:39
  پیاده‌سازی localStorage و Persistence برای پروژه و Deploy کردن آن
12:04
  سورس کد پروژه Todo
00:00
فصل نهم: برنامه‌نویسی تکلیف دوره و پروژه وب‌سایت شخصی برای رزومه با Figma
  ایجاد پروژه با Create React App
07:56
  پیاده سازی و پیدا کردن فونت پروژه و تعریف Layout
09:06
  پیاده سازی Header و تعریف Button در پروژه
17:29
  پیاده سازی منو‌ها و Routing در پروژه
16:30
  پیاده‌سازی Footer بر اساس Figma
21:20
  پیاده‌سازی بخش Banner و بررسی کد
05:45
  پیاده سازی صفحه‌ی درباره
01:56
  سورس کد پروژه وب‌سایت شخصی
00:00
  کوییز - فصل نهم
03:00
  پروژه نهایی: ساخت یک App نظرسنجی (الزامی)
300:00
فصل دهم: ویژگی‌های جدید React JS 18
  ویژگی‌های جدید startTransition و UseTransition
11:39
  ویژگی‌های جدید Automatic Batching
08:28

پیش‌نیاز‌ها

برای شروع آموزش ری اکت جی اس مقدماتی باید کار با CSS ،HTML و جاوا اسکریپت را یاد داشته باشید؛ بنابراین اگر کدنویسی به این زبان‌ها را بلد نیستید یا نمی‌دانید وظیفه جاوا اسکریپت در صفحات وب چیست باید دوره‌های زیر را بگذرانید:

  • آموزش HTML و CSS
  • آموزش جاوا اسکریپت

توضیحات دوره

ReactJS (ری اکت جی اس) یک کتابخانه محبوب جاوا اسکریپت است که برای توسعه وب استفاده می‌شود. React.js یا ReactJS یا React نام‌های مختلف کتابخانه ReactJS هستند. بسیاری از شرکت‌های بزرگ امروزی (نتفلیکس، اینستاگرام، فیس‌بوک و غیره) نیز از React JS استفاده می‌کنند. استفاده از این فریمورک نسبت به سایر فریمورک‌ها مزایای زیادی دارد و در چند سال اخیر در زیر 10 زبان برنامه‌نویسی برتر تحت شاخص‌های رتبه‌بندی زبان‌های مختلف قرار گرفته است.

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

معرفی دوره آموزش React JS مقدماتی

دوره آموزش React JS مقدماتی یکی از بهترین دوره‌ها برای شروع کار با فریمورک ری اکت است. این دوره آموزشی یک دوره مقدماتی به‌حساب می‌آید که در 10 فصل و 9 ساعت آموزشی تدریس شده است. زمان مورد نیاز برای گذارندن این دوره نزدیک به 26 ساعت خواهد بود. دوره مذکور توسط استاد احسان گازار تهیه شده است.

کاربرد دوره آموزش React JS مقدماتی چیست؟

فریم‌ورک ری اکت به توسعه‌دهندگان امکان ساخت وب اپلیکیشن‌های بزرگی را می‌دهد که می‌توانند بدون بارگیری مجدد صفحه داده‌ها را تغییر دهند. هدف اصلی ری اکت جی اس این است که سریع، ساده و مقیاس‌پذیر باشد. این فریم‌ورک تنها روی رابط‌های کاربری در اپلیکیشن‌ها کار می‌کند و می‌تواند با ترکیبی از دیگر کتابخانه‌ها یا فریم‌ورک‌های جاوا اسکریپت مانند Angular JS در MVC استفاده شود.

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

هدف از یادگیری دوره آموزش React JS مقدماتی چیست؟

از ری اکت جی اس به منظور مدیریت لایه نمایش برای اپلیکیشن‌های موبایل و وب استفاده می‌شود. React همچنین به شما این امکان را می‌دهد که مؤلفه‌های UI با قابلیت استفاده مجدد بسازید. مزایای React باعث شد که محبوبیت این فریم‌ورک افزایش پیدا کند و درصد زیادی از اپلیکیشن‌ها با استفاده از آن در فرانت‌اند نوشته شوند.

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

دوره آموزش React JS مقدماتی مناسب چه کسانی است؟

دوره آموزش React JS مقدماتی برای افراد زیر مناسب است:

  • کسانی که با HTML،CSS و جاوا اسکریپت آشنایی دارند و نسبت به ساخت یک صفحه وب علاقه‌مندند.
  • توسعه‌دهندگان بک‌اند مانند توسعه‌دهندگان C++، PHP، جاوا و غیره که به یادگیری مهارت‌های فرانت‌اند علاقه‌مندند.
  • کسانی که قصد دارند در این حوزه کاری فعالیت کنند.
  • کسانی که دوست دارند وب‌سایت شخصی خود را راه‌اندازی کنند.
  • و بسیاری از افراد دیگر

بعد از فراگیری دوره آموزش React JS مقدماتی چه مهارت‌هایی کسب خواهید کرد؟

در این دوره با فریم‌ورک ری اکت و تمام کارهایی که می‌توان با استفاده از آن انجام داد، آشنا می‌شوید. با مشاهده فیلم آموزش مقدماتی ری اکت مهارت‌های زیر را یاد خواهید گرفت:

  • کار با ری اکت جی اس و ساخت یک اپلیکیشن ساده
  • آشنایی با مفاهیم Virtual DOM و درک تفاوت آن با حالت معمولی
  • استفاده از فانکشن‌های جدید React با نام Hooks
  • طراحی یک اپلیکیشن فروشگاهی به همراه سبد خرید
  • کار با Local Storage
  • ساخت صفحات مختلف در وب‌سایت خود و Deploy آن در جاهای مختلف
  • استفاده از انیمیشن، عکس و آیکون در پروژه
  • کار با کتابخانه Create React App

سرفصل‌های دوره آموزش React JS مقدماتی چیست؟

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

ویژگی‌های متمایز دوره آموزش React JS مقدماتی مکتب‌خونه چیست؟

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

دیدگاه کاربران

4

بر اساس امتیاز 83 دانشجو

1
2
3
4
5

علی محسن زاده طهرانی

5 روز پیش

5

واقعا برای شروع عالیه

مجتبی زمانی نیشابور

6 روز پیش

5

« درودها، دوره مفیدی بود، سپاس از جناب گازار بابت تهیه این دوره. »

رامین امربر

11 روز پیش

5

بسیار عالی و یادگیری خیلی سریع

دانشجوی دوره

9 روز پیش

5

Good

حسین جعفری

23 روز پیش

5

عالی بود. کاش دوره تکمیلی با توجه به تغییرات این چند ساله React از همین استاد تهیه بشه

مهدی شمسی گمچی

1 ماه پیش

5

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

گواهینامه اختصاصی دو زبانه

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

امکان اشتراک گذاری در لینکدین
دو زبانه
8دوره
15,497دانشجو
469نظر و امتیاز

احسان گازار برنامه‌نویسی را از ۱۷ سالگی با QBasic آغاز کرد و پس از یادگیری زبان‌های C و C++ به دنیای وب وارد شد. او در همان سال‌های ابتدایی با HTML، CSS و JavaScript چندین وب‌سایت طراحی کرد و علاقه‌اش به برنامه‌نویسی وب مسیر آینده‌اش را شکل داد.

او فارغ‌التحصیل مهندسی کامپیوتر (گرایش سخت‌افزار) از دانشگاه خواجه نصیر است اما مسیر حرفه‌ای خود را به عنوان یک Full Stack JavaScript Developer ادامه داد. احسان از سال ۱۳۹۰ فعالیت حرفه‌ای خود را در ایران آغاز کرد و سپس برای ادامه‌ی مسیر کاری به استرالیا مهاجرت کرد؛ جایی که به عنوان مهندس نرم‌افزار و رهبر تیم‌های فنی تجربه‌های ارزشمندی به دست آورد. از سال ۲۰۲۳ نیز در لندن به فعالیت خود ادامه می‌دهد.

احسان علاوه بر فعالیت‌های حرفه‌ای، همیشه به آموزش و انتقال تجربه علاقه‌مند بوده است. تاکنون بیش از ۵۰۰ ویدیو، ۱۰۰ مقاله و چندین دوره آموزشی منتشر کرده و بیش از ۱۲ هزار دانشجو از آموزش‌های او بهره‌مند شده‌اند. او همچنین پادکست فارسی نقطه ورود را راه‌اندازی کرده است که به بررسی موضوعات روز دنیای فناوری برای برنامه‌نویسان و علاقه‌مندان ایرانی می‌پردازد.

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

مسیر حرفه‌ای و شخصی احسان از تهران تا استرالیا و لندن، بازتابی از کنجکاوی، پشتکار و اشتیاق او به یادگیری و ساختن است. او خود را مهندس، کارآفرین و داستان‌گو می‌داند و مأموریتش توانمندسازی برنامه‌نویسان و تیم‌ها برای رسیدن به رشد و تأثیرگذاری بیشتر است.

مهارت‌هایی که می‌آموزید

دوره‌های مشابه

دیگر دوره‌های احسان گازار

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

حداقل و حداکثر زمانی که می‌توانم یک دوره را بگذرانم چقدر است؟

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

آیا پس از به اتمام رساندن و قبولی در دوره، می‌توانم نسخه فیزیکی گواهی‌نامه را دریافت کنم؟

خیر. به‌دلیل ملاحظات محیط‌زیستی و کاهش مصرف کاغذ، گواهی‌نامه فقط به‌صورت الکترونیکی ارائه می‌شود.

آیا بعد از پایان مدت دوره همچنان به محتوای آن دسترسی دارم؟

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

آیا در صورت خرید دوره، گواهی‌نامه آن به من تعلق می‌گیرد؟

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