دوره متخصص ریکت و ریداکس

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

۵۲:۳۶:۰۰
۲۷۸ جلسه
۶۰۱۰ دانشجو
۴.۹  از  ۳۲  رای
روش دریافت:  اسپات پلیر
تاریخ انتشار :۱۴۰۱/۹/۲۶
آخرین بروزرسانی:۱۴۰۵/۷/۲۷
پشتیبانی: دائمی تلگرام

توضیحات دوره

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

ریکت دیگه چیه ؟

آمارهای گیت هاب و سایت stack overflow نشان میده که بازارکار کتابخانه ریکت چه در ایران و چه در خارج از کشور رشد چشم گیری در این چند سال اخیر داشته. تا جایی که در سال 2020 ریکت (React.js) به عنوان محبوب ترین کتابخانه جاوااسکریپت شناخته شده است. یکی از دلایل این محبوبیت، سادگی یادگیری، بازار کار فوق العاده، جامعه آماری بالا، سرعت و عملکرد بالا و پشتیبانی فیسبوک هست.

چرا باید ریکت رو فرا بگیریم ؟

ریکت به عنوان تیر خلاص برای یک هنرجوی فرانت برای استخدام هست. چون این روزا عملا هیچ پروژه ای با جاوااسکریپت خام (vanilla JavaScript) انجام نمی شود. چون که به کمک ریکت پروژه در نهایت سادگی و در کمترین زمان ممکن با بالاترین عملکرد انجام می شود. علاوه بر این، استفاده از ابزار جدیدی مثل ریکت، هزینه توسعه و نگه داری پروژه ها رو تا حد چشم گیری کاهش می دهد. پس طبیعتا شرکت ها هم به دنبال متخصص ریکت هستند.

چرا ریکت بازار کار رو به رشدی داره ؟

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

صاحب، وجه تمایز دوره ت چیه ؟

بیش از 5 دوره کامل یودمی و یوتوب رو کامل دیدم و واقعا تا الان ندیدم که یک دوره ریکت فرآیند احراز هویت (Authorization - Authentication)، ثبت نام، لاگین، سفارش، مدیریت خطاهای سمت سرور (Error handling)، مدیریت استیت ها به کمک context ، Redux را در یک پروژه واقعی فروشگاه آنلاین (shopping) بررسی کند. به همین دلیل، بک اند و دیتا بیس واقعی رو آماده بهتون میدم که یک پروژه واقعی را تمرین کنید.

آیا صرفا یادگیری ریکت کافیه ؟

بله قطعا، رمز موفقیت توی برنامه نویسی تمرکز روی یک حوزه هست. شما رو باید به عنوان متخصص یک حوزه بشناسن تا از بقیه متفاوت باشید. قطعا یادگیری ریکت به تنهایی برای شما کافی خواهد بود و نیازی به یادگیری vue.js یا angular نیست.

چرا این دوره آماده شد ؟

این دوره حاصل کار با بیش از 125 دانشجو به صورت coach خصوصی، بیش از 4 سال سابقه کار با کتابخانه ریکت در پروژه های داخلی و خارجی و مشاوره چندین استارتاپ و پروژه تحت ریکت (React.js ) و نکست (Next.js) هست. ریکت رو مثل بچه خودم میدونم و بعد این همه سابقه تدریس ریکت، واقعا چالش های آموزش ریکت رو شناسایی کرده ام و یک دوره کاملا پروژه محور و حرفه ای برای شما آماده شده است. انتظار من از شما، بعد این دوره یک توسعه دهنده ارشد ریکت هست که بتونید بدون نیاز به هیچ بوت کمپ و کاراموزی با چندین نمونه کار حرفه ای وارد بازار کار شوید.

آیا همین دوره ریکت کافی خواهد بود؟

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

برای پشتیبانی چه برنامه ای داری ؟

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

وبینار توی دوره جریانش چیه ؟

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

صاحب میشه بگی، ساختار کلی دوره چطوریه ؟

مفاهیم class / functional component روی یک پروژه تمرینی بررسی میشه. استیت و پراپس ها رو میگیم. بعدش میرسیم به context و چرخه عمر کامپوننت ها. قدم بعدی، مفاهیم filter, search, sort رو بهتون میگم. بعدش میریم سمت react-router ، http request و پروژه های دیگه برای ترکیب مفاهیم گفته میشه. بعدش Redux رو میگیم و میریم سمت پروژه اصلی دوره.

راجب پروژه ها یکم بیشتر توضیح میدی ؟

تمرین ها، چالش ها و پروژه ها با نهایت حساسیت انتخاب شدن تا همه مفاهیم مثل هوک ها، استیت های global، درخواست های سمت سرور، http requests و چالش هایی با هم ترکیب بشه و مجددا استفاده بشه تا مطالب تثبیت بشه. پروژه های todoList, contactList, shopping cart, expense tracker جزء مهم ترین پروژه های این دوره هست.

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

یادگیری ریکت بعد از جاوااسکریپت، یکی از بهترین انتخاب ها برای ورود به بازار کار در سال 1400 است.

وجه تمایز تدریست چیه ؟

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

بخاطر مبلغ دوره، نمیخواهم در این دوره شرکت نمایم. پیشنهاد شما چیست؟

به دست آوردن هر چیزی بهایی دارد؛ خیلی از هزینه های زندگی به ما برنمیگرده اما شما توی این دوره روی ارتقاء کیفیت زندگی خودتان سرمایه گذاری می کنید. از امروز شروع کنید و روی رشد خودتان و مهارتتان سرمایه گذاری کنید. هر چیز ارزشمندی می‌خواهید به دست بیاورید باید ابتدا بهای آن را بپردازید.

جلسات دوره

۱Wellcome
۴′
دانلود ویدیو
۲What is React.js
۹′
دانلود ویدیو
۳Install React.js
۱۱′
دانلود ویدیو
۴What is package.json file
۸′
۵React source files
۱۲′
۶Separation of Component
۱۴′
۷Component in React.js
۱۰′
۸CoureCard Comoponent markup
۹′
۹Extract CourseList Component
۱۲′
۱۰Render list in React.js
۱۰′
۱۱JSX in React.js
۹′
۱۲Props in Component
۱۴′
۱۳Extract CourseCard Component
۱۱′
۱۴Key in React.js
۹′
۱۵Dynamic CalssName
۶′
۱۶Header and Footer Component
۶′
۱Tab Component Markup
۹′
۲Events in React way
۹′
۳What is State in React.js
۴′
۴Creating State in useState
۱۱′
۵Do NOT Mutate state in React.js
۱۱′
۶Adding another state in React.js
۸′
۷Update state based on previous state in React.js
۷′
۸NoteApp project intro
۴′
۹NoteApp Structure for Components
۷′
۱۰Building Form and handling submission
۷′
۱۱Controlled Component in React.js
۱۲′
۱Thinking in React.js
۸′
۲State Management in React.js
۹′
۳Lifting State up
۱۰′
۴Update lifted state in parent
۸′
۵NoteList markup
۸′
۶Deleting Note from child component
۱۰′
۷Toggle Note to Complete
۱۲′
۸NoteStatus component
۷′
۹Sort Notes
۲۰′
۱۰Children props
۱۲′
۱۱Accordion Component V1
۱۸′
۱۲Dynamic style in chevron
۱۲′
۱۳Accordion component V2
۱۶′
۱Overview
۶′
۲How to split component
۹′
۳CharacterList and NavBar Component
۱۷′
۴Character Detail component
۱۳′
۵Component Categories
۳′
۶props drilling
۱۱′
۷Component composition
۱۱′
۱Overview
۲′
۲How React re-renders component
۸′
۳Pure Component
۱۱′
۴Rules of render logic
۲۲′
۵State update batching
۱۱′
۱Overview
۲′
۲Component Lifecycle
۸′
۳How to NOT fetch data in React.js
۱۰′
۴useEffect intro
۹′
۵Async await in useEffect
۷′
۶Adding loading state in React.js
۹′
۷Error handling
۱۸′
۸Error handling in axios
۹′
۹Dependency array in useEffect
۱۷′
۱۰Search in characters based on query
۱۴′
۱۱Select a character
۹′
۱۲Fetch a single character
۲۰′
۱۳Load episodes
۱۳′
۱۴Add character to favourite
۱۱′
۱۵clean up function
۱۶′
۱۶clean up data fetching
۱۵′
۱۷Sort Episodes
۸′
۱۸Modal Component
۸′
۱۹Remove Favourtie
۱۶′
۲۰Save favourite characters in LocalStorage
۱۰′
۱Overview
۱′
۲Main React Hooks
۸′
۳Rules of React Hooks
۱۲′
۴useRef in React
۷′
۵DOM Manipulation with useRef
۲۲′
۶Persist data between renders
۱۴′
۷Timer Challenge with useRef
۱۴′
۸forwardref in React
۱۷′
۹Custom Hooks in React
۷′
۱۰Create useCharacter Custom Hooks
۹′
۱۱Create useLocalStorage Custom Hooks
۱۰′
۱۲useReducer Count Example
۲۵′
۱۳useReducer NoteApp Example
۱۸′
۱۴useReducer fetch example
۱۳′
۱۵useContext theme example
۲۰′
۱۶Advanced pattern for useContext
۱۴′
۱۷Multi context in App
۱۳′
۱۸Combine useContext and useReducer
۱۴′
۱Overview
۱′
۲Adding Routes on App
۱۰′
۳Link and NavLink Component
۷′
۴Nested Routes
۱۲′
۵More on Nested Rotues
۸′
۶Dynamic Routes
۱۵′
۷SearchParams
۱۶′
۸useNavigate hook
۱۵′
۹Navigate Component
۸′
۱Overview
۸′
۲Header Search Items
۱۱′
۳Search options drop down
۱۱′
۴Operation on options
۱۲′
۵useOutsideClick Hook
۱۲′
۶Date range
۱۰′
۷LocationList component
۹′
۸install json-server
۸′
۹setSearchParams and navigate to hotels
۱۲′
۱۰Create nested route on hotels
۷′
۱۱Filter based on searchParams
۱۵′
۱۲Search result Item
۱۳′
۱۳Create hotel provider
۷′
۱۴Show hotels on map
۱۰′
۱۵Sync map center with lat and lng
۱۲′
۱۶useGeoLocation hook for detect user location
۱۹′
۱۷Single hotel view
۷′
۱۸Current hotel as context
۱۴′
۱۹Event click on map
۱۳′
۲۰Add bookmark context
۱۲′
۲۱Bookmark list
۹′
۲۲Current bookmark
۱۳′
۲۳Add new bookmark
۱۲′
۲۴Fetch location data
۱۹′
۲۵Create new bookmark
۱۹′
۲۶Delete bookmark
۱۱′
۲۷Advanced-state-management-pattern-on-context-and-useReducer #1
۱۶′
۲۸Advanced-state-management-pattern-on-context-and-useReducer #2
۱۶′
۲۹Fake AuthProvider
۱۰′
۳۰Implementing login and logout
۱۵′
۳۱Protected Route
۱۰′
۱Overview
۱′
۲State-Managment-Methods
۱۰′
۳Redux Principles
۷′
۴Adding First Reducer
۱۱′
۵useSelector and useDispatch
۱۲′
۶Action Creator and Action Types
۶′
۷Milk State
۱۰′
۸Async-action-userReducer
۱۱′
۹Async Action creator
۱۹′
۱۰Load async data in component
۶′
۱۱Redux devtools extention
۹′
۱Overview
۱′
۲Local state in redux-toolkit
۱۸′
۳Async actions in redux-toolkit
۱۷′
۴Emit async actions
۶′
۵TodoSlice
۱۶′
۶todoSlice action for local state
۱۲′
۷getAsyncTodo
۱۴′
۸addAsyncTodo
۸′
۹toggle and remove asyncTodo
۱۲′
۱Overview
۵′
۲Run backend project
۸′
۳user authentication in postman
۱۵′
۴refresh token and access token approach
۹′
۵Create project and proposal
۱۶′
۶Install tailwindCSS
۱۰′
۷Add color to tailwind
۱۷′
۸Authentication scenario
۹′
۹Feature based folder structure
۱۴′
۱۰Send OTP form
۱۶′
۱۱Customize tailwind class
۶′
۱۲Check OTP markup
۱۸′
۱۳Http service module
۱۰′
۱۴Send OTP handler
۱۵′
۱۵Mutate get OTP
۱۲′
۱۶Mutate check OTP
۱۶′
۱۷Resend OTP
۱۶′
۱۸Edit phoneNumber
۷′
۱۹Complete profile form
۲۰′
۲۰RadioInput Component
۶′
۲۱Complete profile
۸′
۲۲push user after complete profile
۱۰′
۲۳Handling resfresh and access token
۱۶′
۱AppLayout
۱۱′
۲useUser hook
۱۲′
۳Owner sidebar
۱۷′
۴useOwnerProjects
۸′
۵ProjectTable V1
۱۲′
۶Utils function
۸′
۷Compound Component Table
۱۳′
۸Modal markup
۱۴′
۹Confirm delete
۱۵′
۱۰useRemvoeProjects
۱۷′
۱۱useOutsideClick
۱۲′
۱۲Introducing React Hook Formd
۱۰′
۱۳TextField with React Hook Form
۱۷′
۱۴Apply React Hook Form on all forms
۲۰′
۱۵Select Option, Tags, and DatePicker component
۱۶′
۱۶useCategories
۸′
۱۷Create new project
۱۱′
۱۸useEditProject
۱۶′
۱۹Toggle project Status
۱۸′
۲۰useProject
۱۲′
۲۱ProposalTable
۱۴′
۲۲Toggle Proposal Status
۱۸′
۱App Header
۱۰′
۲User Logout
۱۳′
۳Dark Mode on Project
۱۹′
۴useLocalStorageState
۱۹′
۵Dynamic AppLayout
۱۲′
۶Owner Dashboard
۹′
۷Stat Component
۱۵′
۱Freelancer Layout
۸′
۲Freelancer Stats
۱۶′
۳ProposalTable
۹′
۴ProjectList
۱۵′
۵Create Proposal Form
۱۲′
۶useCreateProposal
۱۵′
۷Filter Drop Down
۱۲′
۸Filter Component
۱۶′
۹QueryString for filtering
۱۵′
۱۰Convert Query String to Query Object
۵′
۱۱useAuthrozie
۱۹′
۱۲Protected Route
۹′
۱Overview
۲′
۲Admin Layout
۷′
۳Admin Dashboard
۹′
۴UsersTable
۱۰′
۵useChangeUserStatus
۱۵′
۶projects and proposals routes
۴′
۷fix minor bugs
۷′
۱overview
۲′
۲Importance of Testing
۵′
۳Type of Tests
۶′
۴Vitest VS. jest
۶′
۵Install vitest
۱۰′
۶Testing Sum function
۸′
۷grouping tests
۲′
۸coverage
۸′
۹In-source testing
۶′
۱۰Install vitest in react
۴′
۱۱first test in react
۹′
۱۲Test Structure
۲′
۱۳Query methods
۸′
۱۴Using query methods
۱۰′
۱۵Using query methods (2)
۱۵′
۱۶Priority in query types
۶′
۱۷Assertions
۱۳′
۱۸fireEvent
۱۵′
۱۹Testing Note App
۱۵′
۲۰Integrartion test
۱۱′
۲۱Custom render
۸′
۲۲Custom hook
۶′
۲۳act utility
۳′
۲۴mock function
۱۴′
۲۵mock request
۴′
۲۶install msw
۹′
۲۷Testing With MSW
۶′
۲۸MSW Error handlling
۶′
۱Overview
۴′
۲CSS Module
۱۱′
۳Why Styled Component
۱۰′
۴Basic Styling
۵′
۵Props on Component
۴′
۶Extending Styles
۵′
۷Pseudoclass selectors
۴′
۸Reusable Heading
۶′
۹Global Style
۱۵′
۱۰Button Component
۹′
۱۱Adding Attrs
۵′
۱۲ButtonIcon
۷′
۱Introduction
۳′
۲Deploy Methods
۷′
۳Build vite.js apps
۱۱′
۴Deploy on Netlify
۷′
۵Deploy on Vercel
۴′
۶Deploy Manually
۳′
۷Adding domin to liara
۴′
۸Create Database
۵′
۹Deploy Backend
۱۲′
۱۰Environment Variable
۱۰′
۱۱Create Frontend platform
۶′
۱۲Deploy Frontend
۹′
۱۳Connect to Local DB
۳′
۱بررسی مشکلات سئو در اپلیکیشن های ریکت
۱۴′
۲رندر سمت سرور (SSR) چیست و اهمیت آن
۱۰′
۳بررسی مفهوم داینامیک رندرینگ (DR)
۱۲′
۱دوره در مسیر فریلنسری و گیت هدیه دوره ریکت هست و همه مباحث فریلنسری کامل ارائه شده.
۲۰۰′

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

بله قطعا. این دوره در تابستان ۱۴۰۲ به صورت کامل بر اساس ریکت ۱۸ و ریکت روتر دام ۶ ضبط مجدد شده است.

بله دسترسی به محتوای دوره و پشتیبانی دوره های فرانت هوکس هیچ محدودیت زمانی ندارد.

یکی از مزیت های این دوره جدا از سرفصل های جامع، تدریس مباحث پیشرفته هم چون Redux, Redux-thunk. Redux-saga, Context, کار با دیتابیس و API بک اند Redux-toollkit, custom hooks, بهینه سازی ریکت و اعتبار سنجی فرم هاست.

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

۴,۶۹۸,۰۰۰
saheb mohamadi | صاحب محمدی

صاحب محمدی

مدرس دوره

داستان برنامه نویس شدن من برمیگرده به سال ۹۳. همون موقع که برای پروژه های دانشگاه (رشته مهندسی نفت) برنامه نویسی میکردم. کم کم با MATLAB آشنا شدم و بعدا وارد حوزه برنامه نویسی وب شدم و الان حدود ۱۰ ساله که شغل تخصصی من برنامه نویسی وب هست. علاقه من جاوااسکریپت و خاندانش است. به همین دلیل فرانت هوکس رو بنا کردم تا تجربه چند ساله رو در قالب دوره های پروژه محور به علاقه مندان این حوزه انتقال بدم ☘️🤍.

میتوانید دیدگاه خود را ثبت کنید