رویداد به پایان رسیده است!
نخستین دوره طراحی وب اپلیکیشن با Redux,Reactjs در تاریخ دوشنبه ۱۸ آذر به پایان رسیده است. (جزئیات بیشتر)

رویدادهای زیر را به شما پیشنهاد می‌کنیم

پنج‌شنبه ۲۳ مرداد

دوره معامله گری ؛ فنون و ظرایف

  • تهران
  • از ۳,۶۰۰,۰۰۰ تومان
آواتاربورس استیج
شنبه ۲۴ خرداد

آموزش جامع طراحی سایت

  • از ۲۹,۰۰۰ تومان
آواتارابراهیم طبرستانی
کاور
پنج‌شنبه ۲۵ مهر ساعت ۱۵:۰۰

نخستین دوره طراحی وب اپلیکیشن با Redux,Reactjs

  • رایگان
  • تهران
  • تکنولوژی
مهلت ثبت‌نام برای این رویداد به پایان رسیده است.

معرفی دوره


ReactJS چیست؟

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

تخمین زده شده است که 1,365+ برنامه نویس و 94,000+ سایت در حال حاضر از این کتابخانه استفاده می‌ کنند و این روند نشان می‌دهد که به هیچ وجه استفاده از کتابخانه ReactJS در حال کاهش نمی باشد، بخش عظیمی از علت این اتفاق را می توان استفاده شرکت های بزرگ مانند فیس‌ بوک، Airbnb، Uber و PayPal از کتابخانه متن باز ReactJS دانست که بیشتر آن را برای ایجاد رابط کاربری مورد استفاده قرار می دهند.

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

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

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

 فریم ورک Reduxچیست ؟

Redux یک کتابخانه جاواسکریپت است که برای ساخت رابط کاربری اپلیکیشن ها و صفحات وب استفاده می‌شود. این کتابخانه حالات (states) مختلف را در برنامه‌های جاوا اسکریپت مدیریت می‌کند. حالا منظور از state چیست؟ همانطور که می‌ دانید برنامه های کامپیوتری داده‌های خود را در متغیرها ذخیره می‌کنند که هر متغیر مقداری از فضا در حافظه کامپیوتر (RAM) را اشغال به خود اختصاص می دهد.  به محتوای آن بخش از حافظه، زمانی که نرم افزار در حال اجرا است، وضعیت برنامه نامیده می شود. با شناخت State می‌توانیم Redux را بهتر درک کنیم.

ریداکس یک الگو برای مدیریت بهتر و بهینه تر وضعیت های مختلف در برنامه ارائه می دهد. این کتابخانه سن زیادی ندارد و در سال 2015 عرضه شده است. از Redux بیشتر به عنوان یک مکمل در کنار کتابخانه‌هایی مانند Angular یا React استفاده می‌شود. این کتابخانه با تمام وابستگی‌های خود (Dependency) تنها 2 کیلوبایت حجم دارد و با بکارگیری آن، لازم نیست نگران سنگین شدن پروژه خود باشید. همچنین به خاطر متن باز بودن این پروژه، کدهای آن در گیت هاب موجود است و می‌توانید آن را مطالعه کنید

در این دوره تلاش می‌کنیم تا ابتدا با مفاهیم مهم و بنیادی جاوا اسکریپت خصوصا استانداردهای جدید ES6 آشنا شویم. در ادامه سراغ React خواهیم رفت و با آموزش پروژه محور، تلاش می‌کنیم تا شما را به دنیای برنامه نویسی فرانت‌اند وارد کنیم. در این قسمت علاوه بر آشنایی با مفاهیم پایه‌ای React همچون State, Props, Component و … یک اپلیکیشن واقعی React را توسعه خواهید داد.
در بخش دوم دوره، استفاده از Redux را به همراه React فرا خواهیم گرفت. Redux یکی از مهمترین بخش‌های یک وب اپلیکیشن واقعی است که بدون آن، عملا امکان استفاده از وب‌اپلیکیشن‌های بزرگ میسر نیست. در این بخش هدف بیشتر آشنایی با اهمیت Redux و دلیل استفاده و اهمیت آن در پروژه‌های React بیان خواهد شد.
در این دوره حداقل ۲ اپلیکیشن کامل توسعه داده خواهد شد و تلاش بر این است تا حد امکان دوره به صورت تعاملی و کد محور باشد و طی دوره، دانشجو در کنار استاد برای توسعه وب اپلیکیشن‌ها کمک کند.


نکاتی که در این دوره خواهید آموخت:

• نوشتن Single Page Application حرفه‌ای با React
• آشنایی با ابزارها و لایبرری‌های مرتبط با React
• آشنایی با جاوا اسکریپت و آخرین استانداردهای ES6
• آشنایی با React، Redux و React-Router


زمان برگزاری



پنج شنبه و جمعه ها از تاریخ 25ام مهر ماه لغایت 18ام آذر ماه ساعت15 الی 19
مدت کارگاه آموزشی 12 جلسه 4 ساعته مجموعا 48 ساعت میباشد.



جهت ثبت نام با تخفیف ویژه میتوانید از وبسایت کانون کارآفرینی دانشگاه تهران اقدام کنید : ورود به صفحه مخصوص این دوره


سرفصل ها


بخش اول:‌ مقدمه‌ای بر JavaScript

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


 ES6
VAR, LET و  CONST
ARROW FUNCTIONS
TEMPLATE LITERALS
MAP, REDUCE و  FILTER
 TERNARY OPERATOR
IMPORT AND EXPORT
ASYNC/AWAIT
SHORTHAND OBJECT ASSIGNMENT
DESTRUCTURING
SPREAD OPERATOR

JavaScript  and Object Oriented Programming 
CLASSES
Inheritance in Js
REST API and JS
AJAX call In Js
Transpilers and Other Knowledge
BABEL 
 Transpilers و  Polyfills با کمک Babel
-   نوشتن اولین پروژه با کمک Javascript

 

 

 

بخش دوم: React

مقدمه:
درباره Single Page Application 
چرا یادگیری React؟
نمونه‌های اپلیکیشن‌های مهم توسعه داده شده با React

شروع کار با React
استفاده از Create React App
آشنایی با Module Bundler مثل Webpack 
ساختار بندی اپلیکیشن‌های React

 React Components - مقدماتی
JSX و مزایای آن در React
فکر کردن به شیوه React
ساخت React Component
استفاده از کامپونتت‌ها در یکدیگر
Props
State
Events & Methods 
نوشتن اپلیکیشن ساده شمارنده

 React Components - پیشرفته
Functional و stateful  کامپوننت
Lifecycle Methods
استفاده از Component های third party از جمله React-Modal 

وصل کردن Component ها به API
Dynamic data  با کمک Ajax Call
نمایش Loading در حین استفاده از API

 

CSS و روش‌های استفاده آن در React
Style  در کامپونتت‌های React
آشنایی با SASS
SCSS در Webpack

Navigation در React
React Router

دیگر موضوعات: 
انجام پروژه با React
دیباگ کردن پروژه ری اکت
React Dev Tools 

بخش سوم:‌ React + Redux

در بخش دوم پروژه را با کمک Redux تکمیل خواهیم کرد. به طوری که کامپوننت‌های متفاوت از طریق ریداکس با یکدیگر ارتباط برقرار کرده و می‌توانید یک وب اپلیکیشن واقعی را دولوپ نمایید.

Redux چیست؟
چرا باید از Redux در کنار React استفاده کنیم؟
Redux and React
Redux Structure
Redux store and components
بخش پایانی: 

انجام پروژه کامل با کمک React و Redux
جمع بندی

 

سخنرانان

محمدحسین ملک
محمدحسین ملک
فرونت اند دولوپر

فرونت اند دولوپر ارشد شرکت اسنپ و سابقا شرکت فون پی، چیلیوری و نت برگ

برگزارکنندگان

کانون کارآفرینی دانشکده فنی دانشگاه تهران
کانون کارآفرینی دانشکده فنی دانشگاه تهران

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

پیش‌نیاز های علمی شرکت در این رویداد چیست؟
آشنایی با HTML و CSS,جاوا اسکریپت + ES6 – مقدماتی,آشنایی با Node Package Manager (NPM)
وسایل همراه و مورد نیاز در این رویداد چیست؟
باید لپتاپ به همراه داشته باشید.
آیا امکان پس دادن بلیت و عودت وجه وجود دارد؟
در صورت انصراف پیش از شروع دوره آموزشی 25 درصد، قبل از برگزاری دو جلسه 50 درصد مبلغ شهریه کسر و مابقی عودت داده میشود. بعد از برگزاری دو جلسه دیگر هیج مبلغی عودت داده نمیشود. کافیست برای کنسل کردن با شماره های موجود در سایت و یا اکانت تلگرام ما در ارتباط باشید تا در کمترین زمان ممکن وجه پرداختی برای شما بازگشت داده شود.
من دانشجوی دانشگاه تهران نیستم میتوانم شرکت کنم؟
بله هزینه دانشجویی در نظر گرفته شده برای تمامی دانشجویانی است که دارای کارت دانشجویی معتبر از هر نهاد دانشگاهی ایران باشند. سایرین نیز میتوانند با هزینه آزاد که اختلاف چندانی با هزینه دانشجویی ندارد (اما همچنان بسیار کمتر از قیمت های دیگر موسسات است.) در کلاس شرکت کنند.

آدرس

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

موقعیت جغرافیایی رویداد

برگزار‌کننده

آواتار

کانون کارآفرینی دانشگاه تهران

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

رویداد های برگزارشده۲۷
رویداد های فعال۰