هزینه آموزش
۷۵,۰۰۰ تومان

آموزش مقدماتی کتابخانه ReactJS در جاوا اسکریپت

آموزش مقدماتی کتابخانه ReactJS در جاوا اسکریپت

تعداد دانشجو
۳۷۶ نفر
مدت زمان
۵ ساعت و ۳۴ دقیقه
هزینه آموزش
۷۵,۰۰۰ تومان
محتوای این آموزش
تضمین کیفیت
۲ بازخورد (مشاهده نظرات)
آموزش مقدماتی کتابخانه ReactJS در جاوا اسکریپت

در این فرادرس مقدمات برنامه‌نویسی با کتابخانه ReactJS که از تکنولوژی‌های نوین برنامه‌نویسی رابط کاربری است، ارائه شده است. ReactJS کتابخانه معرفی شده از سوی Facebook برای ساخت رابط کاربری در سال ۲۰۱۳ توسط جردن واک (Jordan Walke) است. React قابلیت ایجاد وب‌سایت‌ها، اپلیکیشن‌های پیش‌رونده یا PWA (Progressive Web Apps) را دارد و همچنین با معرفی فریم‌ورک React Native امکان تولید اپلیکیشن در پلتفرم‌های Android, iOS, MAC و حتی ویندوز را نیز فراهم کرده است. یادگیری این کتابخانه یکی از امتیازات برنامه‌نویس‌های Front-End است و از نظر میزان دستمزد، جزو تخصص‌های پردرآمد است. با توجه به رو به رشد بودن این تکنولوژی و جامعه قوی، امکان پیشرفت آن در حوزه‌های مختلف برنامه‌نویسی رابط کاربری رو به افزایش است.

آموزش مقدماتی کتابخانه ReactJS در جاوا اسکریپت

مدت زمان
۵ ساعت و ۳۴ دقیقه
هزینه آموزش
۷۵,۰۰۰ تومان
محتوای این آموزش
۲ بازخورد (مشاهده نظرات)
مدرس
نیلوفر کلاهچی

دانشجوی کارشناسی ارشد مهندسی فناوری اطلاعات (IT) - تجارت الکترونیک

ایشان برنامه‌نویسی را از سال 1391 با شرکت در دوره برنامه‌نویسی وب مجموعه لایتک دانشگاه شریف شروع کرده‌اند، از سال 1393 تا‌کنون 6 سال سابقه کار تست و برنامه‌نویسی نرم‌افزار به زبان‌های جاوا و تکنولوژی‌های وب را دارند که در دو سال اخیر تمرکز ایشان در حوزه وب بوده است.

چکیده آموزش


توضیحات تکمیلی

در این فرادرس مقدمات برنامه‌نویسی با کتابخانه ReactJS که از تکنولوژی‌های نوین برنامه‌نویسی رابط کاربری است، ارائه شده است. ReactJS کتابخانه معرفی شده از سوی Facebook برای ساخت رابط کاربری در سال ۲۰۱۳ توسط جردن واک (Jordan Walke) است. React قابلیت ایجاد وب‌سایت‌ها، اپلیکیشن‌های پیش‌رونده یا PWA (Progressive Web Apps) را دارد و همچنین با معرفی فریم‌ورک React Native امکان تولید اپلیکیشن در پلتفرم‌های Android, iOS, MAC و حتی ویندوز را نیز فراهم کرده است. یادگیری این کتابخانه یکی از امتیازات برنامه‌نویس‌های Front-End است و از نظر میزان دستمزد، جزو تخصص‌های پردرآمد محسوب می‌شود. با توجه به رو به رشد بودن این تکنولوژی و جامعه قوی، امکان پیشرفت آن در حوزه‌های مختلف برنامه‌نویسی رابط کاربری رو به افزایش است.

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

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

فهرست سرفصل‌ها و رئوس مطالب مطرح شده در این مجموعه آموزشی، در ادامه آمده است:
  • درس یکم: آشنایی با کتابخانه ReactJS
    • مروری بر مقایسه آمارهای برنامه‌نویسی Front-End و Back-End
    • ReactJS و ضرورت یادگیری آن
    • کاربردهای آن در تولید نرم‌افزار
  • درس دوم: مروری بر مفاهیم کاربردی JavaScript و ES6
    • مروری بر Arrow Function‌ها
    • مروری بر Template Literalها
    • مروری بر Destructuring
    • استفاده از Ternary Operator
    • Import / Export ماژول‌ها
    • استفاده از map, filter و reduce
  • درس سوم: نصب و راه‌اندازی ابزارهای لازم در ویندوز
    • نصب Node.js و Yarn
    • تفاوت npm و Yarn
    • نصب یک ادیتور مانند VS Code
    • نصب یک مرورگر مانند Chrome
  • درس چهارم: ساخت اولین پروژه ReactJS
    • نصب کتابخانه ReactJS
    • آشنایی با ساختار پوشه‌بندی پروژه React
    • آشنایی با JSX و کاربرد آن
    • آشنایی با کامپایلر Babel
    • مفهوم Virtual DOM
    • React Dev Tools
  • درس پنجم: معرفی Componentها در React
    • کامپوننت‌های مبتنی بر کلاس یا Stateful
    • آشنایی با Props
    • آشنایی با State
    • استفاده از this
    • آشنایی با متدهای Lifecycle
      • componentWillMount
      • componentDidMount
      • componentWillReceiveProps
      • shouldComponentUpdate
      • componentWillUpdate
      • componentDidUpdate
      • componentWillUnmount
      • render
    • کامپوننت‌های تابعی یا Stateless
  • درس ششم: استفاده از Componentها در React
    • Conditional Rendering چیست؟
    • مدیریت رویدادها
    • استفاده از CSS Style در React
      • Inline styling
      • اسامی Camel case برای ویژگی‌ها
      • JavaScript Object
      • CSS Stylesheet
      • ماژول CSS و import کردن آن
    • فرم‌ها
    • لیست‌ها و کلیدها
    • استفاده از Routing (مسیریابی) در پروژه
  • درس هفتم: معرفی Context API
    • مقدمه و معرفی اولیه
    • Context API 2 چیست؟
    • اضافه کردن Context و Provider
    • نحوه دسترسی به Context
    • به‌روزرسانی داده‌های Context
    • ایجاد Context‌های چندگانه
    • استفاده از Context‌های چندگانه
  • درس هشتم: معرفی Hooks
    • آشنایی با Hooks
    • آشنایی با useState
    • استفاده از useState در فرم‌ها
    • آشنایی با useEffect
  • درس نهم: ترکیب Hooks و Context
    • استفاده از Hooks همراه با Context
    • Context‌های چندگانه با استفاده از Hooks
    • ساخت Context با کامپوننت‌های تابعی
    • مفهوم Flux
  • درس دهم: ایجاد یک پروژه لیست کتاب‌های کتابخانه
    • لیست کتاب‌های کتابخانه - بخش یکم
    • لیست کتاب‌های کتابخانه - بخش دوم
    • لیست کتاب‌های کتابخانه - بخش سوم
    • آشنایی با مفاهیم Reducers, Actions و State
    • اضافه کردن یک Reducer
    • اضافه کردن localStorage

مفید برای رشته‌های
  • طراحی سایت

پیش نیاز


آنچه در این آموزش خواهید دید:

آموزش ویدئویی مورد تائید فرادرس
فایل برنامه ها و پروژه های اجرا شده
فایل PDF یادداشت‌ های ارائه مدرس

نرم افزارهای مرتبط با آموزش

Visual Studio Code 1.55.2




پیش نمایش‌ها

۱. آشنایی با کتابخانه ReactJS

توجه: اگر به خاطر سرعت اینترنت، کیفیت نمایش پایین‌تر از کیفیت HD ویدئو اصلی باشد؛ می‌توانید ویدئو را دانلود و مشاهده کنید دانلود پیش‌نمایش - حجم: ۲۴ مگابایت -- (کلیک کنید +))

۲. مروری بر مفاهیم کاربردی JavaScript و ES6

توجه: اگر به خاطر سرعت اینترنت، کیفیت نمایش پایین‌تر از کیفیت HD ویدئو اصلی باشد؛ می‌توانید ویدئو را دانلود و مشاهده کنید دانلود پیش‌نمایش - حجم: ۱۰ مگابایت -- (کلیک کنید +))

۳. نصب و راه‌اندازی ابزارهای لازم در ویندوز

توجه: اگر به خاطر سرعت اینترنت، کیفیت نمایش پایین‌تر از کیفیت HD ویدئو اصلی باشد؛ می‌توانید ویدئو را دانلود و مشاهده کنید دانلود پیش‌نمایش - حجم: ۷ مگابایت -- (کلیک کنید +))

۴. ساخت اولین پروژه ReactJS
مشاهده این پیش‌نمایش، نیازمند عضویت و ورود به سایت (+) است.
۵. معرفی Componentها در React
مشاهده این پیش‌نمایش، نیازمند عضویت و ورود به سایت (+) است.
۶. استفاده از Componentها در React
مشاهده این پیش‌نمایش، نیازمند عضویت و ورود به سایت (+) است.
۷. معرفی Context API
مشاهده این پیش‌نمایش، نیازمند عضویت و ورود به سایت (+) است.
۸. معرفی Hooks
مشاهده این پیش‌نمایش، نیازمند عضویت و ورود به سایت (+) است.
۹. ترکیب Hooks و Context
مشاهده این پیش‌نمایش، نیازمند عضویت و ورود به سایت (+) است.
۱۰. ایجاد یک پروژه لیست کتاب‌های کتابخانه
مشاهده این پیش‌نمایش، نیازمند عضویت و ورود به سایت (+) است.
این آموزش شامل ۱۱ جلسه ویدئویی با مجموع ۵ ساعت و ۳۴ دقیقه است.
با تهیه این آموزش، می‌توانید به همه بخش‌ها و جلسات آن، دسترسی داشته باشید.

راهنمای سفارش آموزش‌ها

آیا می دانید که تهیه یک آموزش از فرادرس و شروع یادگیری چقدر ساده است؟

(راهنمایی بیشتر +)

در مورد این آموزش یا نحوه تهیه آن سوالی دارید؟
  • با شماره تلفن واحد مخاطبین ۵۷۹۱۶۰۰۰ (پیش شماره ۰۲۱) تماس بگیرید. - تمام ساعات اداری
  • با ما مکاتبه ایمیلی داشته باشید (این لینک). - میانگین زمان پاسخ دهی: ۳۰ دقیقه


اطلاعات تکمیلی

نام آموزش آموزش مقدماتی کتابخانه ReactJS در جاوا اسکریپت
ناشر فرادرس
کد آموزش FVJS9911
مدت زمان ۵ ساعت و ۳۴ دقیقه
زبان فارسی
نوع آموزش آموزش ویدئویی (نمایش آنلاین + دانلود)
حجم دانلود ۶۶۴ مگابایت (کیفیت ویدئو HD با فشرده سازی انحصاری فرادرس)


تضمین کیفیت و گارانتی بازگشت هزینه
توجه: کیفیت این آموزش توسط فرادرس تضمین شده است. در صورت عدم رضایت از آموزش، به انتخاب شما:
  • ۱۰۰ درصد مبلغ پرداختی در حساب کاربری شما شارژ می‌شود.
  • و یا ۷۰ درصد مبلغ پرداختی به حساب بانکی شما بازگشت داده می‌شود.





نظرات

تا کنون ۳۷۶ نفر از این آموزش استفاده کرده اند و ۲ نظر ثبت شده است.
مصطفی
مصطفی

فوق العاده بود. عالی بود. ممنونم
 خواهش میکنم آموزش دیگر سرفصلهای ادونس ریئکت رو هم ارائه بفرمایین
axios, rest api ,
webpack
, ...

پرویز
پرویز

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

دسته‌بندی موضوعی: برنامه نویسی | طراحی سایت
برچسب‌ها:
Arrow function in React JS | Camel case برای ویژگی ‌ها | componentDidMount Method | componentDidUpdate Method | components in React | componentWillMount Method | componentWillReceiveProps Method | componentWillUnmount Method | componentWillUpdate Method | Conditional Rendering | Context API | Context API 2 | Context‌ های چندگانه | CSS Style in React | CSS Stylesheet | Destructuring in React JS | export Module in React JS | Hooks همراه با Context | import CSS Module | import Module in React JS | Inline styling | JavaScript Object | Lifecycle Method | ontext‌ های چندگانه با Hooks | Props in React JS | React Dev Tools | React JS | React JS در تولید نرم‌ افزار | React Native Framework | React.JS | React.JS | React.js programming | ReactJs | ReactJs | render Method | shouldComponentUpdate Method | State in React JS | Stateless component | Template Literal in React JS | Ternary Operator in React JS | useState in Forms | آشنایی با Hooks | آشنایی با JSX | آشنایی با Props | آشنایی با State | آشنایی با useEffect | آشنایی با useState | آشنایی با کامپایلر Babel | آشنایی با کتابخانه React JS | آشنایی با متدهای Lifecycle | استفاده از useState در فرم ها | ایجاد Context‌ های چندگانه | برنامه نویسی React JS | برنامه نویسی React.js | به‌روزرسانی داده‌ های Context | ترکیب Hooks و Context | تفاوت npm و Yarn | راه‌ اندازی ابزارهای ویندوز | ساخت Context با کامپوننت‌ های تابعی | ساختار پوشه‌ بندی React | ضرورت یادگیری React JS | فرم ها در CSS | کاربرد JSX | کامپایلر Babel | کامپوننت های تابعی | کامپوننت های تابعی | کامپوننت های مبتنی بر Stateful | کامپوننت‌ های مبتنی بر کلاس | کامپوننت‌ های مبتنی بر کلاس | کامپوننت‌ها در React | کتابخانه React.js | کلیدها در CSS | لیست ها در CSS | ماژول CSS | معرفی Context API | معرفی React Dev Tools | معرفی React JS | معرفی کتابخانه React.js | مفاهیم کاربردی ES6 | مفاهیم کاربردی Javascript | مفهوم Flux | مفهوم Virtual DOM | مقدمه Context API | نصب Chrome در React.js | نصب Node.js | نصب VS code | نصب Yarn | نصب ابزارهای ویندوز | نصب کتابخانه React JS | نصب کتابخانه React.js
مشاهده بیشتر مشاهده کمتر

×
فهرست جلسات ۱۱ جلسه ویدئویی