آموزش ری اکت و ری اکت نیتیو

این دوره، آموزش ری اکت از مقدماتی تا پیشرفته به صورت کاملا کاربردی است!

  • بکارگیری ری اکت برای ساخت اپلیکیشن های مختلف
  • کتابخانه های مشهور ری اکت مانند ریداکس و React Router
 
 

آموزش ری اکت و ری اکت نیتیو در ارومیه


چه چیزی یاد می گیرید؟


 


معرفی دوره


این دوره، شامل آموزش به روزترین مفاهیم ری اکت (React) و REACT Hooks است. آموزش های این دوره به طور مستمر در حال آپدیت است.

این دوره درباره چیست؟ در این دوره، ری اکت را یاد میگیرید یا در صورتی که با آن آشنا هستید، مهارت های خود را به روز و کامل تر کنید.

اطلاعات بیشتر؟؟ ری اکت تماما در مورد کامپوننت هاست! در واقع، HTML Element های سفارشی که میتوانید در زمان کوتاه، اپلیکیشن های بسیار قدرتمندی با آن ها بسازید.

تنها کافیست یک بار کامپوننت را ساخته، آن را بر اساس نیازهای خودتان سفارشی کنید، داده ها را وارد آن نموده و بارها استفاده کنید.

مثلا، میخواهید فهرستی از کاربران در اپلیکیشنتان داشته باشید؟ کافیست یک کامپوننت "User" ساخته و بر اساس نیازتان از آن خروجی بگیرید.

این دوره شامل:
  • پاسخ سوالات ری اکت چیست؟ چرا ری اکت را یاد بگیرم؟ یادگیری ری اکت را از کجا شروع کنم؟
  • مبانی ری اکت (قابلیت ها، سینتکس و مفاهیم)
  • مدیریت states با کامپوننت های class-based و react hooks
  • نحوه خروجی گرفتن از lists و conditional content
  • استایل دهی کامپوننت های ری اکت
  • آموزش internals در ری اکت و قابلیت های پیشرفته کامپوننت ها
  • دسترسی به Http Content از داخل اپلیکیشن های ری اکت (AJAX)
  • مفاهیم مقدماتی تا پیشرفته ریداکس
  • Form و Form Validation در اپلیکیشن های ری اکت
  • Authentication
  • معرفی unit testing
  • معرفی Next.js
  • آموزش توسعه اپلیکیشن با ری اکت
  • و سایر آموزش های کاربردی!



پیش نیازهای دوره

آشنایی مقدماتی با جاوا اسکریپت، HTML و CSS کافیست.
نیازی به شناخت قبلی از ری اکت یا سایر فریمورک های جاوا اسکریپت ندارید.


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

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

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

 
آموزش جاوا اسکریپت ES6
اهداف آموزشی: شناخت قابلیت های ES6 و سینتکس های جدید  
  • تاریخچه جاوا اسکریپت
  • ES6 چیست؟
  • معرفی بابل (Babel)
  • بلاک اسکوپ، let و const
  • نحوه استفاده از template literals
  • توابع Arrow Functions
  • اپراتورهای spread و rest
  • Object literal improvements
  • Destructuring
  • Classes
  • وراثت
  • صفات (properties) و متدهای استاتیک
  • Promise
  • Iterators and Iterables
  • Generators
  • ماژول ها
معرفی ری اکت
اهداف آموزشی: کارکرد ری اکت، تنظیمات، اجرا و دیباگ اپلیکیشن های ری اکت  
  • ری اکت چیست؟
  • چرا ری اکت؟
  • React version history
  • مقایسه ری اکت نسخه نسخه 15 یا 16
  • اجرای Hello World با ری اکت
  • استفاده از create-react-app
  • آناتومی پروژه ری اکت
  • اجرای اپ
  • دیباگ اولین اپلیکیشن ری اکت
آشنایی با JSX
اهداف آموزشی: آشنایی با اهمیت JSX و درک سینتکس و ویژگی های آن  
  • کار با متد React. createElement
  • Expressions
  • استفاده از اپراتور در ری اکت
  • مشخص کردن خصوصیات (attributes)
  • مشخص کردن children
  • فرگمنت ها
کامپوننت ها
اهداف آموزشی: بررسی اهمیت معماری کامپوننت ها و یادگیری تجزیه UI به کامپوننت ها و ترکیب مجدد آن ها برای ساخت UI  
  • اهمیت معماری کامپوننت ها
  • انواع کامپوننت ها
  • توابع 
  • Class based
  • Pure
  • Component Composition
کار با states و props
اهداف آموزشی: نحوه مدیریت state در کامپوننت های ری اکت class based و ایجاد ارتباط بین کامپوننت ها با استفاده از props  
  • state چیست و اهمیت آن
  • خواندن و تنظیمات state ها
  • ورود اطلاعات به کامپوننت با استفاده از props
  • اعتبارسنجی props با استفاده از propTypes
  • تخصیص ارزش های پیش فرض به props با استفاده از defaultProps
Rendering lists
اهداف آموزشی: نحوه خروجی گرفتن از lists و استفاده از key props  
  • استفاده از key props در ری اکت
  • استفاده از تابع map برای تکرار array ها و ایجاد المان ها
مدیریت رویدادها در ری اکت
اهداف آموزشی: آموزش سیستم رویداد synthetic در ری اکت و کارکرد آن  
  • درک سیستم رویداد ری اکت
  • درک رویداد synthetic
  • ارسال argument ها به event handlers
درک  lifecycle کامپوننت ها و مدیریت ارورها
اهداف آموزشی: درک اهمیت متدهای  lifecycle و مدیریت ارورها. ایجاد کامپوننت stateful و استفاده از متدهای lifecycle.   
  • شناخت متدهای lifecycle
  • مدیریت ارورها با استفاده از error boundaries
کار با forms
اهداف آموزشی: نحوه ی مدیریت فرم ها در ری اکت  
  • کامپوننت های کنترل شده
  • کامپوننت های کنترل نشده
  • درک اهمیت default Value prop
  • استفاده از react ref prop برای دسترسی به المان DOM
کانتکست
اهداف آموزشی: کار با Global state با استفاده از context API  
  • کانتکست چیست؟
  • چه زمانی از کانتکست استفاده کنیم؟
  • ایجاد کانتکست
  • Context.Provider
  • Context.Consumer
  • خواندن context در class
code splitting 
اهداف آموزشی: ساخت اپلیکیشن ری اکت که با استفاده از  React.lazy و ویژگی Suspense میتواند کامپوننت های code splitting و lazy load را اجرا کند.   
  • code splitting چیست؟
  • کاربرد code splitting
  • React.lazy
  • Suspense
  • code splitting بر اساس مسیر 
Hooks
اهداف آموزشی: شناخت کاربرد Hooks و استفاده از آن ها برای دسترسی به state hooks و effect hooks در کامپوننت های functional.   
  • Hooks چیست؟
  • چرا به Hooks نیاز دارید؟
  • انواع مختلف Hooks
  • استفاده از state hooks و effect hooks
  • قوانین Hooks
مسیردهی با react router
اهداف آموزشی: درک اهمیت مسیردهی، مسیردهی برای SPA. نصب و تنظیمات router، قوانین مسیردهی  
  • تنظیمات react router
  • آشنایی با routing در اپلیکیشن های تک صفحه ای (SPA)
  • کار با کامپوننت های BrowserRouter و HashRouter 
  • کانفیگ مسیرها با کامپوننت Route
  • ایجاد مسیرهای داینامیک با استفاده از پارامترهای route
  • کار با nested routes
  • مسیردهی به صفحات با استفاده از کامپوننت های link و NavLink
  • ریدایرکت کردن Routes با استفاده از کامپوننت ریدایرکت
  • استفاده از کامپوننت prompt
ریداکس
اهداف آموزشی: آموزش مدیریت state در اپلیکیشن ری اکت ریداکس   
  • ریداکس چیست؟ 
  • چرا ریداکس؟
  • اصول ریداکس
  • نصب و تنظیمات ریداکس
  • ایجاد actions، reducer و store
Immutable.js
اهداف آموزشی: شناخت چالش های تغییرپذیری (mutability) و کاربرد immutable.js برای رفع این چالش ها. ایجاد immutable List, map and set و اجرای عملیات CRUD.   
  • Immutable.js چیست؟
  • مجموعه های Immutable
  • لیست ها
  • نقشه ها
  • Sets
ری اکت ریداکس
اهداف آموزشی: آموزش یکپارچه سازی ریداکس با اپلیکیشن های ری اکت   
  • ری اکت ریداکس چیست؟
  • چرا ری اکت ریداکس؟
  • نصب و تنظیمات 
  • مقایسه کامپوننت های Container با Presentational
  • شناخت کامپوننت های high order
  • شناخت کاربرد mapStateToProps و mapDispatchtToProps
میان افزارها (Middleware) در Redux
اهداف آموزشی: اهمیت میان افزارها و آموزش کار با میان افزار saga  
  • چرا میان افزار ریداکس
  • گزینه های موجود redux middleware
  • redux saga چیست؟
  • نصب و تنظیمات redux saga
  • کار با Saga helpers
  • مقایسه Sagas با promises
متد Unit Testing
اهداف آموزشی: درک اهمیت UI testing و نحوه تست کامپوننت ها، reducers با استفاده از jest و enzyme.  
  • درک اهمیت تست واحد (Unit Testing)
  • شناخت مفاهیم و ابزارهای تست Unit Testing
  • تست واحد کامپوننت های ری اکت با jest 
  • تست واحد کامپوننت های ری اکت با enzyme
تنظیمات Webpack
اهداف آموزشی: شناخت اهمیت Webpack و اجرای صفر تا صد پروژه ری اکت   
  • Webpack چیست؟
  • چرا Webpack
  • نصب و تنظیمات Webpack
  • کار با فایل کانفیگ Webpack
  • کار با loaders
  • کار با پلاگین ها
isomorphic React
اهداف آموزشی: اهمیت isomorphic React و تنظیمات SSR  
  • server-side rendering چیست؟
  • چرا SSR؟
  • کار با متدهای renderToString و renderToStaticMarkup

 

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

 
مزیت یادگیری ری اکت نسبت به سایر فریمورک های جاواسکریپت چیست؟
یادگیری ری اکت آسان است و به راحتی کار با آن را شروع میکنید. ری اکت به عنوان یک کتابخانه، انعطاف پذیری فراوانی در یکپارچه سازی با سایر کتابخانه های مشهور دارد که میتوان از این قابلیت برای ایجاد مجموعه ای از کتابخانه های ضروری برای ساخت اپلیکیشن استفاده کرد. 
کدام شرکت ها از ری اکت استفاده میکنند؟
امروزه بسیاری از شرکت ها به دلیل کاربرد آسان و قابلیت های کاربر پسند ری اکت، از آن استقبال میکنند.    یکی از برندهای مشهور، نتفلیکس است که بزرگترین ارائه دهنده خدمات استریم ویدئو می باشد. یکی از دلایل اصلی انتخاب ری اکت توسط نتفلیکس، عملکرد عالی و سادگی آن است.    برخی از شرکت های مشهور دیگری که از ری اکت استفاده میکنند:
  • یاهو
  • فیسبوک
  • واتس اپ
  • اینستاگرام
  • آی بی ام 
  • کلاود فلیر
  • نیویورک تایمز
  • و غیره!
پشتیبانی دوره آموزش آنلاین ری اکت به چه صورت است؟
این دوره دارای پشتیبان حرفه‌ای است، که در طول دوره و حتی پس از اتمام آن به صورت رایگان، پاسخگوی سؤالات شما خواهد بود.

دوره های در حال برگزاری


مقالات آموزشی


می 1, 2019

اولین استارت آپ تاکسی آنلاین دنیا چگونه شکل گرفت؟

دنیای تکنولوژی موبایل، هیجان انگیز و دلهره آور است. چشم انداز دنیای موبایل به طور مستمر در حال تغییر است: هر هفته […]
می 1, 2019

حل معادلات ریاضی با دوربین تلفن همراه!

محققان کروات نرم‌افزاری طراحی کرده‌اند که با استفاده از دوربین تلفن همراه قادر به حل مسائل و معادلات ریاضی است. به گزارش […]
می 1, 2019

تاریخچه گوگل و اندروید

شرکت گوگل از زمان پیدایش هر روزه نوآوری ها و ابتکارات جالبی را به دنیای فناوری اطلاعات وکامپیوتر عرضه کرده است و […]
می 1, 2019

بلک بری شرکت RIM

بلک بری قبل از آنکه بعنوان بهترین موبایل هوشمند برای استفاده از پست الکترونیک مورد توجه واقع شود، کار خود را به […]

ارتباط با ما


ورود